前端开发规范系列文章之html编码规范，感兴趣的同学请关注《前端开发规范》专栏。随着html5的逐渐深入人心，html5和xhtml截然相反的态度，造成了前端开发者的困惑，如何保持html代码的兼容性、简洁性、未来适用性，称为今天我们这篇文章的主要目的。参考一系列的html开发规范（mdo、github、doyoe、globant、LFeh等），从诸多规范中寻求共同点，试图寻找最佳解决方案。...
分类：
Web程序 时间：
2015-01-03 19:54:15
阅读次数：
248
熟悉web前端开发的人都知道，判断复选框是否选中是经常做的事情，判断的方法很多，但是开发过程中常常忽略了这些方法的兼容性，而是实现效果就好 了。博主之前用户不少方法，经常Google到一些这个不好那个不好的文章，到后面自己都混乱了。今天偶然看到一篇外国的博客，觉得讲解的很不错，打算翻 译成中文，并加...
分类：
Web程序 时间：
2014-12-25 16:20:44
阅读次数：
189
拖拽效果在网页中很常见。实现起来也不难。记录一下今天实现的简单效果。拖拽演示快速拖动时，会出现问题，以后修改.说白了，就是3个点击事件。1. 按下鼠标左键， 触发点击事件，此时记录下可以得到鼠标相对于拖动控件的位置（当前鼠标位置-控件位置）；2. 拖动鼠标，触发移动事件，可以计算出鼠标移动的距离（当...
分类：
Web程序 时间：
2014-12-23 00:13:23
阅读次数：
269
方法1：查看演示点击鼠标作画此方法就是鼠标移动的时候不停的画小圆点，然后用等粗的线将小圆点串起来（有点类似于珍珠项链）。因为是小圆点，所以效果要比方法2好，比较平滑。方法2：查看演示点击鼠标作画这个方法很容易理解，就是不断的将鼠标所在的位置用线段连起来。缺点是不够平滑，尤其是粗线条的时候。方法1：[...
分类：
Web程序 时间：
2014-12-23 00:11:28
阅读次数：
207
canvas元素在html5中的重要性非同一般。配合JS让我们实现了在浏览器页面中作画的强大功能。不再单单依靠图片，flash等外部文件，减少http请求，从而网页加载速度更加快捷。简单的线段：看个小演示 canvas小房子不用函数累死人。。。。旋转：使用提供的rotate()方法。需要注意的是，在...
分类：
Web程序 时间：
2014-12-23 00:11:04
阅读次数：
327
我觉得还蛮实用的一本，推荐看看，主要涉及到这些：标签语义化、css模块化。css的一些东西，比如haslayout 文档流，还有如何实现水平、垂直居中。js代码组织与js分层、js压缩编码规范、注释规范、命名规范
分类：
Web程序 时间：
2014-12-23 00:07:43
阅读次数：
204
选项卡无处不在，记录一个简单的JS实现方法, 仿网易效果。当两个边框紧挨时，会变粗, 颜色也会变深，解决办法就是：margin-left:-1px, 按需修改top,left,right,bottom.[html]view plaincopy视频图片新闻视频视频视频视频视频视频视频视频视频视频视频视...
分类：
编程语言 时间：
2014-12-23 00:07:15
阅读次数：
212
先看一张图明显看出Html5的页面布局方式要比html4.0 div+css传统布局模式简洁许多，同时对搜索引擎更加友好。语义化标签的好处就不多说了。说几个有意思的新增标签： 显示一个测量计，可用于温度，气压等meter演示 显示一个进度条，配合js可以显示动态加载效果。用于加载进度，下载进度等。p...
分类：
Web程序 时间：
2014-12-22 23:58:22
阅读次数：
230
// 打印当前js 的函数函数体
function hello(){
//
var funName=arguments.callee;
// 判断是否为空 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
if(funName){
// 转成字符串
funName=funName.toString();
...
分类：
编程语言 时间：
2014-12-22 21:25:02
阅读次数：
193
