2018年11月_养只猫

原创 vue不同创建版本之运行时 + 编译器 vs. 只包含运行时

vue的安装版本可分为运行时 + 编译器和只包含运行时两种，这两种版本的区别在于是否含有编译器。我们通过vue-cil脚手架安装完项目后只包含运行时main.js中import App from './App.vue'new Vue({ router, store, render: h => h(App)}).$mount('#app')vue的实例...

2018-11-26 22:06:35 2063

原创 vue-router的模糊匹配和精确匹配

场景：最近在做的这个项目有一个场景是个人中心页面，有几个嵌套的二级路由，其中有一个订单的子路由下面还嵌套着几个三级路由。这里二级路由是通过点击router-link进行点击跳转，三级路由是通过二级路由中的查看详情等按钮进入的。问题就在这里当跳转到三级路由的时候对应的二级路由的router-llink如何保持激活样式。router.js文件中的三极路由的path属性中要写入二级路由的path属性...

2018-11-24 21:54:55 8718

原创 koa2脚手架之koa-generator

vue-cli脚手架能很好地帮我们搭建好vue项目目录结构，同样的koa-generator脚手架可以帮我们快速搭建koa2框架的目录结构。包括接口路由koa-router和一些基本的配置安装npm install koa-generator -g安装脚手架目录koa2 server安装依赖npm install进入到server文件夹中启动nodemon app.js...

2018-11-18 14:13:14 3391

原创 es6异步之await和async异步

手上的项目写好的接口已经对接完了。最近闲下来了，上家公司的主管跟我提起了前端和node.js。node必定是以后前端的一项重要技术。这次不再看视频从基础开始了，直接看自己需要的东西。说到异步就会想到promise，在es6中的await和async也是异步操作。await 和 async是建立在 promise机制之上的。不能说有了await和async就不要promise。async...

2018-11-18 14:02:26 282

原创 scss的常规用法

公司的项目做了有一段时间了，由于之前对scss的了解比较少项目中用到的scss相关的东西只有scss的嵌套如下.body{ width: 200px; .item{ width: 100px; }}现在项目做了有一段时间了，决定好好的研究一下scss这个css预处理器。项目用的是vue框架。scss安装（npm）npm install --save-de...

2018-11-16 10:54:05 1001 1

原创 js之apply和call

function test1 (a,b) { console.log(a + b + this.c + this.d)}let obj = {c: 5,d: 6}test1.call(obj,3,1)//15test1.apply(obj,[3,1])//15call和apply第一个参数是用来改变this的指向的第二个参数是传入到test1方法中的参数call可以传入多...

2018-11-15 23:40:06 144 1

原创 vue中的无限循环问题

项目中遇到了这样一个问题：每一种产品有对应的服务费，每一个商家有多种商品要单独计算每一家的服务费，最后汇总总的服务费用。我直接写了一个方法来计算出每个商家和总的服务费用并return出来。如果不看控制台的话运行是没问题的。但是控制台报了无限循环的错误。下面是错误代码html：js：这里会出现无限循环的原因是数据更新触发计算方法来更新视图，视图更新又反过来触发这个方法...

2018-11-15 15:32:10 4960 2

原创每日一条js之数组操作find()查询

今天在做项目的时候遇到了elementUI级联选择器选择地区的功能，地区的信息是百度复制过来的一段json数据获取选中数据的时候只能获取到一个地区对应的value值，必须通过这个value值找到对应的label（的名字）。这次不再使用for循环改用较为简洁的find()函数直接return查询条件那条数据change (a) { var that = this var obj...

2018-11-09 22:27:53 1283

原创 html标签中的id不能用纯数字

今天碰到了一个坑，在用v-for做数据循环的时候吧每一条数据的id直接赋值到对应的标签上，应为是封装了组件在有些页面引用是没问题的，但是有些页面引用的时候js却报错了，一番排查之后发现是标签使用了纯数字，于是在数字前面加上了一个字母就好了。也只能说自己自学的基础不够扎实，html标签中的id不能用纯数字，不然会发生不可估计的错误。变量不能是纯数字，必须是字母、下划线、$开头的，编译器对纯数...

2018-11-08 20:24:33 5114 2

原创 vue中手动调用render函数进行data数据更新

今天做项目碰到了一个比较麻烦的问题for (let i = 0;i<that.list.length;i++){ if(that.list[i].id === e.target.dataset.id){ that.$forceUpdate(); that.list[i].total = 0 that.list[i].isCheck...

2018-11-08 20:19:18 8158

qq_40816649的博客