打赏

07 2017 档案

无序列表前小黑点图片替换方法
摘要：无序列表前小黑点图片替换方法： 直接上代码： 小黑点的替换图片为： 显示效果为： 阅读全文
posted @ 2017-07-31 12:39 孟繁贵 阅读(4802) 评论(0) 推荐(0) 编辑
MVC MVP MVVM 图解
摘要：1、MVC (1)图解 解释： 视图（View）：用户界面。 控制器（Controller）：业务逻辑 模型（Model）：数据保存 各部分之间的通信方式如下： View 传送指令到 Controller Controller 完成业务逻辑后，要求 Model 改变状态 Model 将新的数据发送到 阅读全文
posted @ 2017-07-31 10:24 孟繁贵 阅读(1667) 评论(0) 推荐(0) 编辑
三个实用的提升网页性能技巧
摘要：1、display属性设置 先将元素设为display: none（需要1次重排和重绘），然后对这个节点进行100次操作，最后再恢复显示（需要1次重排和重绘）。这样一来，你就用两次重新渲染，取代了可能高达100次的重新渲染。 只在必要的时候，才将元素的display属性为可见，因为不可见的元素不影响 阅读全文
posted @ 2017-07-31 09:56 孟繁贵 阅读(402) 评论(0) 推荐(0) 编辑
SCSS 实用知识汇总
摘要：1、变量声明 2、父选择器& scss代码： 编译后为： 父选择器的另外一个用途，可以在父选择器之前添加选择器，如处理IE的hack，在html或者body上添加ie class。 示例代码： 编译后为： 3、群组选择器 编译后： 也可以这样： 编译后： 4、>、+和~选择器 编译后为： 5、SCS 阅读全文
posted @ 2017-07-27 14:27 孟繁贵 阅读(288) 评论(0) 推荐(0) 编辑
gulp 常用插件汇总
摘要：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 孟繁贵 阅读(684) 评论(0) 推荐(0) 编辑
CSS实现水平垂直居中方式
摘要：1、定位 核心代码实现请看示例代码中的注释： 效果： 2、table-cell布局 核心代码实现请看示例代码中的注释： 效果同上。 3、flex布局 核心代码实现请看示例代码中的注释： 效果同上，注意浏览器兼容性问题。 4、translate+relative定位 核心代码实现请看示例代码中的注释： 阅读全文
posted @ 2017-07-24 10:08 孟繁贵 阅读(5101) 评论(0) 推荐(0) 编辑
jquery插件开发通用框架
摘要：2017-07-24 更新：增加单例模式。 jquery插件开发框架代码： 插件调用： 阅读全文
posted @ 2017-07-20 15:14 孟繁贵 阅读(762) 评论(0) 推荐(0) 编辑
事件命名空间
摘要：（一）使用命名空间对时间进行管理，代码如下： 优势： 删除事件时只需要指定命名空间即可，删除plugin空间的事件只需要一行代码即可，由于click事件不在plugin的空间内，所以click事件仍然有效。 （二）触发事件 关键代码： 阅读全文
posted @ 2017-07-20 09:13 孟繁贵 阅读(397) 评论(0) 推荐(0) 编辑
CSS nth-child、first-child、last-child、nth-of-type、first-of-type和last-of-type选择器使用
摘要：以下示例主要讲解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 孟繁贵 阅读(746) 评论(0) 推荐(0) 编辑
不同布局属性浏览器兼容性汇总
摘要： 阅读全文
posted @ 2017-07-14 15:29 孟繁贵 阅读(308) 评论(0) 推荐(0) 编辑
html 语义化标签拾遗
摘要：1、del和ins标签 兼容性：浏览器全部支持 del：定义文档中已被删除的文本。 ins：定义已经被插入文档中的文本。 效果： 2、 html 语义化标签会持续更新。 阅读全文
posted @ 2017-07-13 10:44 孟繁贵 阅读(225) 评论(0) 推荐(0) 编辑
响应式设计的一些方法
摘要：1、表单输入框自适应 示例代码： 效果： 2、导航栏自适应布局 （1）、display：table 实现 示例代码： 效果： （2）flex布局 示例代码： 效果同上。 3、网格布局（inline-block+justify） 示例代码： 效果： 4、使用媒体查询 阅读全文
posted @ 2017-07-12 17:32 孟繁贵 阅读(1293) 评论(0) 推荐(0) 编辑
CSS编写规范
摘要：一、面向对象CSS（OOCSSS） OOCSS规则一：结构和皮肤分离 如.btn ， .btn-info ，.btn-warning OOCSS规则二：容器和内容分离（不推荐） 二、单一职责原则 （1）、尽可能拆分成可独立复用的组件 （2）、通过组合方式使用多个组件 实现：可以像面向对象CSS那样实 阅读全文
posted @ 2017-07-12 14:36 孟繁贵 阅读(266) 评论(0) 推荐(0) 编辑
浅谈浏览器兼容解决方案
摘要：一、需要兼容那些浏览器 根据用户群体决定兼容哪些浏览器： （1）面向普通用户 IE8+，Chrome,Firefox (2)企业级产品 IE9+，Chrome,Firefox 如何了解浏览器市场份额： 百度统计：http://tongji.baidu.com/data/browser/ 二、浏览器兼 阅读全文
posted @ 2017-07-11 16:28 孟繁贵 阅读(738) 评论(0) 推荐(0) 编辑
网页中的图片查看器viewjs使用
摘要：需求分析： 对于网页中的图片进行连续放大（便于用户清晰查看内容）、缩小，旋转等操作，可以使用viewjs图片查看器插件实现。 viewjs官方网址：https://github.com/fengyuanchen/viewerjs 具体使用方法请参照官网说明。 下面做2个简单的示例： 1、示例一：单一 阅读全文
posted @ 2017-07-10 17:09 孟繁贵 阅读(12073) 评论(1) 推荐(0) 编辑
检测和删除多余无用的css
摘要：本文主要讲解如何检测页面中多余无用的css。 1、chrome浏览器 F12审查元素的Audits 说明：使用Audits，会检测出页面中没有用到的css，需要手动删除多余的css；同时需要说明的是检测出多余无用的css块，而不是某一行css。 2、CSS usage插件 （1）安装Firefox浏 阅读全文
posted @ 2017-07-06 15:17 孟繁贵 阅读(6808) 评论(0) 推荐(0) 编辑
网页中插入视频的方案
摘要：今天讨论网页中插入视频的方案，咱不讨论video标签的使用方法，video标签比较兼容的写法为： 但是一般不会同一个视频生成MP4、ogg、webm和swf（flash）四种格式的视频，原因是太占用时间了。 讨论的第一种方案是：将视频上传到爱奇艺、优酷和腾讯等第三方视频网站上，在使用第三方网站提供的 阅读全文
posted @ 2017-07-05 16:33 孟繁贵 阅读(10905) 评论(0) 推荐(4) 编辑

TOP