摘要：
话说世界末日前先写一遍博客吧，万一到时候没机会写，也总算没了遗憾。。。一晃又是大半年过去了，寥寥几篇博客煞是寒碜，不过这会儿居然还能记得当初说过要完善autoComplete.js的，这不花了一天时间来改进。开始正文前还是得说一下比较有趣的引子。引子由于一直使用extjs来开发项目，众所周知这玩意的功能体系是比较庞大的，大部分常见组件都是顺手拈来，不过这次遇到点麻烦事，需要同时在一个combox里实现右侧按钮点击出现下拉树，input框输入则实现自动完成功能。实在没好的办法整合只好在网上搜索一下autoComplete组件，而且是不要依赖jquery的，主要是不想为了一个组件就引入一个框架，以 阅读全文
摘要：
WEB前端基础知识Web标准是什么？“WEB标准”是一系列标准的总称，包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以这里要跟大家指出来一下，WEB标准不仅仅是大家常说的DIV+CSS。但我们接下来要了解的主要集中在XHTML1.1 和 CSS2.1，也就是web2.0时代，后面会讲到web3.0.HTML部分1，合理的结构Html4.0的时候我们基本都是用table来布局，但是web2.0时代也是如大家所知道的那样用div+css来布局，table布局几乎不必用到css来影响web的表现，但是却要一层套一层的t 阅读全文
摘要：
几年的前端开发，多少也积累一些常用的经验，既然有前端团队协作，那么统一的开发约束文档还是有必要整理一下的。减少不必要的沟通成本，将多股力量拧成一股，才能发挥最大的效果。这个文档不能说成是规范文档，因为规范这玩意很难界定，我说它规范，但是你也许不这样认为，所以叫做约束会好点。适当的约束还是有必要的，就不举风筝与线的例子了。。WEB前端开发约束文档 约束目的为提高团队协作效率,便于后期优化维护,输出高质量的文档,特制订此文档.基本准则符合web标准,语义化html,结构表现行为分离,兼容性优良.页面性能方面,代码要求简洁明了有序,尽可能的减小服务器负载,保证最快的解析速度.文件规范1.htm，cs 阅读全文
摘要：
貌似这博客已经长满荒草，实在可惜，可叹。。今天看到有人说扒google清明节效果，这不闲得蛋疼就随便写了下，也借此来锄草。字数不够还不能发布，得，就讲下思路，供菜鸟参考。首先是把雨点当做一个对象来处理，给它固定了一些属性，比如动画执行间隔时间，动画执行祯数，以及背景图片的高度间隔，并传入了雨滴位置(x,y)的参数。剩下的就是创建一个span元素，也就是传说中的雨滴啦，当然利用背景定位来模拟动画效果，这个你懂的，google已经不是第一次干这事了。值得说下的是用到了css3的transform，貌似这个属性功能是灰常强大的，感兴趣的自行搜索了解下。废话就这么多吧，上代码。。。google清明节 阅读全文
摘要：
闲着无事，也学习一下html5，也要跟进时代嘛，否则就落伍了。这里是一个简易的画板，目前还没有实现鼠标移动时候的轨迹，只是捕获鼠标点下的坐标作为起点，和鼠标弹起的坐标作为终点。画圆形的时候鼠标点下为原点的位置，鼠标弹起的坐标计算半径。当中发现一个问题，矩形边框没有实现，目前是用两个矩形实现的边框效果，一个是填充颜色，一个是无填充颜色但有边框，两个合在一起看起来感觉是一个矩形带着边框一样。这种方法肯... 阅读全文
摘要：
前面文章里写过一个弹出层对话框，但ie6下有bug，根本没有实现position:fixed的效果，当时没有真实ie6环境，测试疏忽，匆匆放到博客上，还让一些读者看到甚至使用，在这里表示万分抱歉啊！这次还是利用原来代码的组织结构重新加强了功能，目前来说还有个小问题，ie6下自定义弹出层会出现无法遮住select的情况，目前还没加入到组件里，可以自己在自定义的div里面加上ifame来遮罩，组件自带的弹出层可以遮住。大家试试就知道了，当然问题肯定不少，我认为比较重要的，暂时列出来，以后修复。下面是代码，里面都有注释，可以直接运行。 lock page点击我试试自定义弹出层自带模态对话框右下角广告 阅读全文
摘要：
去tx面试过几次，基本都会考到数组去重。其实平时工作中几乎不会用到，再者也没认真去了解过，所以基本上每次面到这里都会露出很大的马脚，面试自然也over了。总得来说面试的过程还是收获了不少，主要是认清自己的差距到底有多大，知识面到底有多窄，适当打击一下自信心还是有必要的。在这里做一次全面的总结，关于javascript的数组去重问题。考虑一个问题由简到繁相对容易接受一点，首先假设要去重的数组是比较简单的，例如：var arr=[1,2,2,3,'5',6,5,'',' ']这个数组只包含了数字，字符串两种类型。我们给数组原型上面添加去重的方法dis 阅读全文
摘要：
<script defer>中defer的作用使用defer属性可以让脚本在整个页面装载完成之后再解析，而非边装载边解析。 这对于只包涵事件触发的js脚本而言，可以提高整个页面的加载速度。 DEFER是脚本程序强大功能中的一个“无名英雄”。你可能从没有使用过它，但是看完这里的介绍后，相信你就离不开它。它告诉浏览器Script段包含了无需立即执行的代码，并且，与SRC属性联合使用，它还可以使这些脚本在后台被下载，前台的内容则正常显示给用户。 最后请注意两点： 1、不要在defer型的脚本程序段中调用document.write命令，因为document.write将产生直接输出效果。 阅读全文
摘要：
好久没来更新了，最近工作换的频繁，依旧浮躁啊！这年头安心搞搞技术也不容易。现在公司比较闲整理了以前的代码公共方法库和弹出层。先把整理后的公共方法库放上来（以备忘），结构非常简单甚至简陋，功能上面几乎没太大的变化，主要是使用方法比以前简单，搞得跟jquery的api差不多，支持简单的链式操作。把所有方法和属性都挂在g这个对象上了，至于为什么取名为g，一则因为命名短而不又想用$，二则取原来的getEl方法的首字母。ps：发现金蝶的公用库也是用getEl作选择器函数名（哎，错过金蝶的面试有点痛心）。废话就这么多，下面是代码，相信这么易懂的函数库不需要api文档那么复杂吧！况且里面还是有些简短的注释。 阅读全文
摘要：
这个拾色器在网上找的但不完善，存在一些兼容问题和功能缺陷，自己只做了一些修复，放上来以便日后查找 <!DOCTYPE><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Em 阅读全文