摘要: 前言 我们知道JavaScript的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点, 阅读全文
posted @ 2020-04-28 19:24 码上出彩 阅读(1530) 评论(0) 推荐(0) 编辑
摘要: webpack性能优化 优化开发体验 优化输出质量 优化开发体验 提升效率 优化构建速度 优化使⽤体验 优化输出质量 优化要发布到线上的代码,减少⽤户能感知到的加载时间 提升代码性能,性能好,执⾏就快 缩⼩⽂件范围 Loader 优化loader配置 test include exclude三个配置 阅读全文
posted @ 2021-06-16 21:43 码上出彩 阅读(215) 评论(0) 推荐(0) 编辑
摘要: ##在做Vue 项目上线时,修改nginx.conf文件做反向代理时出现重启nginx,失败 于是上网查找资料解决一番 1.首先输入命令 ps -ef | grep nginx检查一下nginx服务是否在运行。 2.停止Nginx服务 cd /usr/local/nginx/sbin ./nginx 阅读全文
posted @ 2020-07-18 17:14 码上出彩 阅读(838) 评论(0) 推荐(0) 编辑
摘要: 1.父传子 通过props传值 语法:v-bind:子组件props中的变量名= “父组件中的data中定义的数据” 父组件: Vue.component('Father',{ template: '#father', data () { return { money: 2000 } } }) 子组 阅读全文
posted @ 2020-07-18 16:03 码上出彩 阅读(329) 评论(0) 推荐(0) 编辑
摘要: 计算属性computed: 支持缓存,只有依赖数据发生改变,才会重新进行计算 不支持异步,当computed内有异步操作时无效,无法监听数据的变化 computed 属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data中声明过或者父组件传递的props中的数据通过计算得到 阅读全文
posted @ 2020-07-18 15:07 码上出彩 阅读(2071) 评论(1) 推荐(1) 编辑
摘要: 两个都是让元素不可见。但是两个选项有区别 v-if 在条件切换时,会对标签进行适当的创建和销毁,而v-show则仅在初始化时加载一次,因此v-if的开销比v-show大 v-show控制的时元素的display属性,无论初始条件是否成立,都会渲染标签。而v-if是惰性的,只有在条件成立时才渲染为真实 阅读全文
posted @ 2020-07-18 14:51 码上出彩 阅读(1399) 评论(0) 推荐(0) 编辑
摘要: 在函数内声明实例属性保存data,每个实例对象的data都是经过一次函数执行得到有不同的返回结果,所以返回data的值具有自己独立的作用域。 在定义Vue实例时,给Vue传参是一个对象,对象中data就是一个函数,Vue在实例化的时候会调用这个函数每个实例都会返回新的值,data得到不同的值作用域 阅读全文
posted @ 2020-07-18 14:41 码上出彩 阅读(683) 评论(0) 推荐(0) 编辑
摘要: 1.什么是vue生命周期? Vue 实例从创建到销毁的过程,就是生命周期。从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程,称之为 Vue 的生命周期。 2.vue生命周期的作用是什么? 它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻 阅读全文
posted @ 2020-07-18 14:32 码上出彩 阅读(508) 评论(0) 推荐(0) 编辑
摘要: 一、JSON.stringify()与JSON.parse()的区别 前言 在做项目时候,经常遇到JSON.stringify()和JSON.parse()之间的来回转换。 JSON 的常规用途是同 web 服务器进行数据交换。在向 web 服务器发送数据时,数据必须是字符串。通过 JSON.str 阅读全文
posted @ 2020-04-25 20:44 码上出彩 阅读(845) 评论(0) 推荐(0) 编辑
摘要: MIME_type对照表 阅读全文
posted @ 2020-04-25 13:01 码上出彩 阅读(7395) 评论(0) 推荐(1) 编辑