摘要:
解析ES6语法 babel-loader 安装插件 npm i @babel/core @babel/preset-env babel-loader -D 新建 .babelrc 文件 在webpack.config.js文件中增加babel配置 解析 React JSX语法 在 .babel文件中 阅读全文
摘要:
Entry:指定webpack打包入口 单入口:entry是一个字符串,表示文件入口地址,适合单页应用 多入口:entry是一个对象,适合多页应用 Output:用来告诉webpack将编译好的文件输出到磁盘 单出口:直接指定文件名和存储路径 多出口:使用占位符确保文件名称唯一,文件名自动对应ent 阅读全文
摘要:
新建文件夹, 使用VScode 打开,在vscode中打开新终端, node -v和npm -v确认你已经安装了Node和npm 构建package.json 文件 输入命令 npm init -y 安装webpack webpack-cli npm install webpack webpack- 阅读全文
摘要:
双向绑定,也就是说js中的数据传到页面,页面中的内容到js,实现同步更新,简单的演示可以直接复制下放HTML代码运行。 在这个例子中,我们使用defineProperty ,Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象 阅读全文
摘要:
堆、栈 堆内存是用来存放引用类型的空间环境(object) 而栈内存,是存储基本类型和指定代码的环境(执行上下文) 普通变量直接存在栈中执行上下文的变量环境或词法环境中,但是引用类型是把变量名存在栈中,该变量名的值是指向堆中的地址。 在对象中的属性名具有唯一性,数字属性名=字符串属性名,但是在测试的 阅读全文
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
摘要:
把一个URL变成一个屏幕上显示的网页。这个过程是这样的: 浏览器首先使用HTTP协议或者HTTPS协议,向服务端请求页面; 把请求回来的HTML代码经过解析,构建成DOM树; 计算DOM树上的CSS属性; 最后根据CSS属性对元素逐个进行渲染,得到内存中的位图; 一个可选的步骤是对位图进行合成,这会 阅读全文
摘要:
参考http://www.ruanyifeng.com/blog/2018/06/javascript-this.html this的原理 JavaScript 语言之所以有this的设计,跟内存里面的数据结构有关系。 在普通的对象中,其在内存中是以这种键值对的方式存储的 但是函数有他的特殊性,函数 阅读全文
摘要:
Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promi 阅读全文
摘要:
要理解async/await我觉得应该对promise非常熟悉,个人总结,简单来说promise的存在是为了处理回调地狱的异步编程思想,将回调函数的嵌套转化为then链,而async/await是为了简化then链的 下面文章是来自 作者:边城链接:https://segmentfault.com/ 阅读全文