摘要： 今天在项目时，在android手机上使用输入法的智能推荐的词的话，不会触发keyup事件，一开始想到在focus时使用一个定时器，每隔100ms检测输入框的值是否发生了改变，如果改变了就作对应的处理，现在这样不太好，后来发现html5有input事件 var input = document.getElementById('input'); input.addEventListener('input',function(){ //todo })每当有输入时，这个事件就会被触发 阅读全文

摘要： javascript两行代码按指定格式输出日期时间，具体看代码：function date2str(x,y) { var z ={y:x.getFullYear(),M:x.getMonth()+1,d:x.getDate(),h:x.getHours(),m:x.getMinutes(),s:x.getSeconds()}; return y.replace(/(y+|M+|d+|h+|m+|s+)/g,function(v) {return ((v.length>1?"0":"")+eval('z.'+v.slice(-1))) 阅读全文

摘要： 本文总结一下浏览器在 javascript 的加载方式。关键词：异步加载（async loading），延迟加载（lazy loading），延迟执行（lazy execution），async 属性， defer 属性一、同步加载与异步加载的形式1. 同步加载我们平时最常使用的就是这种同步加载形式： 同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载（如图像）、渲染、代码执行。js之所以要同步执行，是因为 js 中可能有输出 document 内容、修改dom、重定向等行为，所以默认同步执行才是安全的。以前的一般建议是把 详见参考资料中2010年的Ve 阅读全文

摘要： 在做移动端项目时，碰到一个很纠结的问题，头部固定的问题，一开始使用fixed，发现一系列的问题，问题1：footer输入框 focus 状态，footer 被居中，而不是吸附在软键盘上部。测试环境：iPhone 4s&5 / iOS 6&7 / Safari问题2：页面底部，footer输入框失去焦点时，header定位出错。当页面有滚动动作时，header定位恢复正常。测试环境：iPhone 4s&5 / iOS 6&7 / Safari操作步骤：1、页面滚动到底部；2、选中底部输入框，使输入框进入focus状态；3、点击页面其他区域，使输入框失去焦点；问题3 阅读全文

摘要： 一、一切以良好用户体验为基础1. 视觉效果界面的设计就不用多说了，一般情况这个属于美工的活儿，这里要谈的是几个最基础的点。第一，你的页面兼容性如何？各个元素的长宽、行高等在不同浏览器上是否表现一致，如果这个都没有保证，那一定是不合格的。第二，移动终端上的体验问题，如今很多页面 PC 和移动终端都用的一套结构，也就是我们所说的响应式布局，本博客就使用了响应式布局，缩小窗口可以看到效果，响应式布局是为了让不同的移动终端也能得到同样的优质体验，可是很多开发者却忽略了横屏时的效果。下面是常见的几个移动终端的像素比例：Mobilepx rateIphone5320*568Iphone4320*480Ga 阅读全文

摘要： 说到响应式网页设计(Responsive web design)，最近在谷歌加上碰到个奇葩贴子，通过一个原始到无法再简单的网页Motherfucking Website及满屏幕的fuck道出了网页设计的真谛，这孩子不是个激进分子就是个报复社会型的货没错，虽然整篇文章就像是泼妇骂街，但我特么是笑着读完的。。统计了下全文共用Fuck (包括fucking) 33次，shit （包括shitty）16次，Motherfucker 8次，创下我所阅读的技术类文章里面脏话之最。文章表达的中心思想就是最后的那句引用"最好的设计是尽量少的设计"。最重要的是我意识到平时我们都忽略了一个常识 阅读全文

摘要： 一、前言什么是模板引擎，说的简单点，就是一个字符串中有几个变量待定。比如：var tpl = 'Hei, my name is , and I\'m years old.';通过模板引擎函数把数据塞进去，var data = { "name": "Barret Lee", "age": "20"};var result = tplEngine(tpl, data);//Hei, my name is Barret Lee, and I'm 20 years old.那这玩意儿有什么作 阅读全文

摘要： 我们常说的网络安全其实应该包括以下三方面的安全：1、机密性，比如用户的隐私被窃取，帐号被盗，常见的方式是木马。2、完整性，比如数据的完整，举个例子，康熙传位十四子，被当时四阿哥篡改遗诏：传位于四子，当然这是传说，常见的方式是XSS跨站脚本攻击和csrf跨站请求伪造。3、可用性，比如我们的网络服务是否可用，常用的攻击方式是dos和ddos，拒绝服务和分布式拒绝服务攻击。本文主要讲述xss和csrf的攻击，配合实例讲述这2者攻击的危害性以及一些防范的措施，有讲的不对或者不完整的地方欢迎大大们补充说明。注：本站攻击的例子都是原生的实例，并没有借鉴网上的例子，另外请各位大侠高抬贵手不要随便乱试哦~，本 阅读全文

摘要： HTML5 是目前正在讨论的新一代 HTML 标准，它代表了现在 Web 领域的最新发展方向。在 HTML5 标准中，加入了新的多样的内容描述标签，直接支持表单验证、视频音频标签、网页元素的拖拽、离线存储和工作线程等功能。其中一个新特性就是对离线应用开发的支持。在开发支持离线的 Web 应用程序时，开发者通常需要使用以下三个方面的功能：离线资源缓存：需要一种方式来指明应用程序离线工作时所需的资源文件。这样，浏览器才能在在线状态时，把这些文件缓存到本地。此后，当用户离线访问应用程序时，这些资源文件会自动加载，从而让用户正常使用。HTML5 中，通过 cache manifest 文件指明需要缓存 阅读全文

摘要： 开发经验：开发资料：1. http://xuui.net/librarys/webapps/webapp-development-of-commonly-used-code-snippets.html2.http://www.cnblogs.com/cathyjy/archive/2013/04/27/webapp_1.html3.http://www.cnblogs.com/webzhangnan/archive/2012/06/06/2537906.html4.http://www.cnblogs.com/cxp9876/archive/2013/05/07/3065179.html5.h 阅读全文