vickylinj

2020年7月28日

摘要： 1.config/index.js文件开发环境：生产环境： 2.webpack.prod.conf.js文件注释掉的UglifyJsPlugin（或者terser-webpack-plugin）用于js打包、压缩、混淆 3.打包结果多一个map文件阅读全文

posted @ 2020-07-28 15:33 vickylinj 阅读(645) 评论(0) 推荐(0) 编辑

【移动端】Cordova开发App使用USB进行真机调试

摘要：第一步：参照https://www.cnblogs.com/vickylinj/p/13347168.html中将打包好的app安装到手机第二步：启动google浏览器的开发者工具，如果没有识别到设备，可能是usb链接问题或者是电脑识别手机的驱动问题参照：https://www.cnblogs. 阅读全文

posted @ 2020-07-28 15:14 vickylinj 阅读(337) 评论(0) 推荐(0) 编辑

2020年7月25日

【Vue源码】简单实现Vue的双向数据绑定：Object.defineProperty和Proxy

摘要：双向数据绑定无非就是，视图 => 数据，数据 => 视图的更新过程以下的方案中的实现思路：定义一个Vue的构造函数并初始化这个函数(myVue.prototype._init) 实现数据层的更新：数据劫持，定义一个 obverse 函数重写data的set和get(myVue.prototype 阅读全文

posted @ 2020-07-25 20:03 vickylinj 阅读(303) 评论(0) 推荐(0) 编辑

【Vue源码】Object.defineProperty与Proxy

摘要： Object.defineProperty() 和 ES2015 中新增的 Proxy 对象,会经常用来做数据劫持. 数据劫持: 在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果.数据劫持最典型的应用双向的数据绑定(一个常用的面试题), Vue 2.x 利用阅读全文

posted @ 2020-07-25 13:55 vickylinj 阅读(588) 评论(0) 推荐(0) 编辑

【Vue】vuejs中拖动改变元素宽度实现宽度自适应大小

摘要：需求：原理：拖动效果的实现基本都是dom操作来实现的，通过拖动分隔线，计算分隔线与浏览器边框的距离(left)，来实现拖动之后的不同宽度的计算；当拖动分隔线1时，计算元素框left和mid；当拖动分隔线2时，计算元素框mid和right；同时设置元素框最小值以防止元素框拖没了（其实是被遮住了）。阅读全文

posted @ 2020-07-25 13:31 vickylinj 阅读(1414) 评论(0) 推荐(0) 编辑

【Vue】父组件监听到子组件的生命周期

摘要：比如有父组件 Parent 和子组件 Child，如果父组件监听到子组件挂载 mounted 就做一些逻辑处理，可以通过以下写法实现： // Parent.vue <Child @mounted="doSomething"/> // Child.vue mounted() { this.$emit( 阅读全文

posted @ 2020-07-25 13:24 vickylinj 阅读(1058) 评论(0) 推荐(0) 编辑

【Vue】组件通信之$attrs、$listeners

摘要：前言 vue通信手段有很多种，props/emit、vuex、event bus、provide/inject 等。还有一种通信方式，那就是 $attrs 和 $listeners，之前早就听说这两个api，趁着有空来补补。这种方式挺优雅，使用起来也不赖。下面例子都会通过父、子、孙子，三者的关系来说阅读全文

posted @ 2020-07-25 13:16 vickylinj 阅读(12819) 评论(2) 推荐(16) 编辑

2020年7月24日

CSS 子绝(position：absolute;)父相(position：relative)

摘要：首先你必须知道的是：top、right、bottom、left这四个属性要生效的话,必须得设置相对定位/绝对定位，即position：relative;或者position：absolute;，也就是说top、right、bottom、left是为相对定位/绝对定位而生的。子绝父相就是：子元素为绝阅读全文

posted @ 2020-07-24 20:49 vickylinj 阅读(8745) 评论(0) 推荐(2) 编辑

JS中的offsetWidth/offsetHeight/offsetTop/offsetLeft、clientWidth/clientHeight/clientTop/clientLeft、scrollWidth/scrollHeight/scrollTop/scrollLeft

摘要：这是一组非常容易弄混的参数，都是描述某个盒子元素的宽度、高度以及上或左的距离偏移量。 1. offsetWidth / offsetHeight（不包括外边距） offsetWidth：返回元素的宽度（content+padding+border）offsetHeight：返回元素的高度（conte 阅读全文

posted @ 2020-07-24 20:37 vickylinj 阅读(260) 评论(0) 推荐(0) 编辑

2020年7月23日

【Vue】provide/inject实现组件通信及响应式数据更新

摘要：一、provide/inject实现组件通信 provide 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。 inject 选项应该是：一个字符串数组，或一个对象 provide/inject是Vue.js2.2.0版本后新增的API： provide：Object | () 阅读全文

posted @ 2020-07-23 21:06 vickylinj 阅读(7975) 评论(3) 推荐(6) 编辑

笔记而已

公告