zha_zi
- 浏览: 584145 次
- 性别:
- 来自: 西安
-
最新评论
-
青春依旧：
html5教学哪家强！当然要上华清远见！
深入理解浏览器兼容性模式 -
ashur：
真机智，看得我都笑自己了
js 字符串转dom 和dom 转字符串 -
panghaoyu：
实现一个智能提示功能需要ajax、数据库、jsp/php、算法 ...
solr第一弹 autocomplete(自动补全) -
FakLove：
连线如何删除啊
基于html5 的拖拽连线 -
FakLove：
连线可以再删除吗？
基于html5 的拖拽连线
文章列表
H5开发问题总结 和jquery bug列表
localstorage sessionstorage 存取对象的问题，
local 和session 都无法直接存取对象，当你定义一个 json 以后 通过setItem 和getIem 后发现无法正常使用，应为local session 都是支持字符串的存取，所以这是需要两个步骤第一就是在存的时候吧json 转化成字符串，当取出的时候再把字符串解析成json 例如
var person={
id:'xxx10010',
name:'xxx'
}
//存对象
...
nodejs express 系列问题
- 博客分类：
- nodejs
1. 在使用express 后系统的吞吐量降低非常多，这个问题主要是要从express 上去解决， 比较明显的一个问题 是需要设置 process.env.NODE_ENV="production"; 这时候express 会启动很多性能优化项比较明显的提升性能
2.发布node 应用的时候如果不适用集群，性能会比较差，因为node是单进程应用，所以经常我们会看到服务器上的单个cpu负载很高，无法合理利用cpu 这时候要启用多进程的方式 使用 node的cluster模块充分利用cpu性能
3.pm2 的应用，有两种办法启动集群，一是使用culster ，我们推荐尽量 ...
WebStorm 修改注释模板
- 博客分类：
- 移动开发
前端开发中webstorm 是个比较常用的工具，我们在使用eclipse 或者其他开发工具的时候有自定义注释模板的习惯，这样便于工程化和代码管理，前端统一注释也是非常重要的，但是使用webstorm 默认的注释仅仅是
/***/ 这种方式是远远不能满足我们的需求。
打开webstorm ，按照 file->setting->editor->live template 找到模板设置页面，如下图
我们点击绿色的加号 可以在某一个指定好的注释组中添加新的注释
注释的格式如下
/**
**@disc:XXXXXXXXXXXXXXXX
**@dat ...
HTTP1.0在介绍302时说，如果客户端发出POST请求后，收到服务端的302状态码，那么不能自动的向新的URI发送重复请求，必须跟用户确认是否该重发，因为第二次POST时，环境可能已经发生变化（嗯，POST方法不是幂等的），POST操作会不符合用户预期。但是，很多浏览器（user agent我描述为浏览器以方便介绍）在这种情况下都会把POST请求变为GET请求。
HTTP1.1在介绍302时说，如果客户端发出非GET、HEAD请求后，收到服务端的302状态码，那么就不能自动的向新URI发送重复请求，除非得到用户的确认。（又是-,- ...
android hybrid 中手势如何处理
- 博客分类：
- 移动开发
hybrid 开发关于手势的思考
手势非常总要，尤其是在app应用中，大量的app提供的右滑退出等功能培养了用户习惯，所以我们在开发app的时候考虑到用户体验最好也要加入类似功能，但是具体到app 中或者是hybrid 下的webview 中，里边可很有可能需要处理横向滚动处理，例如广告，iscroll 控件，swiper 控件，等等也会需要横向滑动手势，如果做到两个互不干扰，这是需要我们思考的一个问题，下图就是一个带有滑动切换广告的banner ，
想解决这个问题，android 是否原始支持手势退出，这个我研究一下好像没有原生接 ...
浏览器事件是冒泡还是捕获
- 博客分类：
- JavaScript
- 浏览器
这是三种事件处理的模型
（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。
IE 5.5: div -> body -> document
IE 6.0: div -> body -> html -> document
Mozilla 1.0: div -> body -> html -> document -> window
（2）捕获型事件(event capturing)：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事 ...
Service和Thread的关系
不少Android初学者都可能会有这样的疑惑，Service和Thread到底有什么关系呢？什么时候应该用Service，什么时候又应该用Thread？答案可能会有点让你吃惊，因为Service和Thread之间没有任何关系！
之所以有不少人会把它们联系起来，主要就是因为Service的后台概念。Thread我们大家都知道，是用于开启一个子线程，在这里去执行一些耗时操作就不会阻塞主线程的运行。而Service我们最初理解的时候，总会觉得它是用来处理一些后台任务的，一些比较耗时的操作也可以放在这里运行，这就会让人产生混淆了。但是，如果我告诉你Serv ...
部门在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/common/main.css'. This request has been blocked; the content must be served over HTTPS.
导致的原因是因为 ...
IE：
ie=!!window.VBArray
ie678=!+"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.msPerformanceie678=0//@cc_on+1;ie67=!"1"[0] ie8=!!window.XDomainRequest;
1： 解决 h5 页面被软键盘顶起的问题？ 这个问题的导致原因是在混合开发中软键盘顶起了整个activity ，所以要解决这个问题就是要解决activity 不被顶起，就要设在manifest.xml 中设置 activity android:windowSoftInputMode="adjustPan"
windowSoftInputModeactivity主窗口与软键盘的交互模式，可以用来避免输入法面板遮挡问题，Android1.5后的一个新特性。
这个属性能影响两件事情：
【一】当有焦点产生时，软键盘是隐藏还是显示
【二】是否减少活动主窗口大小以便腾出空 ...
自己希望把项目托管到网上，大家都在用git 也跟风使用一下，好像svn 的服务器现在都不怎么流行了，
托管过程主要参考http://jingyan.baidu.com/article/f7ff0bfc7181492e27bb1360.html 这个百度教程，但是在实际使用中发现有几部是没法走通，可能是不同版本的原因，我用的git 的客户端，这里做几点修正，主要在第六步
自从google code关闭了下载服务了之后，GitHub作为了目前最好用的免费开源项目托管站点，众多开源项目都托管在github，其中不乏著名的播放器MPC-HC。
不习惯于英文的朋友，难免少不 ...
最近看到了一下比较漂亮的网页设计风格都是基于这种瀑布布局的原理设计，感觉挺不错，自己试着实现了一版，是基于jquery widget 开发的，
下图是运行示例 以上两个示例是通过改变控件的宽度自动布局的对比
主要功能
1：把普通布局的展示快转化成流式布局
2：动态对布局后的控件追加节点
这个是模式ajax 动态加载dom 到控件，很多瀑布布局的网页会通过下拉去不断的往控件里追加元素
开发时间很短只有不到一天，只完成了基本的流式布局和动态追加dom功能，以后有时间可以再完善一下，希望可以对有想研究流式布局给予一些帮助，用法就是jquery widget 的基本用法。 ...
CSS3 Transition详解
几个让人头大的单词，可能会混淆，尤其是你过一段不用的话肯定会搞不清各自的意思
transform
translate
transition 今天主要说transition 中文意思过渡，顺便在说一下transform 和t ...
CSS3 动画事件
- 博客分类：
- 浏览器
- HTML5 CSS3
css3动画事件
css3中增加了大量跟图形动画属性，肯定对对应这种动画会有相应的事件让开发者使用，动画我们讲了主要有两种 过渡动画和关键帧动画transition ，animate
transition
transitionend
oTransitionend
webkitTransitionEnd
不同浏览器下的写法，也就是过渡完成以后触发的事件，这是过渡对应的唯一事件，你可能会问为什么没有transitionstart ，这个问题我也想知道，看了一下国外资料
...
Transform学习
2D转换
图形变换我们能看到的要么是2D的平面变换，还有就是3D的立体变换，当我们看到这些词的时候，“平移”，“旋转”，“拉伸” 这种都是输入2D变换的范畴，转换导致的结构那就是，位置，形状，尺寸等等的改变。
transform 英文意思“变形” 好像变形金刚也是这个单词我也记不清了，反正transform 就是表述了刚才做说那种2d的转换的几种情况。transform 被 safari chrome firefox ie10 支持，如果在ie下使用需要加上前缀-ms-
translate
...