摘要：转载至：https://segmentfault.com/a/1190000009215974 this的指向问题应该是让每一个前端er都头疼的问题，我也一样，曾经遇到甚至都是一顿乱猜。最近在研读一些书籍如《你不知道的JavaScript》和《JavaScript语言精粹与编程实践》，让我对this 阅读全文

摘要：比较简单的菱形图片： 效果如下 代码部分： 斜条纹背景原理有些类似 但步骤却不同 ： 第一步：我们要实现如下效果： CSS部分： 我们至少要创建四条纹理 // ***这里的0指的上一段颜色的结束地方*** 第二步： 使用tansform旋转背景，效果如下： 再使用默认平铺： CSS 部分： 但是上面 阅读全文

摘要：一、LESS是什么？ Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。 中文介绍：http://lesscss.cn/ 有JS基础的同学应该很快就能掌握LESS 二、准备工作，在一个bootstrap项目中使用LESS。 阅读全文

摘要：效果图： HTML结构如下： JS部分： Tips： *面向对象方法在编写页面中某一块交互功能时，能有效的避免因代码过多而造成的变量污染，更有助于代码的可读性和重用性。 *this 很好很强大 在面向对象方法中如果需要指定this的指向可以使用以下方法： *事件对象e 只能在事件绑定函数中获得 ： 阅读全文

摘要：利用二级菜单的onmouseover/out事件 重新构建一级菜单 ".hover" 样式类 代码如下： CSS部分: 在原来的目标：hover样式中 增加 .hover状态 JS部分:在原来的触发事件上 新增了 二级菜单触发onmouseover/out时 设置各自的一级菜单的className 阅读全文