2016年04月_Kou_Hi

原创 ng-include 写路径

src="'views/sidepanel.html'">OR ng-include="'views/sidepanel.html'">OR ng-include src="'views/sidepanel.html'">

2016-04-27 14:35:51 6356

转载 [ JS 进阶 ] Repaint 、Reflow 的基本认识和优化 (2)

你是不是经常听师兄或一些前端前辈说不能用CSS通配符 *，CSS选择器层叠不能超过三层，CSS尽量使用类选择器，书写HTML少使用table，结构要尽量简单-DOM树要小....等这些忠告，以前我就大概知道使用通配符或者CSS选择器层次过多可能会降低性能，至于为什么不使用table标签我一直是迷迷糊糊，也就跟着那样做了，但我认识了Repain和 Reflow之后，原来这些还真不能用太多。 ok

2016-04-06 13:37:02 469

转载 javascript性能优化-repaint和reflow

repaint(重绘) ，repaint发生更改时，元素的外观被改变，且在没有改变布局的情况下发生，如改变outline,visibility,background color，不会影响到dom结构渲染。reflow(渲染)，与repaint区别就是他会影响到dom的结构渲染，同时他会触发repaint，他会改变他本身与所有父辈元素(祖先)，这种开销是非常昂贵的，导致性能下降是必然的，页面元素

2016-04-06 13:30:43 309

原创 JavaScript的隐式转换和toString valueof的调用情况

一、隐式转换console.log('35'-1);//34 减号转换为数值型计算console.log('35'+2);//352 加号转换为字符串计算console.log(0==false); //trueconsole.log("123"==123); //trueconsole.log(null==undefined);//true=== 严格等于的时候，会首先判断类型是否相同 =

2016-04-06 12:28:56 1828

原创 ES5的getter/setter

两种定义形式。第一种：var o = { age:'123', name:'gmm', get age(){ return "2"; }, set age(x){ return this.name ="Eliza"; }};o.age = 1;console.log(o.name); //Elizaconsol

2016-04-06 11:21:40 2004

转载使用 AMD、CommonJS 及 ES Harmony 编写模块化的 JavaScript

使用 AMD、CommonJS 及 ES Harmony 编写模块化的 JavaScript作者：ADDY OSMANI 技术审阅：ANDRÉE HANSSON特别鸣谢 JAMES BURKE、JOHN HANN 以及 THOMAS DAVIS原文链接（中文翻译：GU YILING）模块化解耦应用程序的重要性当

2016-04-06 09:50:37 1160

转载 CommonJS，AMD，CMD区别

zccst转载学得比较晕，再次看commonjs，amd, cmd时好像还是没完全弄清楚，今天再整理一下： commonjs是用在服务器端的，同步的，如nodejs amd, cmd是用在浏览器端的，异步的，如requirejs和seajs 其中，amd先提出，cmd是根据commonjs和amd基础上提出的。为什么晕呢？是因为没用，或用得太少。光看看文章是不行的。

2016-04-06 00:07:40 2211

转载 ES6学习笔记

转自https://segmentfault.com/a/1190000002904199介绍ECMAScript 6 在接下来的一段时间内将成为 ECMAScript的一个标准。这个标准预计在今年的时候就会被签署，不管在Github,还是在很多社区，javascript爱好者已经早已开始拥抱变化，享受ES6 带来的美好,这篇文章将介绍ES6的一些新特性。由于ES6 还没有

2016-04-05 22:50:59 528

转载 jquery选择器之获取父级元素、同级元素、子元素

---------------------转自http://blog.csdn.net/tolcf/article/details/39289471一、获取父级元素1、 parent([expr]):获得当前匹配元素集合中每个元素的父元素，使用选择器进行筛选是可选的。[html] view plain copy print?

2016-04-05 13:31:08 8488

转载 JSONP处理同源策略

跨域网络访问EDIT同源策略控制了不同源之间的交互，例如在使用XMLHttpRequest 或）代表文档中的一个图像。" style="margin:0px; padding:0px; border:0px; color:rgb(0,149,221); text-decoration:none"> 标签时则会受到同源策略的约束。交互通常分为三类：通常允许进行跨域写操作（Cros

2016-04-05 00:09:29 545

原创 js设置cookie，为cookie中设置多个key value

一下是犀牛书中实现的操作cookie的apifunction cookieStorage(maxage, path) { var cookie = (function() { var cookie = {}; var all = document.cookie; if(all == "")

2016-04-04 20:46:21 17719

转载静态资源放置于独立域名之下

今天看书时，某句话让我产生一个疑问，为什么静态资源要放在一个或者若干个独立的域名之下？我当时脑海中首先想到的就是为了动静分离，减轻web服务器压力，但是仔细一想不太对，如果仅是为了这个原因，大可不必启用那么多一级域名，用若干二级域名不是更好？于是带着这个疑问，拜访了搜索引擎。果然不出所料，原因不止这一个，现整理出来，作为备忘。1、启用新的一级域名，每次请求浏览器不会携带cookie。这对于

2016-04-04 14:52:09 1972

原创配置tomcat的compressableMimeType指定gzip的类型

补充上一篇配置tomcat的gzipConnector port="80" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" executor="tomcatThreadPool" URIEncoding="utf-8"

2016-04-03 22:18:20 8853 2

转载 tomcat如何开启GZIP

原理简介配置方法测试方法通过浏览器直接请求通过程序模拟请求设置TOMCAT启用GZIP压缩原理简介 HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求服务器对应资源后，从服务器端将资源文件压缩，再输出到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript ,

2016-04-03 21:47:50 649

转载服务器端如何开启GZIP压缩功能

我们知道做好负载均衡对网站的正常运行，用户体验相当重要。在负载均衡中有一个必须要做的事情就是给服务器开启GZIP压缩功能，对用户请求的页面进行压缩处理，以达到节省网络带宽，提高网站速度的作用。GZIP是若干文件压缩程序的简称，通常指GNU计划的实现，此处的GZIP代表的就是GUN ZIP，这也是HTTP1.1协议定义的两种压缩方法中最常用的一种压缩方法，客户端浏览器大都支持这种压缩格式。接

2016-04-03 21:16:36 8601

Font from origin 'http://apps.bdimg.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'ht

2016-04-03 17:34:16 3557 1

原创使用火狐插件 YSLOW

下载yslow，firefox36以上不能直接使用，你可以使用它的书签版本。访问这里 http://yslow.org/mobile/把页面最后的那个 Desktop Bookmarklet Installation Instructions 里的 Yslow 按钮拖拽到火狐的书签工具栏即可。使用的时候在需要的页面点击 yslow的书签即可

2016-04-03 17:09:15 965

转载 nodejs npm常用命令

nodejs npm常用命令npm是一个node包管理和分发工具，已经成为了非官方的发布node模块（包）的标准。有了npm，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。1、npm install moduleNames：安装Node模块安装完毕后会产生一个node_modules目录，其目录下就是安装的各个node模块。node的安装分为全局模式和本

2016-04-03 14:13:39 376

转载 document.documentElement和document.body的区别

网页中获取滚动条卷去部分的高度，可以通过 document.body.scrollTop 来获取，比如使div跟着滚动条滚动：window.onscroll = function (){ var div = document.getElementById("div"); div.style.top = document.body.scrollTop + "px";

2016-04-02 14:06:03 322

u010552788的专栏