- 博客(6)
- 收藏
- 关注
RSS订阅翻译 vue导致页面白屏几种情况
1.vue项目打包后，在非首次线上替换dist文件时，某些手机/浏览器在之后首次打开页面，可能出现白屏情况。原因：在使用vue-cli脚手架构建完项目，项目完成后，需打包上线。默认打包方式则是 npm build，然后项目根目录会生成 dist 文件夹。服务端将该文件夹替换线上即可。但是当第n（n>1）次上线后，由于在用户端会默认缓存index.html入口文件，而由于vue打包生成的css/js都是哈希值，跟上次的文件名都不同，因此会出现找不到css/js的情况，导致白屏的产生。优化方案：1）
2020-06-06 21:41:00
7251
翻译 vue react angular三大框架之间的对比
1.vue框架介绍A) Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。B) Vue.js的特性：轻量级的框架，易用；双向数据绑定；指令化；组件化2.与React的区别相同点：react采用特殊的JSX语法，Vue.js在组件开发中也推崇编写.vue
2020-06-05 09:59:32
1402
1
原创 vue当中key的作用
key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。不使用key的时候v-for渲染的列表的结构采用“就地复用”的策略，也就说当数据重新排列数据时，会复用已在
2020-06-04 11:51:39
140
原创 前端面试高频题cookie session localstorage sessionstorage
1.本地储存localStorage、sessionstorage与cookie的区别1）相同点是都是保存在浏览器端、且同源的2）cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下3）存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cook
2020-06-04 08:16:03
563
原创 vue移动端适配方案lib-flexible和px2rem-loader
1.安装插件 lib-flexible: npm i lib-flexible --save-dev2.在入口文件main.js中引入lib-flexible：import ‘lib-flexible/flexible’3.安装px2rem-loader： npm install px2rem-loader --save-dev4.配置px2rem-loader：在build文件中找到util.js，将px2rem-loader添加到cssLoaders中，如：const cssLoader
2020-06-03 15:10:11
497
原创 Vue.js 面试
1.v-show 与 v-if 区别v-show 只是 CSS 级别的 display: none; 和 display: block; 之间的切换，而 v-if 决定是否会选择代码块的内容（或组件）。频繁操作时，使用 v-show，一次性渲染完的，使用 v-if。因为当 v-if=“false” 时，内部组件是不会渲染的，所以在特定条件才渲染部分组件（或内容）时，可以先将条件设置为 false，需要时（或异步，比如 $nextTick）再设置为 true，这样可以优先渲染重要的其它内容，合理利用，可以进
2020-06-02 20:44:24
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人