摘要： 使用 source map ：为了知道打包后js哪里报错 当 webpack 打包源代码时，可能会很难追踪到 error(错误) 和 warning(警告) 在源代码中的原始位置。例如，如果将三个源文件（a.js, b.js 和 c.js）打包到一个 bundle（bundle.js）中，而其中一个 阅读全文

摘要： 知识点 ： classList api className 的用法 const div = document.createElement('div'); div.className = 'foo'; // 初始状态：<div class="foo"></div> console.log(div.ou 阅读全文

摘要： 安装 安装：npm i -D babel-core babel-loader babel-preset-env babel-core 把 js 代码分析成 ast (抽象语法树, 是源代码的抽象语法结构的树状表现形式)，方便各个插件分析语法进行相应的处理。有些新语法在低版本 js 中是不存在的，如箭 阅读全文

摘要： 设置input的placeholder的字体样式 单行和多行文本超出省略号 负边距使用技巧 定位同时设置方位情况 相邻兄弟选择器之常用场景 outline属性的妙用技巧 隐藏滚动条或更改滚动条样式 纯CSS绘制三角形 虚线框绘制技巧 卡券效果制作 隐藏文本的常用两种方法 表格边框合并 设置input 阅读全文

摘要： 一、String对象支持四种利用正则表达式的方法，分别为search(),replace(),match(),split() 1、search()方法以正则表达式作为参数，返回第一个与之匹配的子串开始的位置，如果没有任何与之匹配的子串，它返回-1。 2、replace()方法执行检索和替换操作，它的 阅读全文

摘要： class 相当于 构造函数 function 的语法糖 下面是轮播图小demo , css #box { width: 300px; height:200px; margin: 0 auto; border: 1px solid black; overflow: hidden; position: 阅读全文

摘要： 下面是普通函数的列子： var name = 'window'; // 其实是window.name = 'window' var A = { name: 'A', sayHello: function(){ console.log(this.name) } } A.sayHello();// 输出 阅读全文

摘要： 一些麻烦事儿 平时做web开发的时候关于消息传递，除了客户端与服务器传值还有几个经常会遇到的问题 1.页面和其打开的新窗口的数据传递 2.多窗口之间消息传递 3.页面与嵌套的iframe消息传递 4.上面三个问题的跨域数据传递 postMessage Cross-document messaging 阅读全文

摘要： Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。 const object1 = {}; Object.defineProperty(object1, 'property1', { value: 42, writable 阅读全文

摘要： 模块化模式 模块 模块是任何健壮的应用程序体系结构不可或缺的一部分，特点是有助于保持应用项目的代码单元既能清晰地分离又有组织。 在JavaScript中，实现模块有几个选项，他们包括： 模块化模式 对象表示法 AMD模块 CommonJS 模块 ECMAScript Harmony 模块 我们在书中 阅读全文