sikies的博客

JavaScript中的作用域浅析JavaScript 中的执行上下文js中代码的执行过程执行上下文变量对象作用域链this相关知识点JavaScript的任务队列toLearnJavaScript 中的执行上下文JavaScript代码执行过程中，存在执行上下文，但是其具体是如何运行的以及包含了何种概念，笔者之前还没搞清楚，而且尤其一些js中的this指向问题仍有些糊涂，因此，本文将大概分析执行上下文的组成，并从执行上下文的角度切入去分析this的指向问题。js中代码的执行过程JavaScript

背景：SPA 应用，大体是一个有检索表单及列表条目展示的页面。每个条目有链接，点击会切换路由并跳转到条目的详情页面。详情页面有返回按钮，可以返回列表检索的界面。问题：此前的应用从详情页面返回列表，没有实现保持检索后状态的功能，但是现在准备去实现的时候发现，返回（通过标题中的history.go(-1)实现）之后竟然会自动保存检索的表单信息，这是为什么？最终geogle 在 Stack Over...

curry 实现惰性加载单例的方法：1 创建得到单例的工厂方法 var getSingle = function(Contructor) { var result = null; return function() { return result || (result = new Contructor()); ...

1 原生下var formData = new FormData();var defaultYearValue = "2019";formData.append("selectYear", defaultYearValue);var request = new XMLHttpRequest();request.open("POST", url);request.send(form...

js中自带的api——splice虽然可以实现插入，但是结果会影响到原有的数组，在 react 的reducer中就不能直接对state中的数组这么操作（保证纯函数的原则）。因此可以借助 concat 和 slice 的 api 实现不影响原有数组内容的插入操作。 Array.prototype.insertArray = function (index, insertArr) { ...

1 angularJS实现js控制input获取焦点questionnaireDirectives.directive('setfocus', function(){ return { restrict: 'EA', replace: false, scope: { isBlur:"=" }, ...

1 exportexport命令用于规定模块的对外接口来自-http://caibaojian.com/es6/module.html变量的方式一//导出---statics下test.jsxexport const a = 1; //正确//引入import { a } from "./statics/test"变量的方式二//导出----statics下te...

1 上传图片上传图片有两种方式：借助 form 和 post首先新建一个formData 的对象，然后将读取到的文件作附到表单上，接下来提交表单。 var formdata = new FormData(); formdata.append('file', img, img.name); xhr.open('P...

1块级作用域js 将 function 关键字当作一个函数声明的开始，而函数声明后面不能跟圆括号，然而，函数表达式的后边可以跟圆括号。//错误的写法function myFunc() { /*....*/}() function () { /*....*/}//正确的写法(function myFun(){ /*....*/})();(functi...

目录里边有用到的代码：https://github.com/redux-utilities/redux-promise/blob/master/src/index.js 自己照着http://todomvc.com/写的 todo-list 代码在https://github.com/zhoushaokun/to-do-list上边1react-redux 的思想——将所有组件分...

----------写于2019年6月21日目录----------写于2019年6月21日1let与const2变量的结构赋值2.1数组的结构赋值2.2对象的结构赋值2.3圆括号问题3函数参数的默认值3.1参数的默认位置3.2函数参数长度3.3作用域4扩展运算符——...1let与const相比var，let有以下不同（1）let只在所...

1实现自定义动画通过jQuery的animate函数来实现params是一个用大括号 包起来 的最终样式集合，也就是说能同时控制多个效果发生。speed是关于速度的参数。easing是关于速度的函数fn回调函数使用时注意：实现多个元素一起同时进行动画$("#div1").animate({width:"200px"}, 1000);$("#div2").ani...

原型和this function Person (name, age, sex) { this.name = name; this.age = age; this.sex = sex; } Person.prototype.name = "proto"; Person.prototype.sayName = function(){ al...

------------------2019年6月29日目录1对象的遍历2Iterator和for...of2.1set和map2.2Iterator的使用1对象的遍历首先指出symbol属性的概念，symbol是ES6引入的一种新的原始数据类型（原始数据类型：保存在栈（stack）中的简单字段如number，boolean，string；引用数据类型，也就是保存在...

目录1ES6之前的模块化策略2ES6的模块化1ES6之前的模块化策略模块化可以减少全局变量的使用，方便代码的维护和书写。这二者的区别主要在于：CommonJS对模块的加载时采用的是同步（synchronous）的方式，而AMD对模块的加载采用的是异步（Asynchronous）的方式。因为在服务器端，加载的时延主要是对硬盘的读写，而在客户端，加载的时延主要的是网络传输...

目录1 react生命周期​2 关于组件 className 设置的问题3 react 中实现一些动画的效果4 encodeURIComponent()5 react项目开发步骤推荐6 webpack 的特色与功能1 react生命周期react 组件的生命周期整个过程如下：2 关于组件 className 设置的问题对于自定义的组件，如果在组件...

目录1 概念2 基本的使用3路由传参4 Switch5 component与render1 概念Router 路由器组件，用来包含各个路由组件，管理路由。Router 组件本身知识一个容器，真正的路由需要通过 Route 组件定义。现在典型的应用都使用 <BrowserRouter>、<HashRouter>等，对于低级接口 <Ro...

1String按道理是一个构造函数的名称，但为什么也具有一些属性和方法？这是之前在学习String的包装类时，遇见一个问题，这是因为任何函数实际上都是Function类的一个实例，所以f.__proto === Function.prototype,返回的是true，如下Function.prototype作为一个对象又是Object类的一个实例，所以Function.protot...