zha_zi的专栏

原创 nodejs express 系列问题

1. 在使用express 后系统的吞吐量降低非常多，这个问题主要是要从express 上去解决， 比较明显的一个问题 是需要设置 process.env.NODE_ENV="production"; 这时候express 会启动很多性能优化项比较明显的提升性能2.发布node 应用的时候如果不适用集群，性能会比较差，因为node是单进程应用，所以经常我们会看到服务器上的单个cpu负载很高...

原创 nodejs express 系列问题

WebStorm 修改注释模板

     前端开发中webstorm 是个比较常用的工具，我们在使用eclipse 或者其他开发工具的时候有自定义注释模板的习惯，这样便于工程化和代码管理，前端统一注释也是非常重要的，但是使用webstorm 默认的注释仅仅是/***/ 这种方式是远远不能满足我们的需求。     打开webstorm ，按照 file->setting->editor->live t...

WebStorm 修改注释模板

原创 reactjs redux 和无状态组件

原创 关于http1.1 新增加状态码 303 307 与302 的对比

                     HTTP1.0在介绍302时说，如果客户端发出POST请求后，收到服务端的302状态码，那么不能自动的向新的URI发送重复请求，必须跟用户确认是否该重发，因为第二次POST时，环境可能已经发生变化（嗯，POST方法不是幂等的），POST操作会不符合用户预期。但是，很多浏览器（user agent我描述为浏览器以方便介绍）在这种情况下都会把POST请求...

原创 关于http1.1 新增加状态码 303 307 与302 的对比

android hybrid 中手势如何处理

      hybrid 开发关于手势的思考       手势非常总要，尤其是在app应用中，大量的app提供的右滑退出等功能培养了用户习惯，所以我们在开发app的时候考虑到用户体验最好也要加入类似功能，但是具体到app 中或者是hybrid 下的webview 中，里边可很有可能需要处理横向滚动处理，例如广告，iscroll 控件，swiper 控件，等等也会需要横向滑动手势，如果做到两...

android hybrid 中手势如何处理

原创 浏览器事件是冒泡还是捕获

这是三种事件处理的模型（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。  IE 5.5: div -> body -> document  IE 6.0: div -> body -> html -> document  Mozilla 1.0: div -> body -> html ...

原创 浏览器事件是冒泡还是捕获

cument  IE 6.0: div -> body -> html -> document  Mozilla 1.0: div -> body -> html -> document -> window（2）捕获型事件(event capturing)：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)。（3）DOM事

原创 Service和Thread的关系

 Service和Thread的关系不少Android初学者都可能会有这样的疑惑，Service和Thread到底有什么关系呢？什么时候应该用Service，什么时候又应该用Thread？答案可能会有点让你吃惊，因为Service和Thread之间没有任何关系！之所以有不少人会把它们联系起来，主要就是因为Service的后台概念。Thread我们大家都知道，是用于开启一个子线程，在这...

原创 Service和Thread的关系

可能会有点让你吃惊，因为Service和Thread之间没有任何关系！之所以有不少人会把它们联系起来，主要就是因为Service的后台概念。Thread我们大家都知道，是用于开启一个子线程，在这里去执行一些耗时操作就不会阻塞主线程的运行。而Service我们最初理解的时候，总会觉得它是用来处理一些后台任务的，一些比较耗时的操作也可以放在这里运行，这就会让人产生混淆了。但是，如果我告诉你Service其实是运行在主线程里的，你还会觉得它和Thread有什么关系吗？让我们看一下这个残酷的事实吧。在Mai

原创 javascript 编程反思1 new 原理

但是第一种 通过new 的方式具体原理和细节是比较模糊的，举例来说 function foo(){ this.name="demo" //return {};}foo.prototype.show=function(p){ console.log(p);}var f=new foo();console.log(f.name);// demof.show("lee");// lee f 是一个对

原创 Mixed Content: The page at 'https://m.ctrip.com/webapp/dingzhi/v3_index' was loa

 部门在https 改造中遇到的这个问题，Mixed Content: The page at 'https://m.ctrip.com/webapp/dingzhi/v3_index' was loaded over HTTPS, but requested an insecure stylesheet 'http://webresource.c-ctrip.com/styles/h5...

原创 Mixed Content: The page at 'https://m.ctrip.com/webapp/dingzhi/v3_index' was loa

esource.c-ctrip.com/styles/h5/common/main.css'. This request has been blocked; the content must be served over HTTPS. 导致的原因是因为你加载了外边的http文件，被视为不安全的，解决办法1：外部文件是支持https 访问的，2：把外部文件拿到站点内 

原创 经典的浏览器嗅觉

IE：ie=!!window.VBArrayie678=!+"v1";ie678=!-[1,];ie678='v'=='v';ie678=('a-b'.split(/(~)/))[1]=="b"ie678=0.9.toFixed(0)=="0"ie678=/w/.test('u0130') ie8=window.toStaticHTMLie9=window.msPerformanceie...

原创 经典的浏览器嗅觉

eie678=0//@cc_on+1;ie67=!"1"[0] ie8=!!window.XDomainRequest;ie9=document.documentMode&&document.documentMode===9;ie10 = window.navigator.msPointerEnabled;ie11 = !!window.MSInputMethodContext;  FFfirefox=!!window.netscape;f

原创 编程经典心得

的唯一方法就是，用清晰的接口把若干简单的模块组合起来，如此一来，多数问题只会出现在局部，那么还有希望对局部进行改进和优化，不至于牵动全身“

原创 android 开发点滴积累

1： 解决 h5 页面被软键盘顶起的问题？ 这个问题的导致原因是在混合开发中软键盘顶起了整个activity ，所以要解决这个问题就是要解决activity 不被顶起，就要设在manifest.xml 中设置 activity android:windowSoftInputMode="adjustPan"   windowSoftInputModeactivity主窗口与软键盘的交互模式，可...

原创 android 开发点滴积累

，就要设在manifest.xml 中设置 activity android:windowSoftInputMode="adjustPan"   windowSoftInputModeactivity主窗口与软键盘的交互模式，可以用来避免输入法面板遮挡问题，Android1.5后的一个新特性。这个属性能影响两件事情：【一】当有焦点产生时，软键盘是隐藏还是显示【二】是否减少活动主窗口大小以便腾出空间放软键盘  

原创 github 项目托管入门（补充百度教程中的不足）

    自己希望把项目托管到网上，大家都在用git 也跟风使用一下，好像svn 的服务器现在都不怎么流行了，托管过程主要参考http://jingyan.baidu.com/article/f7ff0bfc7181492e27bb1360.html 这个百度教程，但是在实际使用中发现有几部是没法走通，可能是不同版本的原因，我用的git 的客户端，这里做几点修正，主要在第六步...

原创 github 项目托管入门（补充百度教程中的不足）

f7ff0bfc7181492e27bb1360.html 这个百度教程，但是在实际使用中发现有几部是没法走通，可能是不同版本的原因，我用的git 的客户端，这里做几点修正，主要在第六步自从google code关闭了下载服务了之后，GitHub作为了目前最好用的免费开源项目托管站点，众多开源项目都托管在github，其中不乏著名的播放器MPC-HC。不习惯于英文的朋友，难免少不了要进行摸索一番，甚至会因此头大而放弃。这里将手把手地教大家一些本人的入门心得。

解决jqueryMobile 产生大量的空格

手写一下官方的例子，但是有时候官方的例子比较长，就会把代码粘过来，然后运行，发现一些很奇怪的问题，例如样式错乱，主要还就是样式错乱 这个样式跟官方例子相差很多，修改编码，修改结构等等都不起作用，然后开了生成的dom 结构发下如下问题 生成的代码结构中产生了大量的空格，这个着实太奇怪了，搜了一下有很多人遇到这个问题，但是都没有回答，我不知道具体是什么问题，但是我基本断定肯定是编码的原因，然后我就切换了几次页面编码格式，当切换的ansi格式的时候，源代码中出现了很多乱码，但是我的页面中没有任何中文，仔细看了

瀑布布局，流式布局器（控件）第一版

     最近看到了一下比较漂亮的网页设计风格都是基于这种瀑布布局的原理设计，感觉挺不错，自己试着实现了一版，是基于jquery widget 开发的，下图是运行示例  以上两个示例是通过改变控件的宽度自动布局的对比  主要功能1：把普通布局的展示快转化成流式布局2：动态对布局后的控件追加节点这个是模式ajax 动态加载dom 到控件，很多瀑布布局的网页会通过下拉去不断的往...

瀑布布局，流式布局器（控件）第一版

原创 javascript 设计模式1 单例模式

，继承，实现，接口等关键字，所以实现一些模式是相对比较容易的，如果在使用javascript 的时候你会发现你在java中的使用的设计模式这里几乎都不可能实现。这里我尝试讲述一些在javascript 中如何实现常用的一些设计模式。     单例模式        最常见的一种对象创建模式的一种，很对情况下某个类只允许有一个对象存在，如果在java中这种实现是及其简单的，私有化构造器，然后一般都是通过一个静态方法getInstance 这种方式 

原创 css3动画2 transition 详解（共含有transform transition animate）

                          CSS3 Transition详解   几个让人头大的单词，可能会混淆，尤其是你过一段不用的话肯定会搞不清各自的意思transformtranslatetransition   今天主要说transition 中文意思过渡，顺便在说一下transform 和translate,transform 是变形的意思，平移，缩放，旋转...

原创 css3动画2 transition 详解（共含有transform transition animate）

nslatetransition   今天主要说transition 中文意思过渡，顺便在说一下transform 和translate,transform 是变形的意思，平移，缩放，旋转，扭曲都是变形的一种，translate 是平移的意思，translate 是属于transform 的一种，transform 跟 transition 是平级的概念。        transition 是过渡的意思，你会如果理解这个词，或者说提到这个这个词你会有什么反应，说实话，当我第一次接触到这个词属性的时

原创 CSS3 动画事件

                                 css3动画事件                      css3中增加了大量跟图形动画属性，肯定对对应这种动画会有相应的事件让开发者使用，动画我们讲了主要有两种 过渡动画和关键帧动画transition ，animatetransitiontransitionendoTransitionendwebkit...

原创 CSS3 动画事件

开发者使用，动画我们讲了主要有两种 过渡动画和关键帧动画transition ，animatetransitiontransitionendoTransitionendwebkitTransitionEnd不同浏览器下的写法，也就是过渡完成以后触发的事件，这是过渡对应的唯一事件，你可能会问为什么没有transitionstart ，这个问题我也想知道，看了一下国外资料                                             What about tra

css3动画1 transform 详解（共含有transform transition animate）

                            Transform学习2D转换    图形变换我们能看到的要么是2D的平面变换，还有就是3D的立体变换，当我们看到这些词的时候，“平移”，“旋转”，“拉伸” 这种都是输入2D变换的范畴，转换导致的结构那就是，位置，形状，尺寸等等的改变。transform 英文意思“变形” 好像变形金刚也是这个单词我也记不清了，反正transf...

css3动画1 transform 详解（共含有transform transition animate）

原创 facebook html5开发app 失败的原因，

Here’s why the Facebook iOS app is so bad (UIWebViews and no Nitro)非常好的文字讲述了facebook 为何最后放弃了html5 转向native，但是这并不是代表h5不能承担app开发，而更是证明了h5开发和native会长期共存It’s the week of the Facebook IPO, and a lot ...

原创 facebook html5开发app 失败的原因，

原创 jQuery zepto 用法区别

1:$().data 用法，这个在jquery最常用的对象存储的方式,在zepto 中也支持，但是很可惜只能存取字符串2: 事件绑定的区别，这个是一个重大区别，甚至可以说zepto 在设计中一个缺陷例如一下dom 结构 <div id="outDiv" style="width:100px;height:100px;background-color:yellow;border:1px solid red"> xxxx &

转载 5555555555555555555555555

http://www.hao123.com/

原创 js 加载机制和defer async用法

介绍chrome 好像是一次载入5个js 文件依次这样，我都是印象，或者看书上网上的一些文章，为何不自己验证一下，那就试试吧，      1：环境Chrome 浏览器，      2：若干js文件，其中一个特别大js文件大概10M，主要问了验证js 的阻塞效果浏览器一次载入多少个JS文件？        下边是使用一个10M的大js文件造成加载的是阻塞，后边是跟30个非常小的js 看一下效果 <HEAD> <TITLE>

原创 页面整体灰掉，社会重大事件页面色彩控制分析

概率是比较小的可能我能想起的这么多年的重大国家悼念事件也就这两起，或者另外一种一种情况，在一个网站内部纪念一个人的主页，例如 这个一个著名慈善人物，这里为他默哀一下，一个了不起的人，百度为了纪念他的去世，把他的词条设置成了灰色，这是一种哀思，我们如何网页中实现这种技术？ CSS 滤镜实现这种效果的 方式我想应该不只是一种，这里我们介绍一种实现方式css 滤镜”filter“，这个属性也是css3的一个新特性，如果希望在低版本的IE下实现这种效果可能 以下是百度的实现代码html{

grunt 不是内部命令

grunt 不是内部命令！！！     我安装了grunt 完全安装网上所说的做法？？？？今天想研究一下grunt 的打包功能发现所有准备工作都已经就绪了，当时执行grunt 命令的时候出错了，靠，这是什么情况，为什么这样     如此熟悉的提示，以前在开发java程序当jdk 的path 和没有指定的好的时候也会爆出这个错误，我想在网上看了一些关于这个问题的解决办法初步确定应该...