JS执行机制与Event Loop

前言整理了一下 javascript 的基础知识，在此给大家做下分享，喜欢的大佬们可以给个赞。js 是一门单线程语言。 js 引擎有一个主线程（main thread）用来解释和执行 js 程序，实际上还存在其他的线程。例如：处理 ajax 请求的线程、处理 DOM 事件的线程、定时器线程、读写文件的线程(例如在 node.js 中)等等。这些线程可能存在于 js 引擎之内，也可能存在于 js 引擎之外，在此我们不做区分。不妨叫它们工作线程。JS 执行上下文当代吗运行时，会产生对应的运行环境，在

2 赞 0 评论

4 年前 / wex

手写 call，apply，bind，new原生方法

前言记录一下最近学习的一些原生 JS 方法的实现，中间会用到一些es6的语法，有兴趣的朋友可以参考阮一峰 ES6 入门教程，留个赞再走呗。实现 call 方法// 将方法挂在到顶层函数 Function 的原型上，这样保证都能访问Funtion.prototype.myCall = function (...rest) { // 获取第一个参数为目标函数 var thisArg = rest[0] // 判断第一参数是否为原始值，如果是则通过构造函数包装成对象 var thisArgTy

0 赞 0 评论

4 年前 / wex

前端面试题解析

1、10个 ==Ajax== 同时发起请求，全部返回展示结果，并且最多允许三次失败，说出设计思路这个问题很多人会想到用 ==Promise.all== ，但是这个函数有一个局限在于如果失败一次就返回了，这样实现会有一些问题，需要变通下。来看下下面的两种实现思路// 以下是不完整的代码，着重于思路非 Promise 写法let successCount = 0let errorCount = 0late datas = []ajax(url, (res) => { if (success)

1 赞 1 评论

4 年前 / wex

viewports 剖析

本文转载之：Part1: http://www.quirksmode.org/mobile/viewports.htmlPart2: http://www.quirksmode.org/mobile/viewports2.html————作者：Perter-Paul Kouch————译者：@承风前言在这个迷你系列的文章里，我将解释viewport和多种中药的HTML标签元素的宽度是如何工作的，例如标签。同样也会解释window和screen宽度的问题。第一部分主要关于桌面（pc）浏览器，基本目

0 赞 0 评论

4 年前 / wex

ECMASscript 6 入门（三）

变量解构赋值本文转之阮一峰 ECMAScript 6 入门1.数组的解构赋值基本用法ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。以前，为变量赋值，只能直接指定。let a = 1let b = 2let c = 3ES6 允许写成下面这样。let [a, b, c] = [1, 2, 3]上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。本质上，这种写法属于“模式匹配”，只要等号两遍的模式相同，左边的变量就会被赋予对应的值

0 赞 0 评论

4 年前 / wex

ECMASscript 6 入门（二）

前言本文转至阮一峰 ECMAScript 6 入门let 和 const 命令1. let 命令基本用法ES6 新增了==let==命令，用来声明变量。它的用法类似==var==，但是所声明的变量，只能在==let==命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not definedb // 1上面代码在代码块之中，分别用==let==和==var==声明了两个变量。然后在代码块之外调用这两个变量，结果==l

0 赞 0 评论

4 年前 / wex

ECMASscript 6 入门（一）

前言本文转载之阮一峰 ECMAScript 6 入门ECMAScript 6 简介ECMAScript 6.0（以下简介 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布。它的目标，使得 JavaScript 语言可以用来编写复杂的大型应用程序，称为企业级开发语言。1. ECMASscript 和 JavaScript 的关系一个常见的问题是，ECMAScript 和 JavaScript 待敌是什么关系要讲清楚这个问题，需要回顾历史。1996 年 11

0 赞 0 评论