![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
规则
日积一步
每天保持一小步,十天就是一大步!
展开
-
前端工程化代码规则
编辑器:tab键,统一设置成4个空格css规则篇:1、全小写,符合语义化2、长名称或词组采用中横线“-”链接3、小于1的去掉小数点前的04、万不得已不能出现id选择器5、伪类选择器用一个冒号“:”,提高兼容性6、可继承的属性都应该被继承7、组合样式,提高css代码复用率8、文件顶部添加文件描述信息9、禁止使用通配符*10、尽量不要使用 !import...原创 2019-03-08 15:29:25 · 266 阅读 · 0 评论 -
高级之路篇一:从浏览器渲染开始
前言:了解并理解浏览器的渲染原理流程,对我们的性能优化有着至关重要的作用。至于渲染引擎,我们大可忽略,知道这个概念就行。流程如下:1、下载html文本文件,生成dom树。2、下载css文件,解析CSS生成CSSOM规则树。3、将DOM树与CSSOM规则树合并在一起生成渲染树。4、遍历渲染树开始布局,计算每个节点的位置大小信息。5、将渲染树每个节点 逐个 绘制到屏幕。...原创 2019-04-24 15:31:33 · 215 阅读 · 0 评论 -
高级之路篇二:高性能css
前言:能被浏览器快速解析和匹配的css选择器,我认为就是高效的选择器。就是优美的样式文件。一些原则:1、避免使用通配符2、避免使用标签选择器和单个属性选择器作为关键选择器3、不要在id选择器前加标签名4、尽量不要在选择符定义过多层级,层级越少,同时也降低了css和dom结构的耦合程度,提高样式的可维护性css中与图片相关的名词:雪碧图:优点:是将零散的图片合并...原创 2019-04-24 16:34:11 · 182 阅读 · 0 评论 -
高级之路篇十二:全面解析web安全及防御方法
web安全常见的8大板块:老生常谈的XSS跨站脚本攻击 警惕iframe带来的风险 别被点击劫持了 错误的内容推断 防火防盗防猪队友:不安全的第三方依赖包 用了HTTPS也可能掉坑里 本地存储数据泄露 缺失静态资源完整性校验XSS跨站脚本攻击1.绕过XSS-Filter,利用<>标签注入Html/JavaScript代码;2.利用HTML标签的属...原创 2019-04-29 11:39:59 · 4801 阅读 · 0 评论 -
高级之路篇四:高性能html
1、避免使用Iframe 在页面加载过程中iframe元素会阻塞父文档onload事件的触发,即使是空的iframe,其开销也是非常昂贵的,鉴于iframe的高开销,我们应尽量避免使用。尤其是对于移动设备,对于目前大部分还是只有有限的CPU与内存的情况下,更应避免使用iframe。如果一定要用,使用sandbox控制其权限,并使用js主文档加载完成时才设置src属性,这样能尽快...原创 2019-04-24 16:52:50 · 209 阅读 · 0 评论