weixin_42091569-CSDN博客

原创 Vue.config.optionMergeStrategies 详细

optionMergeStrategies: 合并策略接受一个属性<Function> 第一个参数是父实例,第二个为子实例,第三个为Vue的上下文比如我们设置 methods 的自定义合并策略 //mixin.js module.exports = { metholds:{ ....代码 } }//main.js new Vue({ el:'#app' meth...

2020-05-27 10:25:41 1775 1

原创 loadsh之concat源码解析

##作用:清除数组中的非真值const arr = [1,2,3],brr = [4], crr = 5,err = [[6]];const drr = _.concat(arr,brr,crr,err);console.log(drr) // [1,2,3,4,5,[6]]##源码:function concat() { var length = arguments.length; if (!length) { return []; } //这里把 argument

2021-01-27 15:59:20 103

原创 lodash之compact源码解析

##作用:清除数组中的非真值const arr = [1,null,'',undefined,false,0,NaN,2]console.log(_.compact(arr))//打印 [1, 2]##源码:function compact(array) { var index = -1, length = array == null ? 0 : array.length, resIndex = 0, result = []; while (++in

2021-01-27 14:54:46 79

原创 lodash之chunk源码解析

### 作用>对一个数组进行指定length的分隔```const arr = [1,2,3,4,5];_.chunk(arr,2); //[[1,2],[3,4],[5]];```>源码解析```//array 需要操作的数组分节长度为numberfunction chunk(array, size, guard) {//这些代码主要是处理可能存在的异常 if ((guard ? isIterateeCall(array, size, gua.

2021-01-27 13:57:30 241

原创 vue cli css 打包报错记录 calc(100% - NaNvw)

遇到奇特bug,记录一下因为要自适应浏览器大小,使用postcss-px-to-viewport 来进行转换vw在进行build 打包的时候,报错:Error: CSS minification error: Lexical error on line 1: Unrecognized text. Erroneous area:1: 100% - NaNvw^.........^. File: css/app.3e4e59d0.cssError: CSS minificati..

2020-10-29 19:10:59 1619

原创网络IO模型与node 不得不说的故事 (1) 阻塞IO

我现在看http相关的知识,看着看着不知道怎么就想起来node了,也不知道怎么就想起node的介绍:Node.js 在其标准库中提供了一组异步的 I/O 原生功能（用以防止 JavaScript 代码被阻塞），并且 Node.js 中的库通常是使用非阻塞的范式编写的（从而使阻塞行为成为例外而不是规范）。然后在思考什么是异步I/O 的时候,懵逼了.也是使用过node进行开发的人,竟然简介的第一句话都弄不清楚,我觉得是一种耻辱;为了洗清我的耻辱,我就学习了一下何为网络io模型,一下是我用自己的语言.

2020-07-18 13:31:54 172

原创 node 的Buffer 深入详解

水落石穿1: Buffer 为什么不用 require来引入; Buffer 是node的全局对象; 深入一下Buffer 的性能是由c++ 实现,非性能是有javaScript实现的; Buffer 的内存不是由V8引擎分配的,他在V8所在内存的外面;启动node的时候,会把Buffer 挂载在全局对象上(global);2: Buffer 的前世今生: Buffer 继承 UintArray 继承TypedArray l...

2020-07-01 11:54:20 553

原创写出健壮的js递归调用

这几天参加面试,有个关于递归的问题,之前学红皮书的手后,看过也写过代码,但是时间长了不用就会忘记,翻书肯定没有自己记住效率高;首先解释一下为什么这么写;//因为函数的本质是一个对象,fun是声明在栈内存中,其中保存一个地址,系统通过地址可以在堆中找到一个Function的对象;function fun(prop){ if(prop < 100){ return prop; }else{ fun(prop+1) }}let me

2020-06-30 19:57:02 84

原创 Avoid adding reactive properties to a Vue instance or its root $data at runtime - declar

大家好我是王超朋: 想更快更有效率的结局bug,那就必须迅速的定位问题,找出和原因,但是我们在使用第三方框架时,有是有的bug让人找不到眉目.最简单的办法,就是吧他们的源码阅读一遍.咋们看一下抛出该异常的代码块:/** vue.$set 函数 */function set (target , key, val) { // 在生产模式下,isPrimitive是不是基本类型, if (process.env.NODE_ENV !== 'production' &&.

2020-06-20 16:27:08 2987

原创 js 中 Set实现 vue源码

这没什么好说的,记录一下vue源码里面Set的定义,很简单;//检查当前环境下是否有Set类, 并且 Set.toString()=== 'native code'if (typeof Set !== 'undefined' && isNative(Set)) { _Set = Set;} else { // vue中js实现Set _Set = (function () { function Set () { this.set = Object.

2020-06-19 12:43:56 164

原创 vue 源码解析之test-passive事件

最近在学习vue的源码,最开始看的的是vue.esm.js 这个文件,前面的内容,让我收获颇丰,觉得vue作者的强大之处;这么说吧,里面的方法直接可以拿出来做工具类了; 但是看的这一段代码的时候,脑袋有点蒙:var supportsPassive = false;if (inBrowser) { try { var opts = {}; Object.defineProperty(opts, 'passive', ({ get: function get (...

2020-06-19 12:33:33 1166

原创 webStrom中node项目中typeScript文件的实体类属性,快速生成get,set方法.属性私有化,方法公开化

本人刚接触到的第一门开发语言是java,后来由于种种原因转为前段,但是后端的那团火还没有熄灭.后来转型后,才知道有一门叫做typescript的语言,初步了解后,觉得这个是趋势当然node是促使这一个结果的主要原因. 但是在写项目的时候,发现webStrom 竟然无法自动生成get set方法,这可不行,要是创建一个大一点的entity,那么还不得疯了! 所以我就想在java开发工具上生成get,set方法,右后ctri+v 到 ts代码中.但是他们方法修饰符不一样;饭后就找到...

2020-06-03 15:04:01 744

原创使用Vue.config.optionMergeStrategies 添加指定vue对象方法的拦截器

这是一次以为,刚开始想用这个实现装饰器的类似的想法,不知道怎么就街道这了.欢迎批判我的思路是这样的:现在有三个文件,a.vuemixin.js main.jsa混入mixin.js, mixin.js和a.vue中有同名方法 newMethod <Function>那么在a中调用newMethod方法的时候,会先执行mixin.js的同名方法;上代码理解好点:main.jsimport Vue from 'vue'import V...

2020-05-27 14:46:36 282

weixin_42091569的博客