每周分享第1期

代码 Code

CSS

CSS的概念

参见wiki:层叠样式表

关于CSS浏览器适配

关于浏览器的适配,不同的浏览器在CSS上的写法可能有点不一样。

1
2
3
4
5
6
7
.label-size-container {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (doesn't work very well) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

如上所示,关于flex的设置,不同的浏览器写法也不同。

所以,实际开发时,为了避免浪费开发时间来写这些东西,我们一般会使用SASS等工具方便我们进行开发,提高开发效率。

关于SASS推荐参考阮一峰的网络日志

通过CSS hack进行的浏览器适配

参考:CSDN freshlover的博客专栏《史上最全CSS Hack方式一览

HTML

ENT, BOM, WINDOW 有什么区别?

DOM 是为了操作文档出现的 API,document 是其的一个对象;
BOM 是为了操作浏览器出现的 API,window 是其的一个对象。

参考:DOM, DOCUMENT, BOM, WINDOW 有什么区别? - Vkki的回答 - 知乎

JavaScript

JavaScript Source Map

参考:JavaScript Source Map 详解 - 阮一峰的网络日志

Vue.js

理解 $nextTick 的作用

参考:理解 $nextTick 的作用

Render 函数

参考:Vuejs2.0学习之二(Render函数,createElement,vm.$slots,函数化组件,模板编译,JSX)

科技 Technology

生活 Life

语言 Language

;