vue
`、ratel
戒骄戒躁,学无止境。
展开
-
vue项目mac热更新失效解决方法
dev: { sockHost: 'http://172.16.0.57:8080', //热更新失效时配置这个字断为自己的ip disableHostCheck: true,//禁用主机检查 host: '0.0.0.0', // can be overwritten by process.env.HOST port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free o..原创 2022-01-26 18:20:10 · 1758 阅读 · 0 评论 -
vue项目本地开发构建速度优化 hard-source-webpack-plugin
1、为啥要优化本地构建速度有些项目因为项目需求点多、功能复杂、管理混乱、引入第三方插件/样式库过多、本身项目页面较多、文件较多等等原因,会导致项目体积变大、本地构建速度明显变慢,这时就需要对项目webpack进行一些设置来提高打包效率、加快打包时间。2、怎么做打包优化webpack打包速度优化有多种解决方案,今天说一种通用并且使用成本低、入手极为方便的插件hard-source-webpack-plugin(1) 首先下载插件cnpm install hard-source-webpack-pl原创 2021-09-18 10:57:40 · 1700 阅读 · 1 评论 -
vue项目内存溢出导致项目启动失败解决
1、现象随着项目的拓展会出现vue项目启动内存不足导致启动失败,或者启动成功,开发过程中失败的情况Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory//无效的标记压缩接近堆限制分配失败-JavaScript堆内存不足2、方案increase-memory-limit是用来设置node进程可占用的内存,通过设置一个大内存占用来解决该问题首先全局下载该npm包np原创 2021-08-06 15:28:02 · 2512 阅读 · 0 评论 -
js判断两个版本号的大小
function compareVersion(v1, v2) { if (v1 == v2) { return 0; } const vs1 = v1.split(".").map(a => parseInt(a)); const vs2 = v2.split(".").map(a => parseInt(a)); const length = Math.min(vs1.length, vs2.length); for (let i = 0; i <原创 2021-01-08 17:43:45 · 4103 阅读 · 3 评论 -
vue react 项目代表/各大框架使用项目目录。
哪些项目是vue写的,哪些项目是react写的。1、React:蚂蚁数据可视化、爱彼迎、飞猪、阿里大于、虾米音乐、口碑开放平台、猫途鹰、喜马拉雅FM、斗鱼、知乎、豆瓣、美团外卖H5、房多多、石墨文档、墨刀、TalkingData、xiaopiu、Teambition、Uber、倍洽、同盾科技、心知天气、拼多多(APP内嵌H5)、滴滴出行、Sentry、途牛、优酷、京东服饰+生鲜+旅行+赚钱H5...原创 2020-04-16 18:24:50 · 1456 阅读 · 0 评论 -
移动端vue 遮罩层阻止默认滚动事件
移动端vue 遮罩层阻止默认滚动事件<div class="pop" @touchmove.prevent > //遮罩层元素</div>原创 2020-03-23 19:04:28 · 661 阅读 · 0 评论 -
前端路由hash模式和history模式实现原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-06-11 21:16:54 · 5211 阅读 · 2 评论 -
vue中的.sync修饰符用法及原理详解
vue中我们经常会用v-bind(缩写为:)给子组件传入参数。或者我们会给子组件传入一个函数,子组件通过调用传入的函数来改变父组件的状态。例如://父组件给子组件传入一个函数 <MyFooter :age="age" @setAge="(res)=> age = res"> </MyFooter> //子组件通过调用这个函数来实现修改父组件的状态。 mo...原创 2019-06-16 20:39:34 · 31597 阅读 · 25 评论 -
Vue中的v-slot详解,作用域插槽和具名插槽
1、具名插槽有时候我们希望在指定的位置输出我们的子元素,这时候具名插槽就排上了用场。//组件调用时<MyFooter v-red :age.sync="age"> <template v-slot:footer> //这里v-slot:后边的值与组件内的slot的name属性对应,也就是插槽的名称。 <div>list</div&...原创 2019-06-15 20:50:48 · 81867 阅读 · 19 评论 -
vue中的自定义指令
vue中的自定义指令相信大家对它并不是很陌生,听过但是没用过是对它的常态,今天就让我们来见识它的魅力。1、出现的原因官网上是这样说的:除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。2、注册自定义指...原创 2019-06-15 20:27:10 · 353 阅读 · 0 评论 -
vue响应式之MVVM的简单实现
1、写一些公用的方法let utils = { getValue (data, key) { if (key.indexOf('.') > -1) { key.split('.').forEach(item => { data = data[item] ...原创 2019-05-31 20:41:14 · 160 阅读 · 0 评论