摘要:
简介 简易 css 命名方式,减小命名冲突,使得 css 更有组织感和识别感。但如今写 react 项目大多可以忽略对 css 的命名约束了。 官网介绍:http://getbem.com/introduction/ 释义 Block:具有独立意义的实体,就如 header, container, 阅读全文
摘要:
测试代码 盒模型图 和一般的盒模型不同,这里画上了滚动条,在 padding 的外侧。 滚动条测验 我们都知道 box sizing 为 content box 为标准模型,那么如果你写上了 ,那么显示效果如下: chrome 和 safari 一样,就是调试的控制台里显示的效果有些错位。 如果是 阅读全文
摘要:
关系图 图片出处我找不到了。 结论 权重从高到低排序 并且注意第6点,类、伪类、属性选择器权重一致。 阅读全文
摘要:
原理 CSS property: columns。CSS属性 columns 用来设置元素的列宽和列数。 兼容性 chrome 50+ IE 10+ android browser 2.1+ with webkit "MDN 文档" 效果 代码 心得 在过去本人还用 100+ 行代码写过 JS 版的 阅读全文
摘要:
近期梯子不是很稳定,在家办公时网络也很差,bing 的搜索效果也差强人意,勉强用用百度吧,但是广告又特别恶心人。 工具介绍 本人使用的是 chrome 插件的 FeHelper 提供的网页油猴子工具 保存并启用! 百度真的是鸡贼,给广告元素的标识藏的还真的深,努力的想让自己的广告标签弄的和正常的内容 阅读全文
摘要:
简介 想查看chrome插件的源码,就需要找到chrome插件安装的位置,接着再文件夹下查找此插件的id。 mac 插件里的 id,就是上文的文件夹名 windows7 C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Defa 阅读全文
摘要:
重绘 当页面元素样式改变不影响元素在文档流中的位置时(如background color,border color,visibility),浏览器只会将新样式赋予元素并进行重新绘制操作。 回流 当改变的操作响应文档内容或者结构,或者元素位置时,就会触发回流。有以下几种情况: 页面首次渲染 DOM操作 阅读全文
摘要:
站点数据 发现一个有意思的站点 http://gs.statcounter.com/browser market share/desktop/china 可以查询得知 chrome 占比在 64% 上下,绝对优势宛如 IE 刚打败网景公司呀 IE 只有 5% 了,Edge Legacy 也 5%,哎 阅读全文