2016年06月_ClassicSong

10月 08月 06月 05月 04月 03月 02月 01月

原创 JavaScript中的jsonp（跨域请求）

ajax中的jsonp跨域请求，固定格式，然后就可以了。为什么却没有深入的理解过。读了相关资料，将总结写到这里。何为JSONP?JSONP（JSON width padding）是一种不成文的协议，允许服务端将script tags 返回到客户端，使用JavaScript callback实现跨域访问。跨域为何出现？由于浏览器的同源策略，通过隔离保护

2016-06-29 11:58:55 754

原创 livereload-实时自动刷新页面（只要检测的文件夹中文件有修改，页面就会自动刷新）（适用pc端、移动端）

开发项目时需要不断的刷新浏览器才能看到效果，这个是个很麻烦的事情，总是得手动去刷新。如果可以边改项目边刷新就好了。livereload就是这个你想要的工具。安装livereload，运行，将要检测的项目文件夹放到livereload中。在pc端访问本地站点。当检测的文件夹中文件有改变时，浏览器就会自动刷新，省去了手动的麻烦。对于移动端需要

2016-06-24 10:59:07 2550

原创 SASS开发环境搭建（webstorm做编辑器）

sass只是了解过，却没有实际操作。下午空余一部分时间，搭个SASS环境扫扫盲吧。遇到的问题还真是不少。sass安装：根据实际操作的过程，总结以下步骤：（限window系统）1、下载RubyInstaller，运行安装（只管点击next即可）。2、在开始程序中找到Start Command Prompt with Ruby，如下图点击后出现命令窗口：

2016-06-14 17:07:10 18267 2

原创 jquery绑定事件优化网页性能（使用on进行事件委托）

自身认知限制，在之前做项目使用jquery框架的时候会直接使用$(obj).click(function(){})（click可以换成其他的事件）为目标对象绑定事件，并没有觉得有什么不妥。今天看了一篇博客惊着了。原来光是知其然，不知其所以然。例子如下：在页面中添加1000个p标签，再给他们绑定事件。用两种绑定方式分别统计内存消耗。javascript $

2016-06-14 13:57:45 2800

昨天对项目中一个公共组件做响应式优化，忙乎了一天，总算可以了，正准备送去QA测试，遇到问题了，改好的组件放到生产环境自测一下。天呐，在iphone6上为啥页面内容变得好小（其实在iPhone系列都是这样，只是先用手里的设备测试而已）。开始查找页面中的头部是否添加viewport的width设置，果然没有，随即加好，以为问题分分钟解决。页面刷新后，被打了一棒子，并没有想象的美好，依然那么小。难道程序

2016-06-07 10:31:57 732

原创 JavaScript中逻辑运算符（&&、||、！）的优先级和运算顺序

对逻辑运算符只停留在会用的层次，一直没有专门了解其原理。今天得空，好好深究一下，这里做个笔记，用来参考。三个逻辑运算符（&&、||、！）优先级是：！、&& 、|| 。逻辑与（&&）和逻辑或（||）运算符都遵循短路原则。逻辑与（&&）运算原则：A && B;当A为true时，无论B是true或false，都会返回B。当A为false时，无论B是t

2016-06-02 12:12:48 25090