打赏
摘要: 2017-07-26更新:图片压缩插件使用gulp-smushit,gulp-smushit压缩率比较大,gulp-imagemin 图片压缩插件压缩率不明显。 见下图压缩率: 1、gulp安装 参照gulp官网进行安装:http://www.gulpjs.com.cn/docs/getting-s 阅读全文
posted @ 2017-07-24 17:32 孟繁贵 阅读(690) 评论(0) 推荐(0)
摘要: 1、定位 核心代码实现请看示例代码中的注释: 效果: 2、table-cell布局 核心代码实现请看示例代码中的注释: 效果同上。 3、flex布局 核心代码实现请看示例代码中的注释: 效果同上,注意浏览器兼容性问题。 4、translate+relative定位 核心代码实现请看示例代码中的注释: 阅读全文
posted @ 2017-07-24 10:08 孟繁贵 阅读(5108) 评论(0) 推荐(0)
摘要: 2017-07-24 更新:增加单例模式。 jquery插件开发框架代码: 插件调用: 阅读全文
posted @ 2017-07-20 15:14 孟繁贵 阅读(773) 评论(0) 推荐(0)
摘要: (一)使用命名空间对时间进行管理,代码如下: 优势: 删除事件时只需要指定命名空间即可,删除plugin空间的事件只需要一行代码即可,由于click事件不在plugin的空间内,所以click事件仍然有效。 (二)触发事件 关键代码: 阅读全文
posted @ 2017-07-20 09:13 孟繁贵 阅读(403) 评论(0) 推荐(0)
摘要: 以下示例主要讲解nth-child、first-child、last-child、nth-of-type、first-of-type和last-of-type使用。 示例代码: 总结: 除了first-child选择器兼容IE7+以上外,其他选择器均需要IE9以上浏览器才能兼容。 阅读全文
posted @ 2017-07-14 17:02 孟繁贵 阅读(756) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2017-07-14 15:29 孟繁贵 阅读(317) 评论(0) 推荐(0)
摘要: 1、del和ins标签 兼容性:浏览器全部支持 del:定义文档中已被删除的文本。 ins:定义已经被插入文档中的文本。 效果: 2、 html 语义化标签会持续更新。 阅读全文
posted @ 2017-07-13 10:44 孟繁贵 阅读(228) 评论(0) 推荐(0)
摘要: 1、表单输入框自适应 示例代码: 效果: 2、导航栏自适应布局 (1)、display:table 实现 示例代码: 效果: (2)flex布局 示例代码: 效果同上。 3、网格布局(inline-block+justify) 示例代码: 效果: 4、使用媒体查询 阅读全文
posted @ 2017-07-12 17:32 孟繁贵 阅读(1303) 评论(0) 推荐(0)
摘要: 一、面向对象CSS(OOCSSS) OOCSS规则一:结构和皮肤分离 如.btn , .btn-info ,.btn-warning OOCSS规则二:容器和内容分离(不推荐) 二、单一职责原则 (1)、尽可能拆分成可独立复用的组件 (2)、通过组合方式使用多个组件 实现:可以像面向对象CSS那样实 阅读全文
posted @ 2017-07-12 14:36 孟繁贵 阅读(270) 评论(0) 推荐(0)
摘要: 一、需要兼容那些浏览器 根据用户群体决定兼容哪些浏览器: (1)面向普通用户 IE8+,Chrome,Firefox (2)企业级产品 IE9+,Chrome,Firefox 如何了解浏览器市场份额: 百度统计:http://tongji.baidu.com/data/browser/ 二、浏览器兼 阅读全文
posted @ 2017-07-11 16:28 孟繁贵 阅读(746) 评论(0) 推荐(0)
TOP