like_jack的博客

原创 HTML5 新模块元素的兼容问题

HTML5 新模块元素的兼容问题新增块元素的默认样式下列HTML5新模块元素在IE8、9版本浏览器中没有被定义默认样式。为解决该问题，给下列元素添加“block”显示属性。代码：article, aside, details, figcaption, figure, footer, header, hgroup, main, na

转载 网站性能优化，用户体验。

法则1. 减少HTTP请求次数80%的最终用户响应时间花在前端程序上，而其大部分时间则花在各种页面元素，如图像、样式表、脚本和Flash等，的下载上。减少页面元素将会减少HTTP请求次数。这是快速显示页面的关键所在。一种减少页面元素个数的方法是简化页面设计。但是否存在其他方式，能做到既有丰富内容，又能获得快速响应时间呢？以下是这样一些技术：Image maps组合多个图

原创 object

script> /* * 尽量使用点号表示法来访问对象的方法属性 * 不要在对象中使用带引号的属性标识 * */ var hero={ breed:'a', agreed:'b' }; /* * 这里有一个用于表示该对象的变量名hero。 * 括号中用逗号分割着的是组成该对象的元素（通常

转载 screen clientY offset

原创 parseFloat() parseInt()

parseInt()方法首先查看位置0处的 字符，判断它是否是个有效数字；如果不是，该方法将返回NaN，不再继续执行其他操作。但如果该字符是有效数字，该方法将查看位置1处的字符，进行同样的 测试。这一过程将持续到发现非有效数字的字符为止，此时parseInt()将把该字符之前的字符串转换成数字。如果要把字符串 "1234blue "转换成整数，那么parseInt()将返回1234，因为当

原创 css 选择器

原创 事件委托的优势 献给初学者

比如说大量的循环要求为1000个li标签添加事件，如果利用循环给li绑定事件可想而知。遍历的基数越大，性能开销也越大。这是就要应该用事件委托来解决此事。var oUl=document.getElementById('oUl');oUl.onclick=function(ev){ var oEv=ev||event; var

原创 关于 return return false return true

retrun true； 返回正确的处理结果。return false；返回错误的处理结果，终止处理。return；把控制权返回给页面。

转载 浏览器兼容性问题总结2

浏览器兼容性问题是指因为不同的浏览器对同一段CSS代码解析不同导致页面显示效果不统一的情况。一般情况下，我们希望用户无论使用什么浏览器来查看网页效果都应该是一样的。浏览器的兼容性问题是Web前端开发人员经常会碰到的和必须要解决的问题。下面PHP程序员雷雪松整理出来了史上最全的浏览器兼容性问题和解决方案。一、浏览器兼容性问题总结1、双倍浮动边距：原因：多个并列浮动

转载 CSS 多浏览器兼容性问题及解决方案

1、DOCTYPE 影响 CSS 处理2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width3、FF: 支持 !important， IE 则忽略， 可用 !important 为 FF 特别设置样式4、div 的垂直居中问题: vertical-ali

原创 关于css3动画基础知识总结

大家看完下面的，就能操作自己想要的动画了！A.  动画：所谓动画就是从一种元素的样式过渡到另一种元素的样式a. @keyframes​规则用于创建动画，在这里定义动画发生的时间。用0%定义某元素起始的样式，100%定义此元素结束的样式，中间百分比越详细，动画过程越丰富。且0%与100%的样式是必须有的​b.  而且被绑定动画的元素必须用animation设定动画名称与时长。

原创 关于属性中包含shadow的属性

1. text-shadow  向文本设置阴影  默认值是none  书写格式text-shadow ：水平阴影位置   垂直阴影位置  模糊的距离（可选）   阴影的颜色（可选）  ​    text-shadow: 5px 5px 5px #FF0000;        水平位置要是负值向左移动  正直相反  ​      垂直位置是负值向上面移动   

原创 transform属性总结

用于向元素应用2D或3D转换  我们可以用他对元素进行旋转，缩放，移动，倾斜transform的值  :  2D转换translate(x,y)             3D转换translate(x,y,z)       translateX(x)转换x轴的值      translateY(y)转换y轴的值       3D转换translateZ(z)          sc

转载 浏览器兼容性问题

JavaScript1.HTML对象获取问题FireFox：document.getElementById(“idName”);ie:document.idname或者document.getElementById(“idName”).解决办法：统一使用document.getElementById(“idName”);2.const问题