1、 Vue生命周期过程
创建期间生命周期方法
beforeCreate:
created:
beforeMount
mounted
运行期间生命周期方法
beforeUpdate
updated
销毁期间的生命周期方法
beforeDestroy
destroyed
2、浏览器渲染过程
①解析HTML生成DOM树。
②解析CSS生成CSSOM规则树。
③将DOM树与CSSOM规则树合并在一起生成渲染树。
④遍历渲染树开始布局,计算每个节点的位置大小信息。
⑤将渲染树每个节点绘制到屏幕
④⑤详解:Layout(回流):根据生成的渲染树,进行回流(Layout),得到节点的几何信息(位置,大小)
Painting(重绘):根据渲染树以及回流得到的几何信息,得到节点的绝对像素
Display(展示):将像素发送给GPU,展示在页面上
3、SEO搜索引擎优化
搜索引擎优化,简称为SEO,表面的含义来看,是让网站更容易被搜索引擎收录,并且当用户通过搜索引擎进行检索时在检索结果中获得好的排名位置,从而达到网站推广的目的。作为网络营销的种手段,搜索引擎优化的根本目的是让用户利用搜索引擎这种互联网工具获取有效信息。
4、浏览器存储
Cookie
常用于客户端与服务端之间的通信,但是它有本地存储的功能。
缺点:存储量太小,只有4kb
所有http请求都会含cookie,会影响获取资源的效率
API简单,需要封装一下才能用
LocalStorage 和SessionStorage
H5问世后,专为浏览器存储而设计,最大容量为5mb
API简单易用,localStorage.setItem(key,value)和localStorage.getItem(key,value),sessionStorage也是如此
但是这两个存储的区别在哪里呢?
- localStorage存储时间取决于用户设置的有效期,如果浏览器关闭,localstorage存储的东西不会消失。
- sessionStorage会在浏览器关闭时,所存储的东西会被销毁。
三者使用场景:
cookie一般存储用户名密码相关信息,或者过期日期。
localStorage可以用来统计页面访问次数。
sessionStorage可以用来统计当前页面元素的点击次数。
5、 CSS属性继承
文本
color(颜色,a元素除外)
direction(方向)
font(字体)
font-family(字体系列)
font-size(字体大小)
font-style(用于设置斜体)
font-variant(用于设置小型大写字母)
font-weight(用于设置粗体)
letter-spacing(字母间距)
line-height(行高)
text-align(用于设置对齐方式)
text-indent(用于设置首航缩进)
text-transform(用于修改大小写)
visibility(可见性)
white-space(用于指定如何处理空格)
word-spacing(字间距)
来源:CSDN
作者:七彩毛毛虫
链接:https://blog.csdn.net/SDAW_1/article/details/104613507