![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
规范
日积一步
每天保持一小步,十天就是一大步!
展开
-
前端开发链路规范
协作规范一、UI协作规范统一工具 确定图标icon(推荐iconfont 或 图片) 明确尺寸边界(最小宽度、最大宽度) 明确内容边界(文字换行) 明确交互UI变化效果(鼠标形状、颜色值、阴影、loading、空数据提示等)二、前后端协作规范需求分析,技术难点讨论 确认接口公共参数、cookie、响应数据格式(如code、分页、msg提示等) 梳理数据来源 数据模型确认(前端交互所需要的数据是否齐全),输出mock数据模型 输出接口文档、参数说明、标记必传标识 联调前,接口做原创 2022-04-21 14:59:58 · 967 阅读 · 0 评论 -
代码中特殊注释——TODO、FIXME、XXX、HACK
TODO:英语翻译为待办事项,备忘录。如果代码中有该标识,说明在标识处有功能代码待编写,待实现的功能在说明中会简略说明。FIXME:可以拆成短语,fix me ,意为修理我。如果代码中有该标识,说明标识处代码需要修正,甚至代码是错误的,不能工作,需要修复,如何修正会在说明中简略说明。XXX:如果代码中有该标识,说明标识处代码虽然实现了功能,但是实现的方法有待商榷,希望将来能改进,要改进的地方会在说明中简略说明。HACK:英语翻译为砍。如果代码中有该标识,说明标识处代码我们需要根据自己的需求去调整原创 2021-09-14 16:55:42 · 1757 阅读 · 0 评论 -
前端工程化代码规则
编辑器: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 评论