也谈谈同源策略和跨域问题
摘要：1 同源策略 所谓同源策略，指的是浏览器对不同源的脚本或者文本的访问方式进行的限制。比如源a的js不能读取或设置引入的源b的元素属性。 那么先定义下什么是同源，所谓同源，就是指两个页面具有相同的协议，主机（也常说域名），端口，三个要素缺一不可。 可以看下面的几个示例来更加清楚的了解一下同源的概念：
阅读全文
posted @ 2017-04-28 17:40
04 2017 档案
(转)Babel-现在开始使用 ES6
摘要：在 2 月 20 号 ECMAScript 第六版就正式推出了，这门语言一直保持稳定快速的发展而且新功能也在慢慢被现在主流的 JavaScript 引擎所接受。不过要想在浏览器端或者 Node 端直接运行 ES6 代码还得等上一些日子。幸好 TC39 (负责研究开发 EMCAScript 规格的组织
阅读全文
posted @ 2017-04-26 17:05
webpack 配置简单说几句 ？
摘要：前言 这几天在准备一个单页面应用, 准备试试webpack神器，在准备webpack下的知识点，顺便记录下一些使用的心得。 webpack 的配置说明 在近来的前端开发中，业务逻辑复杂化，层次多样化，各种库和各种的包百花争鸣，而在模块的加载又没有一统天下的情况下，资源的管理和，静态资源的打包催生了现
阅读全文
posted @ 2017-04-26 16:23
Javascript 严格模式详解
摘要：一、概述 除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。 设立"严格模式"的目的，主要有以下几个： - 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;
阅读全文
posted @ 2017-04-25 12:06
JavaScript6 新语法 let 有什么优势
摘要：最近看国外的前端代码时，发现ES6的新特性已经相当普及，尤其是 let，应用非常普遍 虽然 let 的用法与 var 相同，但不管是语法语义上，还是性能上，都提升了很多，下面就从这两方面对比一下 语法>> 这是一个常见的嵌套循环，都定义了变量 i 来计数，执行结果如下： 可以看到，外层循环被打断了，
阅读全文
posted @ 2017-04-25 11:35
js中let和var定义变量的区别
摘要：javascript 严格模式 第一次接触let关键字，有一个要非常非常要注意的概念就是”JavaScript 严格模式”，比如下述的代码运行就会报错： 1 2 1 2 错误信息如下： 1 2 3 4 5 1 2 3 4 5 解决方法就是，在文件头添加”javascript 严格模式”声明： 1 2
阅读全文
posted @ 2017-04-25 11:20
webpack学习（一）—— 入门
摘要：，我们通常采用的是组件化开发方式，这样就会对应有很多个js文件，而打包工具的出现则是为了正确处理这些js文件的依赖关系，并生成一个最终的文件，这样，我们最后只需要加载打包以后的文件就可以了，而无须加载许多单个的js文件。接下来我们就试下多个js文件的打包。 新建一个content.js文件，文件内容
阅读全文
posted @ 2017-04-25 10:24
AMD 规范
摘要：AMD（异步模块定义）是为浏览器环境设计的，因为 CommonJS 模块系统是同步加载的，当前浏览器环境还没有准备好同步加载模块的条件。 AMD 定义了一套 JavaScript 模块依赖异步加载标准，来解决同步加载的问题。 模块通过 define 函数定义在闭包中，格式如下： id 是模块的名字，
阅读全文
posted @ 2017-04-24 19:28
webpack 故障处理
摘要：Webpack 的配置比较复杂，很容出现错误，下面是一些通常的故障处理手段。 一般情况下，webpack 如果出问题，会打印一些简单的错误信息，比如模块没有找到。我们还可以通过参数 --display-error-details 来打印错误详情。 Webpack 的配置提供了 resolve 和 r
阅读全文
posted @ 2017-04-24 19:27
CommonJS 规范
摘要：CommonJS 是以在浏览器环境之外构建 JavaScript 生态系统为目标而产生的项目，比如在服务器和桌面环境中。 这个项目最开始是由 Mozilla 的工程师 Kevin Dangoor 在2009年1月创建的，当时的名字是 ServerJS。 我在这里描述的并不是一个技术问题，而是一件重大
阅读全文
posted @ 2017-04-24 19:27
webpack 开发环境
摘要：当项目逐渐变大，webpack 的编译时间会变长，可以通过参数让编译的输出内容带有进度和颜色。 如果不想每次修改模块后都重新编译，那么可以启动监听模式。开启监听模式后，没有变化的模块会在编译后缓存到内存中，而不会每次都被重新编译，所以监听模式的整体速度是很快的。 当然，使用 webpack-dev-
阅读全文
posted @ 2017-04-24 19:23
webpack 插件
摘要：插件可以完成更多 loader 不能完成的功能。 插件的使用一般是在 webpack 的配置信息 plugins 选项中指定。 Webpack 本身内置了一些常用的插件，还可以通过 npm 安装第三方插件。 接下来，我们利用一个最简单的 BannerPlugin 内置插件来实践插件的配置和运行，这个
阅读全文
posted @ 2017-04-24 19:22
webpack 配置文件
摘要：Webpack 在执行的时候，除了在命令行传入参数，还可以通过指定的配置文件来执行。默认情况下，会搜索当前目录的 webpack.config.js 文件，这个文件是一个 node.js 模块，返回一个 json 格式的配置信息对象，或者通过 --config 选项来指定配置文件。 继续我们的案例，
阅读全文
posted @ 2017-04-24 19:21
webpack Loader
摘要：Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要使用 loader 进行转换。 Loader 可以理解为是模块和资源的转换器，它本身是一个函数，接受源文件作为参数，返回转换的结果。这样，我们就可以通过 require 来加载任何类型的模块或文件，比如 Cof
阅读全文
posted @ 2017-04-24 19:20
webpack 使用
摘要：首先创建一个静态页面 index.html 和一个 JS 入口文件 entry.js： 然后编译 entry.js 并打包到 bundle.js： 打包过程会显示日志： 用浏览器打开 index.html 将会看到 It works. 。 接下来添加一个模块 module.js 并修改入口 entr
阅读全文
posted @ 2017-04-24 19:20
webpack常用的插件安装命令
摘要：webpack常用的插件安装命令：1：npm install html-webpack-plugin --save-dev //自动快速的帮我们生成HTML。2：npm install css-loader style-loader --save-dev//样式文件，我们需要两种loader，css
阅读全文
posted @ 2017-04-24 19:10
安装webpack
摘要：首先要安装 Node.js， Node.js 自带了软件包管理器 npm，Webpack 需要 Node.js v0.6 以上支持，建议使用最新版 Node.js。 用 npm 安装 Webpack： 此时 Webpack 已经安装到了全局环境下，可以通过命令行 webpack -h 试试。 通常我
阅读全文
posted @ 2017-04-24 18:48
npm 安装参数中的 --save-dev 是什么意思
摘要：看到有些 node.js 的包安装的时候都加上 --save-dev 参数，不知道这参数是做什么的，加和不加有什么区别吗？ 当你为你的模块安装一个依赖模块时，正常情况下你得先安装他们（在模块根目录下npm install module-name），然后连同版本号手动将他们添加到模块配置文件packa
阅读全文
posted @ 2017-04-24 18:43
10个 NPM 使用技巧
摘要：对于一个项目，常用的一些npm简单命令包含的功能有：初始化一个文件夹( npm init )，下载npm模块( npm install )，创建测试( npm tese ) 和自定义脚本( npm run )。但是，进一步了解一些 npm 的使用技巧可以彻底改变你的日常开发任务。 注:如果你需要关于
阅读全文
posted @ 2017-04-24 18:37
npm init node 通过指令创建一个package.json文件及npm安装package.json
摘要：描述包的文件是package.json文件. 一个这样的文件,里面的信息还是挺大的.我们可以放弃手动建立.为了练手我们有命令行来建一个这样的包; 完成name,varsion....license项的信息填写后会出现这样一段话. 上面是我们填写的信息,下面我们输入yes,就完成了package.js
阅读全文
posted @ 2017-04-24 18:35
JSDoc 介绍
摘要：什么是JSDoc JSDoc是一个根据javascript文件中注释信息，生成JavaScript应用程序或库、模块的API文档 的工具。你可以使用他记录如：命名空间，类，方法，方法参数等。类似JavaDoc和PHPDoc。现在很多编辑器或IDE中还可以通过JSDoc直接或使用插件生成智能提示。从而
阅读全文
posted @ 2017-04-24 17:21
解析 神奇的 Object.defineProperty
摘要：第一个参数：目标对象 第二个参数：需要定义的属性或方法的名字。 第三个参数：目标属性所拥有的特性。（descriptor） 第一个参数：目标对象 第二个参数：需要定义的属性或方法的名字。 第三个参数：目标属性所拥有的特性。（descriptor） 前两个参数不多说了，一看代码就懂，主要看第三个参数d
阅读全文
posted @ 2017-04-24 16:57
js 自定义方法 设置可选参数的方法
摘要：原链接 http://www.cnblogs.com/RightDear/p/3156652.html PHP有个很方便的用法是在定义函数时可以直接给参数设默认值，如： 但js却不能这么定义，如果写function simue(a=1,b=2){}会提示缺少对象。 js函数中有个储存参数的数组arg
阅读全文
posted @ 2017-04-24 16:38
JavaScript 垃圾回收
摘要：在公司经常会听到大牛们讨论时说道内存泄露神马的，每每都惊羡不已，最近精力主要用在了Web 开发上，读了一下《JavaScript高级程序设计》（书名很唬人，实际作者写的特别好，由浅入深）了解了一下JavaScript垃圾回收机制，对内存泄露有了一定的认识。 和C#、Java一样JavaScript有
阅读全文
posted @ 2017-04-24 15:08
JavaScript继承详解
摘要：面向对象与基于对象 几乎每个开发人员都有面向对象语言（比如C++、C#、Java）的开发经验。 在传统面向对象的语言中，有两个非常重要的概念 - 类和实例。 类定义了一类事物公共的行为和方法；而实例则是类的一个具体实现。 我们还知道，面向对象编程有三个重要的概念 - 封装、继承和多态。 但是在Jav
阅读全文
posted @ 2017-04-20 15:39
Object.prototype.hasOwnProperty()
摘要：hasOwnProperty() 方法会返回一个布尔值，指示对象是否具有指定的属性作为自身（不继承）属性。 语法 参数 返回值 用来判断某个对象是否含有指定的属性的 Boolean 。 描述 所有继承了 Object 的对象都会继承到 hasOwnProperty 方法。这个方法可以用来检测一个对象
阅读全文
posted @ 2017-04-20 14:56
一分钟理解js闭包
摘要：什么是闭包？先看一段代码： ? 1 2 3 4 5 6 7 8 9 10 function a(){ var n = 0; function inc() { n++; console.log(n); } inc(); inc(); } a(); //控制台输出1，再输出2 ? 1 2 3 4 5 6
阅读全文
posted @ 2017-04-20 11:29
最全的Javascript编码规范(推荐)
摘要：1.嵌入规则 Javascript程序应该尽量放在.js的文件中，需要调用的时候在页面中以<script src="filename.js">的形式包含进来。Javascript代码若不是该页面专用的，则应尽量避免在页面中直接编写Javascript代码。 2.对齐缩进与换行 a) 缩进 在同一系统
阅读全文
posted @ 2017-04-18 18:58
JavaScript开发规范要求
摘要：作为一名开发人员（WEB前端JavaScript开发），不规范的开发不仅使日后代码维护变的困难，同时也不利于团队的合作，通常还会带来代码安全以及执行效率上的问题。本人在开发工作中就曾与不按规范来开发的同事合作过，与他合作就不能用“愉快”来形容了。现在本人撰写此文的目的除了与大家分享一点点经验外，更多
阅读全文
posted @ 2017-04-18 18:33
js删除局部变量的实现方法
摘要：lert('value:'+str+'\ttype:'+typeof(str)) //声明变量前，引用 var str="dd"; alert('value:'+str+'\ttype:'+typeof(str)) //声明并赋值变量后，引用 str=undefined; //删除局部变量 aler
阅读全文
posted @ 2017-04-17 18:29
理解javascript中的with关键字
摘要：说起js中的with关键字，很多小伙伴们的第一印象可能就是with关键字的作用在于改变作用域，然后最关键的一点是不推荐使用with关键字。听到不推荐with关键字后，我们很多人都会忽略掉with关键字，认为不要去管它用它就可以了。但是有时候，我们在看一些代码或者面试题的时候，其中会有with关键字的
阅读全文
posted @ 2017-04-17 18:12
Git 的 cherry-pick 功能
摘要：简而言之，cherry-pick就是从不同的分支中捡出一个单独的commit，并把它和你当前的分支合并。如果你以并行方式在处理两个或以上分支，你可能会发现一个在全部分支中都有的bug。如果你在一个分支中解决了它，你可以使用cherry-pick命令把它commit到其它分支上去，而不会弄乱其他的文件
阅读全文
posted @ 2017-04-11 16:06
TortoiseGit不同分支合并代码2
摘要：现在有主分支master和分支day2.现在要把day2上的变更合并到主分支master上！ 1.首先切换到目标分支master上。 说明当前分支是master分支。 2.在master分支上查看提交记录,即show log一下。 3.切换到源分支上 4.选中你所有的提交，右键，Cherry pic
阅读全文
posted @ 2017-04-11 16:05
TortoiseGit不同分支合并代码
摘要：现在有主分支master和分支day2.现在要把day2上的变更合并到主分支master上！ 1.首先切换到目标分支master上。 说明当前分支是master分支。 2.在master分支上查看提交记录,即show log一下。 3.切换到源分支上 4.选中你所有的提交，右键，Cherry pic
阅读全文
posted @ 2017-04-11 15:02
使用TortoiseGit操作分支的创建与合并
摘要：第一步：创建本地分支 点击右键选择TortoiseGit，选择Create Branch…，在Branch框中填写新分支的名称（若选中”switch to new branch”则直接转到新分支上，省去第二步），点击OK按钮： 第二步：通过“Switch/Checkout”切换到新创建的分支上，点击
阅读全文
posted @ 2017-04-11 14:22
jquery ajax 跨域设置
摘要：xhrFields: { withCredentials: true},crossDomain: true,
阅读全文
posted @ 2017-04-05 14:18
