摘要：
如何避免FOUC FOUC即无样式内容闪烁也可以称为文档样式短暂失效，主要就是指HTML已加载而样式表并未加载，此后样式表再加载而产生的闪烁现象。 样式表前置 根据浏览器渲染的顺序，将CSS在<head>中引入或者嵌入，相对于将CSS放到<body>或者页面底部来说，可以使页面渲染速度加快，这对于页 阅读全文
posted @ 2020-06-12 17:15
WindRunnerMax
阅读(252)
评论(0)
推荐(0)
摘要：
CSS隐藏元素的方法 使用CSS隐藏元素的主要方式有diaplay: none;、opacity: 0;、visibility: hidden;、position: absolute; overflow: hidden;、clip-path: polygon(0 0, 0 0, 0 0, 0 0); 阅读全文
posted @ 2020-06-11 10:27
WindRunnerMax
阅读(849)
评论(0)
推荐(0)
摘要：
可替换元素和非替换元素 可替换元素replaced element也称作可置换元素，其展现效果不是由CSS来控制的，这些元素是一种外部对象，它们外观的渲染，是独立于CSS的。非置换元素non-replaced element也称作非替换元素，其内容由CSS渲染直接表现给客户端。 可替换元素 一个内容 阅读全文
posted @ 2020-06-10 11:40
WindRunnerMax
阅读(751)
评论(0)
推荐(1)
摘要：
Vue中key的作用 key的特殊attribute主要用在Vue的虚拟DOM算法，在新旧Nodes对比时辨识VNodes。如果不使用key，Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改、复用相同类型元素的算法，而使用key时，它会基于key的变化重新排列元素顺序，并且会移除key不 阅读全文
posted @ 2020-06-09 20:16
WindRunnerMax
阅读(2747)
评论(0)
推荐(0)
摘要：
DNS解析过程 域名是为了方便记忆而专门建立的一套地址转换系统，要访问一台互联网上的服务器，最终还必须通过IP地址来实现，域名解析就是将域名重新转换为IP地址的过程。一个域名对应一个IP地址，一个IP地址可以对应多个域名，所以多个域名可以同时被解析到一个IP地址，域名解析需要由专门的域名解析服务器D 阅读全文
posted @ 2020-06-08 11:31
WindRunnerMax
阅读(480)
评论(0)
推荐(0)
摘要：
Js文件异步加载 浏览器中渲染引擎与Js脚本引擎是互斥的，在浏览器开始渲染页面时，如果遇到<script>标签，会停止渲染当前页面，也就是说在脚本加载与执行的过程中会阻塞页面的渲染，在网速较差的环境下可能会出现浏览器页面假死的情况，这也就是尽量将<script>文件放置于<body>后的原因，Js文 阅读全文
posted @ 2020-06-07 10:06
WindRunnerMax
阅读(381)
评论(0)
推荐(0)
摘要：
文本溢出截断省略 文本溢出截断省略是比较常见的业务场景，主要分为单行文本溢出截断省略与多行文本溢出截断省略，单行的截断方案比较简单，多行截断相对比较复杂。 单行溢出省略 单行文本溢出截断省略直接使用CSS即可，其无兼容问题，文本溢出范围才显示省略号，否则不显示省略号，省略号位置显示刚好，但是只能作为 阅读全文
posted @ 2020-06-06 20:35
WindRunnerMax
阅读(493)
评论(0)
推荐(0)
摘要：
默认行为及阻止 浏览器以及HTML元素提供了一些默认行为，也可以称作默认事件。 默认行为 a标签点击跳转 <a>标签在href存在的情况下会点击自动跳转链接或者定位锚点，通过对<a>的监听事件阻止默认行为后，点击链接不会跳转。 <a href="https://blog.touchczy.top" 阅读全文
posted @ 2020-06-05 13:33
WindRunnerMax
阅读(620)
评论(0)
推荐(0)
摘要：
Vue生命周期 Vue实例需要经过创建、初始化数据、编译模板、挂载DOM、渲染、更新、渲染、卸载等一系列过程，这个过程就是Vue的生命周期，在Vue的整个生命周期中提供很多钩子函数在生命周期的不同时刻调用，Vue中提供的钩子函数有beforeCreate、created、beforeMount、mo 阅读全文
posted @ 2020-06-04 12:02
WindRunnerMax
阅读(1190)
评论(0)
推荐(0)
摘要：
XML和JSON的比较 XML与JSON都可以用来描述或者存储数据，两者都有各自的优点，使用场景取决于需求。 描述 XML 可扩展标记语言Extensible Markup Language，是一种用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型、存储数据等，是一种允许用户对 阅读全文
posted @ 2020-06-03 12:08
WindRunnerMax
阅读(490)
评论(0)
推荐(0)
浙公网安备 33010602011771号