自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

转载 vue.config.js配置

module.exports = { // 基本路径 baseUrl: '/', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: true, // use...

2019-08-28 09:12:05

阅读数 8

评论数 0

转载 json对象从子级找最外层父级

let arrn=[ { "MENU_URL": "dashboard", "MENU_ID": "104a580029c54e139210b7e87dca6d89...

2019-08-08 10:03:40

阅读数 216

评论数 0

转载 js对象数组按照另一个数组排序

场景 下拉列表有4个选项 用户按照先后排序后保存 [2, 4, 1, 3] 保存完后,按照顺序进行排序 let options = [{ id: 1, name: '北京' }, { id...

2019-08-03 13:37:27

阅读数 326

评论数 0

原创 elementUI-table组件

当el-table元素中注入data对象数组后,在el-table-column中用prop属性来对应对象中的键名即可填入数据,用label属性来定义表格的列名。可以使用width属性来定义列宽。 stripe属性可以创建带斑马纹的表格。它接受一个Boolean,默认为false,设置为true即...

2019-07-30 18:24:28

阅读数 74

评论数 0

原创 Vue v2.4中新增的$attrs及$listeners属性

A 组件与 B 组件之间的通信: (父子组件) 如上图所示,A、B、C三个组件依次嵌套,按照 Vue 的开发习惯,父子组件通信可以通过以下方式实现: A to B 通过props的方式向子组件传递,B to A 通过在 B 组件中 $emit, A 组件中 v-on 的方式实现 通过设置全局Vu...

2019-07-24 15:57:38

阅读数 60

评论数 0

转载 VUE中的render函数

vue通过 template 来创建你的 HTML。但是,在特殊情况下,这种写死的模式无法满足需求,必须需要js的编程能力。此时,需要用render来创建HTML。 render方法的实质就是生成template模板; 通过调用一个方法来生成,而这个方法是通过render方法的参数传递给他的; 通...

2019-07-18 17:06:54

阅读数 51

评论数 0

转载 lodash方法记录

intersection _.intersection([arrays]) 创建一个包含所有使用 SameValueZero 进行等值比较后筛选的唯一值数组。 参数 [arrays] (…Array) 需要处理的数组队列 返回值 (Array) 返回数组中所有数组共享元素的新数组 取一些数组中的交...

2019-07-18 09:34:57

阅读数 11

评论数 0

转载 深入理解vue中的slot与slot-scope

插槽有一个简单的概念:插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示、以及怎样显示由父组件来决定。 实际上,一个slot最核心的两个问题这里就点出来了,是显示不显示和怎样显示。 由于插槽是一块模板,所以,对于任何一个组件,从模板种类的角度来分,其实都可以分为非插槽模板和插槽模板...

2019-07-17 17:36:08

阅读数 49

评论数 0

转载 async和await 处理异步函数

先说一下async的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。  原来async 函数返回的是一个promise 对象 async function timeOut() { ret...

2019-07-15 16:06:32

阅读数 51

评论数 0

转载 lodash中get方法

_.get(object, path, [defaultValue]) 参数 object (Object) 要检索的对象 path (Array|string) 要获取的对象路径 [defaultValue] (*) 如果解析值是 undefined,这值会被返回 实例: var ob...

2019-07-15 15:01:58

阅读数 817

评论数 0

转载 Typescript接口

TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。 interface LabelledValue { label: string; } ...

2019-07-12 15:11:15

阅读数 3

评论数 0

转载 vue-property-decorator使用指南

在Vue中使用TypeScript时,非常好用的一个库,使用装饰器来简化书写。 1、安装npm install --save vue-property-decorator @Component (from vue-class-component) @Prop @Model @Watch @Emit...

2019-07-11 18:26:53

阅读数 14

评论数 0

原创 VUE-源码分析

mvvm.js /* 相关于Vue的构造函数 */ function MVVM(options) { // 将选项对象保存到vm this.$options = options; // 将data对象保存到vm和data变量中 var data = this._data = th...

2019-06-16 20:40:29

阅读数 28

评论数 0

原创 原生JS实现拖拽

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2019-06-16 18:46:18

阅读数 42

评论数 0

原创 函数的防抖和节流

防抖和节流 在前端开发中有一部分的用户行为会频繁的触发事件执行,而对DOM操作,资源加载等耗费性能的处理,很卡能导致页面卡顿,甚至浏览器崩溃。函数的防抖和节流因此诞生。 防抖 函数防抖就是在函数需要频繁触发的情况时,只有足够的空闲时间,才执行一次、好像公交车司机会等所有人上车了之后再出站一样 运用...

2019-06-16 16:34:45

阅读数 63

评论数 0

原创 VUE-插件 vue-router vuex

什么是前端路由 什么是路由? 通俗的讲就是网址。 专业一点,就是每次GET或者POST等请求在服务器端有一个专门的正则配置列表,然后匹配到具体一条路径后, 分发到不同的Controller,进行各种操作,最终将html或者数据返回给前端,这就完成了一次IO。 目前绝大多数网站都是这种后端路由,也就...

2019-06-16 09:52:36

阅读数 21

评论数 0

原创 webpack基础

webpack解决了哪些问题? JavaScript,css代码的合并和压缩 CSS预处理,less、Sass、Stylus的预编译 生成雪碧图(CSS Sprite)压缩图片 ES6转ES5 模块化 …… 使用Gulp和webpack的区别? 经过Gulp合并压缩后的代码仍然是你写的代码,只...

2019-06-15 22:03:07

阅读数 10

评论数 0

原创 ES6

// 模板字符串 `${}` let str1 = 'hello'; let str2 = 'world'; let str = `${str1}String ${str2}`; console.log(str) //hell...

2019-06-15 12:49:35

阅读数 10

评论数 0

原创 JS学习-数组

// sort // 默认按asc码从小到大排列,可以往sort()里传函数 // 要求:1.必须写两个形参 // 2.看返回值 1) 当返回值为负数,那么前面的数放在前面 2) 返回值为正数,后面的数放在前面 // 3)为0 不动 // 比较顺序遵循冒泡...

2019-06-12 20:37:33

阅读数 18

评论数 0

原创 JS学习-练习题 call apply bind

function test() { }(1,2,3,4,5) //如果后面是() 会报错,但是往里传入参数后不会报错,因为JS会把()执行成运算符 输出最后一个参数 >> 因为逗号操作符 console.log((1,2,3,4,5,3)) // 3 会输出最后一个 fun...

2019-06-11 22:29:59

阅读数 30

评论数 0

原创 JS学习-原型 继承

继承 原型链的理解: 原型链就是 对象.–proto–.--proto-- 这种链式的调用。本质上是向js中公用属性组成的对象的一种访问。 圣杯模式 function inherit(Target,Origin) { //定义一个构造函数F 做一个中间层 function F...

2019-06-10 22:08:16

阅读数 18

评论数 0

原创 JS学习-对象,定时器

对象的增删改查 var mrDeng = { name : "MrDeng", age : 40, sex : "male", health : 100, smoke : function () { c...

2019-06-09 11:23:29

阅读数 73

评论数 0

原创 JS学习-闭包

闭包 当内部函数被保存到外部时,将会生成闭包。闭包会导致原有作用域链不释放,造成内存泄漏。(可以理解为内存被占用) 闭包的作用 实现公有变量 eg:函数累加器 可以做缓存(存储结构) eg:eater 可以实现封装,属性私有化 eg:Person() 模块化开发,防止污染全局变量 func...

2019-06-08 22:05:28

阅读数 23

评论数 0

原创 JS学习-作用域

作用域 [[scope]] : 每个JavaScript函数都是一个对象,对象中有些属性我们可以访问,但有些不可以,这些属性仅供JavaScript引擎存取,[[scope]]就是其中一个。他指的就是我们说的作用域,其中存储了运行期上下文的合集。(AO GO这些) 作用域链:[[scope]]中存...

2019-06-08 20:13:26

阅读数 22

评论数 0

原创 JS学习-函数 递归和预编译

函数的参数 可以通过arguments数组直接获取传过来的实参 var test = function (a,b,c) { for (let index = 0; index < arguments.length; index++) { const element = argum...

2019-06-08 11:37:21

阅读数 30

评论数 0

原创 JS学习-基础部分

条件语句,循环语句 tips:1.所有类型的值与字符串的值相加都会被转换成字符串 2.a++是先执行语句,再自增,++a是先自增再执行语句 3.字符串的比较大小,比较的是asc码 ...

2019-06-07 00:09:59

阅读数 33

评论数 0

原创 VUE学习手册

VUE学习手册 环境搭建 1.首先需要在node.js的官网下载安装node环境,安装完后,windows环境打开CMD,输入node -v查看环境是否安装完毕。 2.然后执行npm -v,npm是node的一个包管理工具,查看npm是否已经安装完毕。 3.下载vscode并下载相关插件,插件地址...

2019-06-06 23:39:27

阅读数 80

评论数 0

提示
确定要删除当前文章?
取消 删除