摘要： HTML5 是一个新兴标准，它正在以越来越快的速度替代久经考验的 HTML4。HTML5 是一个 W3C “工作草案” — 意味着它仍然处于开发阶段 — 它包含丰富的元素和属性，它们都支持现行的 HTML 4.01 版本规范。它还引入了几个新元素和属性，它们适用许多使用 web 页面的领域 — 音频、视频、图形、数据存储、内容呈现，等等。本文主要关注图形方面的增强：canvas。新的 HTML5 canvas 是一个原生 HTML 绘图簿，用于 JavaScript 代码，不使用第三方工具。跨所有 web 浏览器的完整 HTML5 支持还没有完成，但在新兴的支持中，canvas 已经可以在几. 阅读全文

摘要： 无标题文档外面outer中间middle 最里层inner 阅读全文

摘要： 对前端开发工程师来说，前端性能优化的重要性是不言而喻的，最为大家所知的是YSLOW的23条优化规则，在我的理解中，性能优化不纯粹是指用户访问网站的速度，也包括开发的效率，这里我总结下我理解中的WEB前端性能优化。HTML部分语义化HTML：好处在于可以使代码简洁清晰，支持不同设备，利于搜索引擎，便于团队开发；减少DOM节点：加速页面渲染；给图片加上正确的宽高值：这可以减少页面重绘，同时防止图片缩放；防止src属性和link的href属性为空：当值为空时，浏览器很可能会把当前页面当成其属性值加载；正确的闭合标签：如避免使用，浏览器会多一个将它解析成的过程；链接为目录或首页的地址后面加”/”，如. 阅读全文

摘要： 网站的速度是很多人都面临的问题，其实许多网站，都没有特意的去优化加载速度，对于一个网站来说，加速不但提高了用户体验(如果一个网站在几秒内没 有打开，大多数用户选择的是关闭而非等待)，而且对于SEO的流量也是有很大影响的，我们可以这样理解：网站的速度加快了，网页的加载速度就快了，这样在 同样的时间内，搜索引擎蜘蛛抓取的页面也就多了，从而增加了收录、最终流量增长了。可见，网站的速度是影响SEO流量的。那么在网站加速方面，我们应该如何做呢?笔者认为有以下几点。步骤/方法1精减代码清除网页中一些冗余的代码，网上有这样的工具，可以辅助完成，如果需要的话，我们可以把代码中的注释去掉，甚至空行之类的也去掉， 阅读全文

摘要： offsetLeft,Left,clientLeft的区别假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素。obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置，整型，单位像素。obj.offsetWidth 指 obj 控件自身的绝对宽度，不包括因 overflow 而未显示的部分，也就是其实际占据的宽度，整型，单位像素。obj.offsetHeight 指 obj 控件自身的绝对高度，不包括因 overflow. 阅读全文

摘要： 使用window.navigator.userAgent属性判断浏览器类型及版本2011-12-11 22:03:11window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，通过这个属性来判断浏览器类型，下面是我写的一个函数，这个函数返回一个包含浏览器名称和版本的数组。此函数可区分ie5.5~ie8、Chrome、Opera、Safair、Firefox这5种常见浏览器。 阅读全文

摘要： IE10 CSS hack，IE兼容问题作者：雪影发表于2013 年 4 月 25 日分类：技术分享|暂无评论|人气: 376 度首先，ie10不支持条件注释了。方法一：特性检测：@cc_on我们可以用IE私有的条件编译(conditional compilation)结合条件注释来提供针对ie10的Hack：请注意/*@cc_on ! @*/中间的这个感叹号。这样就可以在ie10中给html元素添加一个class=”ie10″，然后针对ie10的样式可以卸载这个这个选择器下：@mediascreenand (-ms-high-contrast: active), (-ms-high-con. 阅读全文

摘要： function showTime() { var day = new Date(); var year = day.getFullYear(); var month = day.getMonth() + 1; var date = day.getDate(); var days = day.getDay(); var hours = day.getHours(); var minutes = day.getMinutes(); var second = day.getSeconds(); switch (days) { case 1: rs = '一'; break; cas 阅读全文

摘要： ////九九乘法表for循环 //var oDiv = document.getElementById('nine'); //for (var nFirstNum = 1; nFirstNum '; // oDiv.style.border='1px solid #f00' //} ////while是先判断循环条件,再循环 //var oDiv = document.getElementById('nine'); //var nFirstNum = 1; //while (nFirstNum ' // nFirstNum++; 阅读全文

摘要： //js创建table表格var tr;var cell;for(var i=0;i<10;i++){//创建一个trtr=document.createElement('tr');document.getElementById('b').appendChild(tr);for(var j=0;j<10;j++){//创建一个单元格tdcell=document.createElement('td');cell.innerText='lei';cell.style.border="1px solid #f00 阅读全文