web前端开发技术

摘要： 2017-07-26更新：图片压缩插件使用gulp-smushit，gulp-smushit压缩率比较大，gulp-imagemin 图片压缩插件压缩率不明显。 见下图压缩率： 1、gulp安装 参照gulp官网进行安装：http://www.gulpjs.com.cn/docs/getting-s 阅读全文

摘要： 1、定位 核心代码实现请看示例代码中的注释： 效果： 2、table-cell布局 核心代码实现请看示例代码中的注释： 效果同上。 3、flex布局 核心代码实现请看示例代码中的注释： 效果同上，注意浏览器兼容性问题。 4、translate+relative定位 核心代码实现请看示例代码中的注释： 阅读全文

摘要： 2017-07-24 更新：增加单例模式。 jquery插件开发框架代码： 插件调用： 阅读全文

摘要： （一）使用命名空间对时间进行管理，代码如下： 优势： 删除事件时只需要指定命名空间即可，删除plugin空间的事件只需要一行代码即可，由于click事件不在plugin的空间内，所以click事件仍然有效。 （二）触发事件 关键代码： 阅读全文

摘要： 以下示例主要讲解nth-child、first-child、last-child、nth-of-type、first-of-type和last-of-type使用。 示例代码： 总结： 除了first-child选择器兼容IE7+以上外，其他选择器均需要IE9以上浏览器才能兼容。 阅读全文

摘要： 阅读全文

摘要： 1、del和ins标签 兼容性：浏览器全部支持 del：定义文档中已被删除的文本。 ins：定义已经被插入文档中的文本。 效果： 2、 html 语义化标签会持续更新。 阅读全文

摘要： 1、表单输入框自适应 示例代码： 效果： 2、导航栏自适应布局 （1）、display：table 实现 示例代码： 效果： （2）flex布局 示例代码： 效果同上。 3、网格布局（inline-block+justify） 示例代码： 效果： 4、使用媒体查询 阅读全文

摘要： 一、面向对象CSS（OOCSSS） OOCSS规则一：结构和皮肤分离 如.btn ， .btn-info ，.btn-warning OOCSS规则二：容器和内容分离（不推荐） 二、单一职责原则 （1）、尽可能拆分成可独立复用的组件 （2）、通过组合方式使用多个组件 实现：可以像面向对象CSS那样实 阅读全文

摘要： 一、需要兼容那些浏览器 根据用户群体决定兼容哪些浏览器： （1）面向普通用户 IE8+，Chrome,Firefox (2)企业级产品 IE9+，Chrome,Firefox 如何了解浏览器市场份额： 百度统计：http://tongji.baidu.com/data/browser/ 二、浏览器兼 阅读全文