peifeng_chen的微博

对学习中一些错误总结

演示项目样例介绍这次来介绍下webpack模块化的原理，这次以commonJS模块化为例，先来看看项目的目录结构是怎样的。我们再来看看主要的内容，项目的内容非常简单，在index.js中用commonJS模块引入的方法，引入了一个js文件夹下common.js导出的 mul 乘法函数。进行打包，查看模块化原理 我们进行npm run build打包（package.json）script中的build字段要改为web...

首先最简单的ES 5的for in遍历对象let a={ a:100, b:200}for(let key in a) console.log(key,a[key])for+Object.keys()方法遍历对象let a={ a:100, b:200}for(let key of Object(a)) console.log(key,a[key])for of+Object.entries()方法返回一个给定对象自身可枚举属性的键

在学习了响应式原理之后，我自己尝试用JavaScript原生实现了一下，发现对响应式原理和v-model的原理有了进一步的理解，要点就是通过事件和事件对象将用户输入的东西赋值给data，通过Object.defineproperty这个响应式的核心API去设置data的set和get，让更改的值能够反馈到视图上。废话不多说，上代码。<input id="input" type="text"><p id="text"></p ><script...

Ajax实现原理很简单，就是封装XMLHttpRequest对象的操作，下面就以Get请求举例。function Ajax(url, fn) { // 实例化XMLHttpRequest对象 var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.onreadystatechange = function() { // readyState == 4说明请求已完成...

JavaScript有哪些数据类型？typeof操作符能识别哪些数据类型？instanceof的原理，手撕JavaScript深拷贝。

我在上一篇博客中介绍了JavaScript中new操作的原理，那么就接下来就来探索下，ES6中引进的class和extends的原理吧。

JavaScript中new操作的原理，new到底做了什么

在学习JavaScript的时候总会接触到一些书或者文章说因为JavaScript是单线程的就怎么怎么样，我就很好奇，能说一门语言是单线程的吗？我总结了下网上很多回答，结合自己的理解整理了下？。我们所说的JavaScript单线程指的是什么？首先，JavaScript是没有线程这个概念的，我们平时说的js单线程还是多线程只是相对于执行的环境来说的，指的是js运行在浏览器中是单线程的，或者是js引擎单线程地处理js代码，在同一时间只能做一件事。假设js运行在浏览器中有两...

ES6 let,const由来，实现原理

JS事件绑定、事件触发、事件对象、事件委托、节流防抖