- 博客(28)
- 收藏
- 关注
RSS订阅原创 leetcode高频题精选
两数之和/* 给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那两个整数，并返回他们的数组下标。 你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。 给定 nums = [2, 7, 11, 15], target = 9 因为 nums[0] + nums[1] = 2 + 7 = 9 所以返回 [0, 1]*/export function twoNumberAdd(nums: number[], target: n
2020-06-18 10:51:37
213
转载 vue.config.js配置
module.exports = { // 基本路径 baseUrl: '/', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: true, // use the full build with in-browser compiler? // https://vuejs.org/v2/guid...
2019-08-28 09:12:05
141
转载 json对象从子级找最外层父级
let arrn=[ { "MENU_URL": "dashboard", "MENU_ID": "104a580029c54e139210b7e87dca6d89", "MENU_NAME": "监控面板" }, { "MENU_URL": "syste...
2019-08-08 10:03:40
2420
转载 js对象数组按照另一个数组排序
场景下拉列表有4个选项用户按照先后排序后保存[2, 4, 1, 3]保存完后，按照顺序进行排序 let options = [{ id: 1, name: '北京' }, { id: 2, name: '上海' }, { id: 3, ...
2019-08-03 13:37:27
4462
原创 elementUI-table组件
当el-table元素中注入data对象数组后，在el-table-column中用prop属性来对应对象中的键名即可填入数据，用label属性来定义表格的列名。可以使用width属性来定义列宽。stripe属性可以创建带斑马纹的表格。它接受一个Boolean，默认为false，设置为true即为启用。默认情况下，Table 组件是不具有竖直方向的边框的，如果需要，可以使用border属性，...
2019-07-30 18:24:28
1390
原创 Vue v2.4中新增的$attrs及$listeners属性
A 组件与 B 组件之间的通信： （父子组件）如上图所示，A、B、C三个组件依次嵌套，按照 Vue 的开发习惯，父子组件通信可以通过以下方式实现：A to B 通过props的方式向子组件传递，B to A 通过在 B 组件中 $emit, A 组件中 v-on 的方式实现通过设置全局Vuex共享状态，通过 computed 计算属性和 commit mutation的方式实现数据的获取...
2019-07-24 15:57:38
869
转载 VUE中的render函数
vue通过 template 来创建你的 HTML。但是，在特殊情况下，这种写死的模式无法满足需求，必须需要js的编程能力。此时，需要用render来创建HTML。render方法的实质就是生成template模板；通过调用一个方法来生成，而这个方法是通过render方法的参数传递给他的；通过这三个参数，可以生成一个完整的模板官网实例//未使用render函数Vue.component...
2019-07-18 17:06:54
190
转载 lodash方法记录
intersection_.intersection([arrays])创建一个包含所有使用 SameValueZero 进行等值比较后筛选的唯一值数组。参数[arrays] (…Array)需要处理的数组队列返回值 (Array)返回数组中所有数组共享元素的新数组取一些数组中的交集_.intersection([2, 1], [4, 2], [1, 2]);// => ...
2019-07-18 09:34:57
131
转载 深入理解vue中的slot与slot-scope
插槽有一个简单的概念：插槽，也就是slot，是组件的一块HTML模板，这块模板显示不显示、以及怎样显示由父组件来决定。 实际上，一个slot最核心的两个问题这里就点出来了，是显示不显示和怎样显示。由于插槽是一块模板，所以，对于任何一个组件，从模板种类的角度来分，其实都可以分为非插槽模板和插槽模板两大类。非插槽模板指的是html模板，指的是‘div、span、ul、table’这些，非插槽模板的...
2019-07-17 17:36:08
172
转载 async和await 处理异步函数
先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。 原来async 函数返回的是一个promise 对象async function timeOut() { return 'hello world' } // console.log(timeOut(...
2019-07-15 16:06:32
471
转载 lodash中get方法
_.get(object, path, [defaultValue])参数object (Object) 要检索的对象path (Array|string) 要获取的对象路径[defaultValue] (*) 如果解析值是 undefined，这值会被返回实例：var object = { 'a': [{ 'b': { 'c': 3 } }] };_.get(objec...
2019-07-15 15:01:58
9814
转载 Typescript接口
TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。interface LabelledValue { label: string;}function printLabel(labelledObj: LabelledValue) {...
2019-07-12 15:11:15
103
转载 vue-property-decorator使用指南
在Vue中使用TypeScript时，非常好用的一个库，使用装饰器来简化书写。1、安装npm install --save vue-property-decorator@Component (from vue-class-component)@Prop@Model@Watch@Emit@Inject@ProvideMixins (the helper function named...
2019-07-11 18:26:53
980
原创 VUE-源码分析
mvvm.js/*相关于Vue的构造函数 */function MVVM(options) { // 将选项对象保存到vm this.$options = options; // 将data对象保存到vm和data变量中 var data = this._data = this.$options.data; //将vm保存在me变量中 var me = this;...
2019-06-16 20:40:29
117
原创 原生JS实现拖拽
<!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-16 18:46:18
186
原创 函数的防抖和节流
防抖和节流在前端开发中有一部分的用户行为会频繁的触发事件执行，而对DOM操作，资源加载等耗费性能的处理，很卡能导致页面卡顿，甚至浏览器崩溃。函数的防抖和节流因此诞生。防抖函数防抖就是在函数需要频繁触发的情况时，只有足够的空闲时间，才执行一次、好像公交车司机会等所有人上车了之后再出站一样运用场景：实时搜素和拖拽// 函数的防抖 var oInp = document.getElem...
2019-06-16 16:34:45
418
原创 VUE-插件 vue-router vuex
什么是前端路由什么是路由？通俗的讲就是网址。专业一点，就是每次GET或者POST等请求在服务器端有一个专门的正则配置列表，然后匹配到具体一条路径后，分发到不同的Controller，进行各种操作，最终将html或者数据返回给前端，这就完成了一次IO。目前绝大多数网站都是这种后端路由，也就是多页面的，这样的好处有很多。比如页面可以在服务器端渲染好了直接放回给浏览器，不用等待前端加载js和...
2019-06-16 09:52:36
195
原创 webpack基础
webpack解决了哪些问题？JavaScript，css代码的合并和压缩CSS预处理，less、Sass、Stylus的预编译生成雪碧图(CSS Sprite)压缩图片ES6转ES5模块化……使用Gulp和webpack的区别？经过Gulp合并压缩后的代码仍然是你写的代码，只是局部变量名被替换，一些语法做了转换而已，整理内容并没有发生变化。但是经过webpack打包后的代码...
2019-06-15 22:03:07
96
原创 ES6
// 模板字符串 `${}` let str1 = 'hello'; let str2 = 'world'; let str = `${str1}String ${str2}`; console.log(str) //helloString world // 对象解构 let obj = { name: "ldd", ...
2019-06-15 12:49:35
94
原创 JS学习-数组
// sort // 默认按asc码从小到大排列，可以往sort()里传函数 // 要求：1.必须写两个形参 // 2.看返回值 1) 当返回值为负数，那么前面的数放在前面 2) 返回值为正数，后面的数放在前面 // 3)为0 不动 // 比较顺序遵循冒泡排序 var arr = [2,20,10,13,48,14,6]; arr.sort...
2019-06-12 20:37:33
102
原创 JS学习-练习题 call apply bind
function test() { }(1,2,3,4,5)//如果后面是() 会报错，但是往里传入参数后不会报错，因为JS会把()执行成运算符 输出最后一个参数 >> 因为逗号操作符console.log((1,2,3,4,5,3)) // 3 会输出最后一个function foo() { bar.apply(null,arguments); // 不改...
2019-06-11 22:29:59
466
原创 JS学习-原型 继承
继承原型链的理解：原型链就是 对象.–proto–.--proto-- 这种链式的调用。本质上是向js中公用属性组成的对象的一种访问。圣杯模式function inherit(Target,Origin) { //定义一个构造函数F 做一个中间层 function F() {} // F和origin公用一个原型 F.prototype = Origi...
2019-06-10 22:08:16
96
原创 JS学习-对象，定时器
对象的增删改查var mrDeng = { name : "MrDeng", age : 40, sex : "male", health : 100, smoke : function () { console.log('i am smoking!cool !!') this.health --; cons...
2019-06-09 11:23:29
250
原创 JS学习-闭包
闭包当内部函数被保存到外部时，将会生成闭包。闭包会导致原有作用域链不释放，造成内存泄漏。（可以理解为内存被占用）闭包的作用实现公有变量 eg：函数累加器可以做缓存（存储结构） eg：eater可以实现封装，属性私有化 eg:Person()模块化开发，防止污染全局变量function eater() { var food = ""; var obj = { ...
2019-06-08 22:05:28
83
原创 JS学习-作用域
作用域[[scope]] ： 每个JavaScript函数都是一个对象，对象中有些属性我们可以访问，但有些不可以，这些属性仅供JavaScript引擎存取，[[scope]]就是其中一个。他指的就是我们说的作用域，其中存储了运行期上下文的合集。（AO GO这些）作用域链：[[scope]]中存储的执行期上下文对象的集合，这个集合呈链式链接，我们把这种链式链接叫做作用域。//每个对象都有属性和...
2019-06-08 20:13:26
93
原创 JS学习-函数 递归和预编译
函数的参数可以通过arguments数组直接获取传过来的实参var test = function (a,b,c) {for (let index = 0; index < arguments.length; index++) { const element = arguments[index]; console.log(element) }}test(...
2019-06-08 11:37:21
143
原创 JS学习-基础部分
条件语句，循环语句tips：1.所有类型的值与字符串的值相加都会被转换成字符串2.a++是先执行语句，再自增，++a是先自增再执行语句3.字符串的比较大小，比较的是asc码...
2019-06-07 00:09:59
119
原创 VUE学习手册
VUE学习手册环境搭建1.首先需要在node.js的官网下载安装node环境，安装完后，windows环境打开CMD，输入node -v查看环境是否安装完毕。2.然后执行npm -v，npm是node的一个包管理工具，查看npm是否已经安装完毕。3.下载vscode并下载相关插件，插件地址参考https://blog.csdn.net/Joe0217/article/details/809...
2019-06-06 23:39:27
777
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人