sikies的博客

编译(Compilation)JavaScript 通常被视为一种解释性语言，但是现代的JS引擎不仅仅解释JavaScript，而且会编译它。自从2009年，火狐将SpiderMokeyjs编译器添加到Firefox 3.5中后，所有人纷纷效仿这个idea。JavaScript 代码由内置JIT编译（即时编译或者动态编译）的V8引擎编译，从而提升了代码执行的速度。虽然这看起来有点不直观，但是自从2004年谷歌地图引入（上述）之后，JavaScript 已经由一个只能执行少数几个lines的语言进化为

问题描述：父组件需要发送异步请求获取数据，而子组件也需要获取这个数据进行渲染工作。方案探究：首先想到的办法是将父组件获取到的数据 data 放在 service 中，然后子组件再注入 service ，从service 中取数据 data。最先想到就是这个方法，因为对于 controller 之间的通信，最常用的办法就是通过 service 这个“桥梁”。但是通常父、子组件渲染完成之后，数据还...

请求重定向会导致请求不去执行成功的回调函数，而是再次发送一次请求。项目中遇到了http返回状态码为 302 的情况，之前学习过基础知识知道是重定向，但是没有在实际项目中碰见，今天碰见了，那么就作为一个知识点记下来吧！具体问题是：开发使用的架构http返回的是html文件而非json数据，请求之后页面会重新加载，但由于是重定向（而非 200 ），所以发送的请求不会进入到 success 的回...

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...

目录里边有用到的代码：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 的思想——将所有组件分...

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

1解决动态事件函数不能传参问题转自，https://blog.youkuaiyun.com/q5706503/article/details/82989804，自己验证如下，如想完成点击按钮后，窗口内弹出特定的内容，可以是其他节点对象的属性值。代码如下， var btn2 = document.getElementById("btn2"); func...

1属性不兼容如获取元素的样式，IE浏览器支持 obj.currentStyle.width等的方式读取元素样式表内的样式，其他浏览器支持 window.getComputedStyle(元素对象名，null).width的方式读取，因此兼容函数可以封装如下 function getStyle(obj, name){ return getComputedStyle(obj, n...

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

----------写于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...

------------------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）的方式。因为在服务器端，加载的时延主要是对硬盘的读写，而在客户端，加载的时延主要的是网络传输...

JS原生 parent.className = parent.className + " newClass"; Jquery $(selector).addClass("new1 new2"); react下 // 方法一 ES6的模板字符串className = {`title ${condition ? "active" : ""}`};// 方法二 数...

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