摘要: ES6笔记整理 let与const let是变量,有块级作用域。const是常量。 const注意事项: 使用const不能为空,必须进行赋值 一旦const修饰的标识符被赋值后,就不能在更改 常量的定义是对象(也就是内存地址)不能修改,但对象内部的属性可以更改 如果内部的属性值也不希望改变,可以使 阅读全文
posted @ 2020-02-17 23:07 爱代码三千 阅读(226) 评论(0) 推荐(0) 编辑
摘要: axios网络请求 淘汰ajax,jquery ajax,选择axios axios名称的由来 个人理解 axios: ajax i/o system *号的意思是重要 请求方式 axios(config) //默认请求方式 axios.request(config) axios.get(url,) 阅读全文
posted @ 2020-02-17 18:55 爱代码三千 阅读(569) 评论(0) 推荐(0) 编辑
摘要: v-model双向绑定 v-model的用法 v-model是表单和数据的双向绑定 通俗讲也就是value和data的双向绑定 v-model的原理 v-model其实是一个语法糖,它的背后本质上是包含两个操作: v-bind绑定一个value属性 v-on指令给当前元素绑定input事件 等同于下 阅读全文
posted @ 2020-02-17 18:54 爱代码三千 阅读(1118) 评论(0) 推荐(0) 编辑
摘要: v-bind动态绑定 v-bind的基本用法 <img v-bind:src="vHref" alt=""> 动态绑定class(对象语法) 用法一 class以对象的形式绑定,当类名为true的时候class存在,为false时不存在 和普通的类同时存在,并不冲突,普通类可以作为必备class存在 阅读全文
posted @ 2020-02-17 18:53 爱代码三千 阅读(753) 评论(0) 推荐(0) 编辑
摘要: 前端模块化 为什么要用模块化,因为可以解决两个问题 变量命名冲突 代码复用 ES6中的导出export和导入import export导出的二种用法 普通导出:直接定义变量/函数/类/对象的时候前面就加exprot export {变量名1,变量名2} **default导出:**如果导入的时候我想 阅读全文
posted @ 2020-02-17 18:52 爱代码三千 阅读(176) 评论(0) 推荐(0) 编辑
摘要: vue router 路由 什么是前端渲染,什么是后端渲染 后端路由 由后端服务器html+css+java动态绑定数据并渲染好一个页面,直接发送到前端。 优点是有利于seo优化,缺点html和数据逻辑混在一起,难以维护 前后端分离 随着Ajax出现,后端只负责数据,前端去静态服务器请求html+c 阅读全文
posted @ 2020-02-17 18:51 爱代码三千 阅读(366) 评论(0) 推荐(0) 编辑
摘要: JS高阶函数-遍历方法 filter() filter方法检查数组,删除不匹配的元素,返回一个新数组 filter方法内部传入回调函数,回调函数要求必须传入数组的value const arr = [1,2,3,4]; let newArr = arr.filter(function(n){ ret 阅读全文
posted @ 2020-02-17 18:50 爱代码三千 阅读(528) 评论(0) 推荐(0) 编辑
摘要: VueX状态管理 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用 集中式存储管理 应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-tra 阅读全文
posted @ 2020-02-17 18:48 爱代码三千 阅读(262) 评论(0) 推荐(0) 编辑
摘要: Vue CLI的使用 安装Vue脚手架 //默认安装最新版本 npm install g @vue/cli //或者一起安装脚手架全局服务器 npm install g @vue/cli @vue/cli service global 注意:我这里安装的是Vue CLI 4.1.2的版本 如果需要按 阅读全文
posted @ 2020-02-17 18:47 爱代码三千 阅读(310) 评论(0) 推荐(0) 编辑
摘要: webpack3的使用 webpack中的代码都是以模块化来进行编写 和gulp的区别 gulp实现自动化压缩js,css,less代码等, webpack是把项目的js,css,less等文件打包成一个或多个,主要用于模块化方案 全局安装 npm install webpack@3.6.0 -g 阅读全文
posted @ 2020-02-17 18:14 爱代码三千 阅读(224) 评论(0) 推荐(0) 编辑
摘要: slot插槽的基本使用 类似电脑的usb,使用接口给电脑增加不同的功能,键盘/音响,而不是直接在组件里添加 介绍: 默认自定义标签内不允许添加内容,而插槽可以让我们在内部添加内容 封装方法: 抽取共性,保留不同。 使用方法: 直接在template中插入slot空标签,即可在自定义标签中插入内容,内 阅读全文
posted @ 2020-02-17 18:13 爱代码三千 阅读(3006) 评论(0) 推荐(0) 编辑
摘要: Vue组件化开发 步骤 Vue.extend创建组件构造器,并传入template自定义我们的模板 Vue.component注册组件,传入两个参数('注册组件的标签名',组件构造器) 必须挂载到Vue实例中使用组件标签 注意: 组件构造器必须在new Vue的前面创建,注册。不然无法使用 temp 阅读全文
posted @ 2020-02-17 18:12 爱代码三千 阅读(361) 评论(0) 推荐(0) 编辑
摘要: 事件总线 在非父子组件中是无法直接通信的。 在vue中除了vuex可以统一管理状态,还有另外一种方法叫事件总线 原理: 在vue原型中创建Vue实例,利用vue的事件总线进行发射接收 创建$bus Vue.prototype.$bus = new Vue() 发射事件 //参数可以省略 this.$ 阅读全文
posted @ 2020-02-17 18:11 爱代码三千 阅读(3451) 评论(0) 推荐(1) 编辑
摘要: 方法和函数的区别 面向对象的时候称为方法,面向流程的时候叫函数。 方法是作为一个对象实例的属性的函数 生命周期 生命周期:事务从诞生到消亡的整个过程 以下是生命周期函数,可以在某个周期做某件事 [ 'beforeCreate', 'created', //组件创建完成 'beforeMount', 阅读全文
posted @ 2020-02-17 18:10 爱代码三千 阅读(159) 评论(0) 推荐(0) 编辑