sharryling

前端页面渲染机制浏览器基础结构 参考：https://zhuanlan.zhihu.com/p/26105913 浏览器基础结构 浏览器基础结构主要包括如下7部分： 1.用户界面（User Interface）:用户所看到及与之交互的功能组件，如地址栏，返回，前进按钮等； 2.浏览器引擎（Browser engine）:负责控制和管理下一级的渲染引擎； 3.渲染引擎（Rendering engine）:负责解析用户请求的内容（如HTML或XML，渲染引擎会解析HTML或XML，以及相关CSS，然后返回解析后

[class*=]的用法 问题：当有很多同一类型的class有相同的样式，则可以用下面的写法

HTML5+CSS3-语法 1.<style type=“text/css”> </style&a

参考链接：https://blog.youkuaiyun.com/sinat_36521655/article/details/80140221 不知道你有没有遇到这样一种情况，语法正确、单词正确，但是样式就是无法应用，而是使用的不知道在哪写过的一个样式，然后你就偷懒使用!important让样式生效。哈哈哈，反正我遇到过，而且这么做了。 其实这个问题的出现，是因为样式存在优先级规则。如果了解了样式的优先级，...

link & @import 的区别 参考：https://www.cnblogs.com/my--sunshine/p/6872224.html 结论 就结论而言，强烈建议使用link标签，慎用@import方式。 这样可以避免考虑@import的语法规则和注意事项，避免产生资源文件下载顺序混乱和http请求过多的烦恼。 区别 1.从属关系区别 @import是 CSS 提供的...

箭头函数 this指向问题： function A(){ setTimeOut(function(){ 在这里调用this 是指向window，因为相当于是 window.setTimeOut()}) setTimeOut(()=>{ 在这里调用this 与function A内部的this相同 } function B(){ DOM.onclick = function(){ 在...

CSS–BEM规范 转载：https://www.jianshu.com/p/5e018c7f0bc6 【tx】实战： scss： .number-container { display: flex; align-items: center; &__lable { width: 50%; float: left; word-break: break-a...

1.垂直居中的坑 wxml： <g-form-item disabled='{{disabled}}'> <view class='number-container'> <view class='number-container__lable inline-sytle'>{{lable}}</view> <view clas...