ExplorerMan

摘要： 1 同源策略 所谓同源策略，指的是浏览器对不同源的脚本或者文本的访问方式进行的限制。比如源a的js不能读取或设置引入的源b的元素属性。 那么先定义下什么是同源，所谓同源，就是指两个页面具有相同的协议，主机（也常说域名），端口，三个要素缺一不可。 可以看下面的几个示例来更加清楚的了解一下同源的概念： 阅读全文

摘要： 在 2 月 20 号 ECMAScript 第六版就正式推出了，这门语言一直保持稳定快速的发展而且新功能也在慢慢被现在主流的 JavaScript 引擎所接受。不过要想在浏览器端或者 Node 端直接运行 ES6 代码还得等上一些日子。幸好 TC39 (负责研究开发 EMCAScript 规格的组织 阅读全文

摘要： 前言 这几天在准备一个单页面应用, 准备试试webpack神器，在准备webpack下的知识点，顺便记录下一些使用的心得。 webpack 的配置说明 在近来的前端开发中，业务逻辑复杂化，层次多样化，各种库和各种的包百花争鸣，而在模块的加载又没有一统天下的情况下，资源的管理和，静态资源的打包催生了现 阅读全文

摘要： 一、概述 除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。 设立"严格模式"的目的，主要有以下几个： - 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为; 阅读全文

摘要： 最近看国外的前端代码时，发现ES6的新特性已经相当普及，尤其是 let，应用非常普遍 虽然 let 的用法与 var 相同，但不管是语法语义上，还是性能上，都提升了很多，下面就从这两方面对比一下 语法>> 这是一个常见的嵌套循环，都定义了变量 i 来计数，执行结果如下： 可以看到，外层循环被打断了， 阅读全文

摘要： javascript 严格模式 第一次接触let关键字，有一个要非常非常要注意的概念就是”JavaScript 严格模式”，比如下述的代码运行就会报错： 1 2 1 2 错误信息如下： 1 2 3 4 5 1 2 3 4 5 解决方法就是，在文件头添加”javascript 严格模式”声明： 1 2 阅读全文

摘要： ，我们通常采用的是组件化开发方式，这样就会对应有很多个js文件，而打包工具的出现则是为了正确处理这些js文件的依赖关系，并生成一个最终的文件，这样，我们最后只需要加载打包以后的文件就可以了，而无须加载许多单个的js文件。接下来我们就试下多个js文件的打包。 新建一个content.js文件，文件内容 阅读全文

摘要： AMD（异步模块定义）是为浏览器环境设计的，因为 CommonJS 模块系统是同步加载的，当前浏览器环境还没有准备好同步加载模块的条件。 AMD 定义了一套 JavaScript 模块依赖异步加载标准，来解决同步加载的问题。 模块通过 define 函数定义在闭包中，格式如下： id 是模块的名字， 阅读全文

摘要： CommonJS 是以在浏览器环境之外构建 JavaScript 生态系统为目标而产生的项目，比如在服务器和桌面环境中。 这个项目最开始是由 Mozilla 的工程师 Kevin Dangoor 在2009年1月创建的，当时的名字是 ServerJS。 我在这里描述的并不是一个技术问题，而是一件重大 阅读全文

摘要： Webpack 的配置比较复杂，很容出现错误，下面是一些通常的故障处理手段。 一般情况下，webpack 如果出问题，会打印一些简单的错误信息，比如模块没有找到。我们还可以通过参数 --display-error-details 来打印错误详情。 Webpack 的配置提供了 resolve 和 r 阅读全文