一、webpack devtool devtool的值有好几个,根据自己的情况和环境的不同,选择合适的,一般打包的时候可以用:eval 、eval-source-map或者cheap-eval-source-map。我这边打包时,直接设置成了:‘eval ’。具体可以去官网查看每个值的作用~ 二、如 ...
分类:
其他好文 时间:
2020-04-14 19:03:30
阅读次数:
126
路由懒加载 当打包构建应用时,Javascript 包会变得非常大,影响页面加载速度。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能,轻松实现路由组件的懒加载。如: 1 const ...
分类:
其他好文 时间:
2020-04-12 14:10:06
阅读次数:
73
[TOC] Selenium的三种等待 当执行python的selenium代码时,如果需要定位一个元素或者点击一个元素,需要考虑到网速等多方面原因,导致页面加载速度慢,元素还未加载出来,这样就会导致找不到对应元素,从而报错的问题,所以要设置等待条件,等待元素加载出来后才执行相应的代码。 其中,se ...
分类:
其他好文 时间:
2020-04-12 12:25:27
阅读次数:
70
最近在开发是遇到一个很诡异的问题,IE下页面在加载完成后部分元素会出现抖动问题,而chrome和firefox均没有出现。最开始怀疑的是某些元素css添加了:hover相关设置,发现整个页面都没有,最后发现是字体问题 body{ font-size:14px; font-family:Microso ...
分类:
其他好文 时间:
2020-04-11 18:58:35
阅读次数:
206
前端工作面试HTML相关问题 Q: doctype(文档类型)的作用是什么? A: 在HTML中 doctype 有两个主要目的。 对文档进行有效性验证: 它告诉用户代理和校验器这个文档是按照什么DTD 写的。这个动作是被动的,每次页面加载时,浏览器并不会下载DTD 并检查合法性,只有当手动校验页面 ...
分类:
Web程序 时间:
2020-04-11 13:04:50
阅读次数:
80
支持给动态元素和属性绑定事件的是live和on,其中live在JQUERY 1.7之后就不推荐使用了。现在主要用on,使用on的时候也要注意,on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等,可以放在on的第二个参数里面。比如: 无效,改为: ...
分类:
其他好文 时间:
2020-04-08 20:55:17
阅读次数:
60
1.页面从输入URL到页面加载显示完成,这个过程中都发生了什么?(流程说的越详细越好) 2.浏览器工作原理 3.浏览器解析过程: 4.介绍一下你对浏览器内核的理解? 5.常见的浏览器内核有哪些? 6.请描述一下 cookies,sessionStorage 和 localStorage 的区别? 7 ...
分类:
其他好文 时间:
2020-04-04 14:44:42
阅读次数:
90
(1)代码层面的优化 v-if 和 v-show 区分使用场景 computed 和 watch 区分使用场景 v-for 遍历必须为 item 添加 key,且避免同时使用 v-if 图片资源懒加载 路由懒加载 当打包构建项目时,JavaScript包会变的非常打,影响页面加载。如果我们能把不同路 ...
分类:
其他好文 时间:
2020-04-04 11:43:56
阅读次数:
111
【文章来源微信公众号:每天学编程】---关注,后台领取编程资源css基础-css选择器和css文本样式相关:使用link链入外部样式,页面加载时会同时加载样式@importurl(“*.css”);使用导入式,页面加载完后,才会加载样式链接伪类的顺序:link->:visited->:hover->:active或者:visited->:link->:hover-&g
分类:
Web程序 时间:
2020-04-02 23:02:20
阅读次数:
162
先注明一下题目来源,剑哥的前端面试每日3+1 大家如果有兴趣可以去github上答题 1 页面导入样式,使用link与@import有什么区别? a、从属关系:link是html标签,@import是css提供的 b、加载差异:页面加载时,link会同事加载;而@import引入的css会在页面加载 ...
分类:
Web程序 时间:
2020-04-02 18:24:24
阅读次数:
81