获得徽章 16
#每天一个知识点#
SEO: Search Engine Optimization, 搜索引擎优化。利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让其在行业内占据领先地位,获得品牌收益。
#每天一个知识点# 常见的CSS元素关系
父子关系:使用空格分隔父元素和子元素。例如,div p 表示选择 div 元素内的所有 p 元素
直接子元素关系:使用大于号 > 分隔父元素和直接子元素。例如,ul > li 表示选择 ul 元素的直接子元素 li
兄弟关系:使用波浪号 ~ 分隔两个兄弟元素。例如,h1 ~ p 表示选择紧接在 h1 元素后面的所有 p 元素
相邻兄弟关系:使用加号 + 分隔两个相邻的兄弟元素。例如,h1 + p 表示选择紧接在 h1 元素后面的第一个 p 元素
元素选择器:使用标签名选择元素。例如,div 表示选择所有的 div 元素
类选择器:使用类名选择元素。例如,.red 表示选择所有具有 red 类名的元素
ID选择器:使用ID属性选择元素。例如,#myElement 表示选择具有 myElement ID的元素
属性选择器:根据元素的属性值来选择元素。例如,[type="text"] 表示选择所有 type 属性值为 "text" 的元素
#每天一个知识点# meta 元素四大属性
1.charset:声明页面的字符编码,常用的值有:UTF-8(Unicode字符编码)、ISO-8859-1(拉丁字母表的字符编码)
2.content:配合name或http-equiv使用,能够给这两个属性提供一个值
3.http-equiv:定义该属性可以改变服务器和用户代理的行为
4.name:用于定义页面的元数据,不能与http-equiv、charset共存,通常是content配合使用
#每天一个知识点#
懒加载(Lazy Loading): 懒加载是指延迟加载页面或组件中的资源(如图片、视频、JavaScript 文件等),直到这些资源即将被使用时才进行加载。
预加载(Preloading): 预加载是在页面加载过程中提前加载未来可能需要用到的资源,以便在需要时能够立即使用。
#每天一个知识点#
LRU 全称是 Least Recently Used,即最少使用的意思,广泛的应用于缓存机制汇总。当缓存使用空间达到上限后,就需要从已有的数据中淘汰一部分以维持缓存的可用性,而淘汰数据的选择就是通过 LRU 算法完成的。
LRU算法的基本思想是基于局部性原理的时间局部性:如果一个信息项正在被访问,那么在近期它很可能还会被再次访问。所以顾名思义,LRU 算法会选出最近最少使用的数据进行淘汰。
#每天一个知识点#
hash路由模式实现原理:使用windowd的onhashchange事件监听监听hash值得变化,从而对页面进行跳转(渲染)
history路由模式:利用HTML5 History Interface中新增的pushState() 和replacestate()
#每天一个知识点# 常用的几种 Content-Type
1.application/x-www-form-urlencoded: 最原生的form表单,如果不设置属性就会以此种形式提交数据
2.multipart/form-data: 常见的post提交数据的表单格式,在form里面需指明enctype为该类型
3.application/json:json序列号数据。告诉服务器该消息形式为json字符串
4.text/xml: 用来提交xml格式的数据。
5.text/html: HTML格式。
#每天一个知识点# HTTP 与 HTTPS 区别
1.HTTP 明文传输,数据都是未加密的,安全性较差,HTTPS 数据传输过程是加密的,安全性较好
2.HTTP 页面响应速度比 HTTPS 快,主要是因为 HTTP 使用 TCP 三次握手建立连接,客户端和服务器需要交换 3 个包,而 HTTPS除了 TCP 的三个包,还要加上 ssl 握手需要的 9 个包,所以一共是 12 个包
3.http 和 https 使用的是完全不同的连接方式,用的端口也不一样,前者是 80,后者是 443
4.HTTPS 是建构在 SSL/TLS 之上的 HTTP 协议,所以 HTTPS 比 HTTP 更耗费服务器资源
#每天一个知识点# vuex数据传输流程
1、通过new Vuex.Store()创建一个仓库
2、在组件内部通过this.$store.state.属性来调用公共状态中的state,进行页面的渲染
3、当组件需要修改数据的时候,通过this.$store.dispatch来触发actions中的方法
4、actions中的每个方法都会接受一个对象 这个对象里面有一个commit方法,用来触发mutations里面的方法
5、mutations里面的方法用来修改state中的数据,mutations里面的方法都会接收到2个参数,一个是store中的state,另外一个是需要传递到参数
6、当mutations中的方法执行完毕后,state会发生改变,因为vuex的数据是响应式的,所以组件的状态也会发生改变
#每天一个知识点# 装饰模式是在不必改变原类文件和使用继承的情况下,动态地扩展一个对象的功能。它是通过创建一个包装对象,也就是装饰来包裹真实的对象。
下一页