摘要: Modernizr "Modernizr" 是一个开源JavaScript库,用法和功能如下: 在文档中嵌入Modernizr之后,他会随着页面加载改变一些标签的class属性,使用的时候要在标签里面添加no js的类,这样在浏览器不支持JS的时候就会应用css样式, 还会自动检测浏览器可能支持的w 阅读全文
posted @ 2016-04-18 18:28 wangjialin 阅读(183) 评论(0) 推荐(0)
摘要: 可能大部分人用 li 只是想着写一个列表,但是我在给别人review代码的时候,发现一个有趣的做法,结合 li 使用 input 和 display:none; 实现tab切换,具体表现可以看下 "demo" ,下面讲一下具体的原理~ 所使用的html结构 一些必须搞懂的概念 display: no 阅读全文
posted @ 2016-04-12 22:36 wangjialin 阅读(7172) 评论(0) 推荐(0)
摘要: 前面提到了使用JavaScript来修改文档的样式信息,但是随着浏览器的的不断升级更新,CSS的兼容性以及功能也越来越强大,所以总的来说使用CSS来改变样式依旧是最佳的选择,但是要想达到随着时间的变化而不断改变元素样式的话,CSS就没有办法了,而JavaScript可以很完美的实现,其中动画就是随着 阅读全文
posted @ 2016-04-12 22:27 wangjialin 阅读(394) 评论(0) 推荐(0)
摘要: 一般而言,在网页设计的时候,我们应该选择最适用的工具去解决问题,具体来讲就是使用 HTML 去搭建文档的结构,使用 CSS 去设计文档的呈现效果,使用 JavaScript 去实现文档的交互行为,但是在这三者之间并不是完全的相斥而是有一部分的重叠区域,比如使用DOM里面的 和 可以改变网页的结构,比 阅读全文
posted @ 2016-04-11 18:54 wangjialin 阅读(248) 评论(0) 推荐(0)
摘要: 我们都知道,使用float的时候会使元素脱离文档流,直白点儿说就是其他元素就会忽略浮动元素的存在(以至于影响到兄弟元素的位置以及导致父元素高度塌陷),那如果遇到了下面这样的情况 /div 左右侧栏宽度固定且都是浮动元素且高度不定,但是想让中间元素自适应宽度,父元素始终包裹住三个元素该怎么办呢?在做 阅读全文
posted @ 2016-04-08 18:21 wangjialin 阅读(215) 评论(0) 推荐(0)
摘要: 初学JavaScript,最近看了一本备受推荐的书《JavaScript DOM 编程艺术》,书内容很简单但是编程思路很棒,主要讲的是基于DOM编程的思路和原则,强调使用 JavaScript 应从开始就规范自己的编程习惯,遵从平稳退化、渐进增强、以用户为中心的设计模式,下面以书中的例子(创建图片库 阅读全文
posted @ 2016-04-08 18:03 wangjialin 阅读(367) 评论(0) 推荐(0)