01 2020 档案

ES6基础语法
摘要："Array的扩展方法" "扩展运算符(展开语法)" "构造函数方法 Array.from()" "实例方法" "find()" "findIndex()" "includes()" "String 的扩展方法" "模板字符串" "startsWith() 、 endsWith()" "repeat 阅读全文
posted @ 2020-01-15 17:18 suni1024 阅读(261) 评论(0) 推荐(0)
V-model 双向绑定的原理是什么？
摘要：做双向绑定时，通常在表单元素上绑定一个v-model,我们在编译的时候，可以解析到v-model操作时做了两件事:1.在表单元素上做了事件监听（监听input、change事件）2.如果值发生变化时，在事件回调函数把最新的值设置到vue的实例上3.因为vue的实例已经实现了数据的响应化，它的响应化的 阅读全文
posted @ 2020-01-09 16:23 suni1024 阅读(4529) 评论(0) 推荐(0)
Vue编译过程是怎么样的？
摘要：遵循3W1H原则，什么是编译，为什么要编译。首先写的这些模板的语句，html根本就不能识别，我们通过编译的过程，可以进行依赖的收集，进行依赖收集以后，我们就把data中的数据模型和视图之间产生了绑定关系产生了依赖关系，那么以后模型发生变化的时候，我们就会通知这些依赖的地方让他们进行更新，这就是我们执 阅读全文
posted @ 2020-01-09 16:22 suni1024 阅读(1476) 评论(1) 推荐(0)
Vue数据绑定原理：defineProperty
摘要：利用object.defineProperty 这个属性，把data里面放的数据。每一个数据都定义了一个属性，定义了get 与 set ，监听这些数据变化，当这些属性发生变化的时候，我们可以通知那些需要更新的地方去做更新。 阅读全文
posted @ 2020-01-09 16:18 suni1024 阅读(447) 评论(0) 推荐(0)
Vue-router 路由生命周期
摘要：Vue-router 路由生命周期也叫导航守卫 分3块：全局守卫、路由独立守卫、组件内守卫 1、全局守卫 main.js router.beforeEach((to, from, next) => { // 全局前置守卫 // if(to.fullPath '/shoppingCart'){ // 阅读全文
posted @ 2020-01-08 17:10 suni1024 阅读(7157) 评论(0) 推荐(0)
Vue-router 路由切换
摘要：路由参数 params 与 query params 与 query 的区别 只是形式不一样 什么情况使用params，什么情况使用query？ query 查询类例如百度 ,不影响当前主要业务 首页=》 搜索 =》 列表页面 =》 详情页 首页 /index 首页 搜索 /index？secarh 阅读全文
posted @ 2020-01-08 17:04 suni1024 阅读(1385) 评论(0) 推荐(0)
vue-text-format 金钱格式化
摘要：API文档地址：https://www.npmjs.com/package/vue-text-format 安装 npm install vue-text-format 在入口文件引用插件main.js import Vue from 'vue' import format from 'vue-te 阅读全文
posted @ 2020-01-06 15:24 suni1024 阅读(2208) 评论(0) 推荐(0)
Lodash JS实用类库 数组操作 延时执行 功能强大
摘要：npm i -g npm npm i --save lodash import _ from 'lodash' 我这里 只用了 _.debounce(function(){},300) 300毫秒后，在执行函数方法。 // 函数延时执行，需要 npm 安装一下 // query 是输入的内容,don 阅读全文
posted @ 2020-01-06 15:19 suni1024 阅读(684) 评论(0) 推荐(0)
js-pinyin包实现城市按首字母排序
摘要：后台从接口请求回来的城市相关的数据只有城市名称，没有排序，铺页面的时候要排序就很麻烦； 面向百度编程时候找到了一个包，用它来将字符串转成拼音，就可以通过字符串截取取出拼音首字母，这样就可以进行首字母排序了。 这个包的名字叫js-pinyin。 npm i js-pinyin //安装拼音库 impo 阅读全文
posted @ 2020-01-06 15:12 suni1024 阅读(1795) 评论(0) 推荐(0)
filter() 与 map() ，数据过滤以及接口数据映射
摘要：list: pois.filter((item) => { return item.photos.length }).map((item) => { return { type: item.type, img: item.photos[0].url, name: item.name, price: 阅读全文
posted @ 2020-01-02 17:23 suni1024 阅读(1296) 评论(0) 推荐(0)
vue中'. native'修饰符的使用
摘要：官网的解释： 你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。 通俗点讲：就是在父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标签，不加'. native'事件是无法触 发的。 Item 组件 是引用的 vue文件，如果你不加.nat 阅读全文
posted @ 2020-01-02 17:11 suni1024 阅读(280) 评论(0) 推荐(0)
Vue全家桶+SSR+Koa2全栈开发美团网：分别实现价格最低、人气最高、评价最高排序
摘要：<template> <div class="m-products-list"> <dl> <dd v-for="item in nav" :key="item.name" :class="[item.name,item.active?'s-nav-active':'']" @click="Clic 阅读全文
posted @ 2020-01-02 15:32 suni1024 阅读(74) 评论(0) 推荐(0)