qq_47443027的博客

今天想安装koa试了半天也没成功，报错说：npm警告已弃用mkdirp@0.5.1：不再支持mkdirp的旧版本。请更新到mkdirp 1.x很烦，百度也搜不到怎么解决，就瞎折腾，更新npm，卸载了在安装之类的。还是不行！！！ 然后我就放弃了，转头去写vue，运行npm run serve时，命令后直接给我跳出个打开文件窗口，给我整很烦，以为我前面的瞎折腾搞崩了。我就百度了如何卸载node，又重新安装还是不行。 后来还是百度了，居然找到了和我一样遭遇的，接下来放解决方案...

我们可以总结下组件通信的几大方法：一、props属性传递数据二、$emit、@on，事件触发与事件监听三、状态管理 vuex，或者 Vue.observale()进行状态管理四、ref引用获取组件实例五、$parent、$children，获取当前组件的父组件、子组件六、通过 provide / inject 来实现共享数据　　我们主要看下 provide 和 inject 方式。先可以看官网描述：provide / inject　　provider/inject：简

一、瀑布流　　瀑布流布局有一个专业的英文名称Masonry Layouts。瀑布流布局已经有好多年的历史了，我最早知道这个名词的时候大约是在2012年，当时Pinterest网站的布局就是使用的这种流式布局，简言之像Pinterest网站这样的布局就称之为瀑布流布局，也有人称之为Pinterest 布局。　　瀑布流又称瀑布流式布局，是比较流行的一种网站页面布局方式。即多行等宽元素排列，后面的元素依次添加到其后，等宽不等高，根据图片原比例缩放直至宽度达到我们的要求，依次按照规则放入指定位置。　　瀑

uni-app框架转眼已经发布了一年多，使用uni-app的开发者也是与日俱增。因为uni-app是一个跨端框架，所以我们大多使用它就是为了同时一套代码跨多端，选择uni-app 可以算是眼下一个比较好的选择。无疑，uni-app是一个冉冉升起的新星，同样带给我们的一个问题就是与之配套的 UI 组件库却没有那么多的选择。而我们开发应用，组件库又是一个不可或缺的辅助开发的利器。那么有没有一个好用，且性能又比较不错的组件库供我们在uni-app中使用呢？1组件库选择首先一个问题就是UI组件库

前提：HbuilderX，node环境，创建uni项目将下载好的文件拖到项目中安装：　　1.npm install uview-ui　　2.uview依赖scss　　　　npm i node-sass -d　　　　npm i sass-loader -d配置：　　1.main.js　　　　import uView from "uview-ui";　　　　Vue.use(uView);　　2.uni.scss　　　　@import 'uview..

其实是一个很简单的东西，认真看十分钟就从一脸懵B 到完全 理解！先看明白下面：例 1obj.objAge; // 17obj.myFun() // 小张年龄 undefined例 2shows() // 盲僧　比较一下这两者 this 的差别，第一个打印里面的 this 指向 obj，第二个全局声明的 shows() 函数 this 是 window ；1，call()、apply()、bind() 都是用来重定义 this 这个对象的！如：ob

js中的原型毫无疑问一个难点，学习如果不深入很容易就晕了！任何一个js知识点，比如事件流，闭包，继承等，都有许许多多的说法，对于这些知识点我们都应该先熟练的使用，然后自己整理一套属于自己的理解说辞，才不会忘原型（对象属性）Javascript规定，每一个函数都有一个prototype对象属性，指向另一个对象（原型链上面的）。prototype(对象属性)的所有属性和方法，都会被构造函数的实例继承。这意味着，我们可以把那些不变(公用)的属性和方法，直接定义在prototype对象属性上。pr

什么叫懒加载通俗讲 : 懒加载就是延时加载，即当需要用到的时候再去加载。那什么叫做需要用到的时候？比如一个图片在没有出现在可视区域内，就已经加载当页面里了, 但只有滚动页面下方式才能看见, 则可以认为这个图片加载的"过早"了。懒加载的优点可以减少首页首次加载的数量，减少服务器的压力 当网络请求比较慢的时候, 提前给这张图片添加一个像素比较低的占位图片，不至于堆叠在一块，或显示大片空白，让用户体验更好一点。为什么使用懒加载可以想象一个网页打开有成百上千的图片需要加载，页面会变得非常

一、用对选择器　　在jQuery中，你可以用多种选择器，选择同一个网页元素。每种选择器的性能是不一样的，你应该了解它们的性能差异。（1）最快的选择器：id选择器和元素标签选择器　　举例来说，下面的语句性能最佳：$('#id')$('form')　　遇到这些选择器的时候，jQuery内部会自动调用浏览器的原生方法（比如getElementById()），所以它们的执行速度快。（2）较慢的选择器：class选择器　　$('.className')的性能，取决于不同的浏览器。Fir

目前，互联网上最好的jQuery入门教材，是Rebecca Murphey写的《jQuery基础》（jQuery Fundamentals）。这本书虽然是入门教材，但也足足有100多页。我对它做了一个详细的笔记，试图理清jQuery的设计思想，找出学习的脉络。我的目标是全面掌握jQuery，遇到问题的时候，心里有底，基本知道使用它的哪一个功能，然后可以迅速从手册中找到具体的写法。一、选择网页元素　　jQuery的基本设计思想和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他

Ⅰ-ES6小知识点:连续赋值解构+重命名 let obj = {a:{b:1}} const {a} = obj; //传统解构赋值 const {a:{b}} = obj; //连续解构赋值 const {a:{b:value}} = obj; //连续解构赋值+重命名Ⅱ-多个连续箭头函数-高阶箭头函数、柯里化1、高阶函数 所谓高阶函数，就是一个函数就可以接收另一个函数作为参数，或者是返回一个函数-->常见的高阶函数有map、reduc...

该笔记是本人整理的面向实习生面试基础知识笔记(本人遇到的或者是面试过程、学习过程觉得会问的),进行分享,有需要的小伙伴应该可以得到帮助本人笔记地址分享:全部笔记、前端学习笔记、数据结构与算法学习笔记、LeetCode笔记整理时间:2020/10#目录#目录1.作用域2.函数封装(例子:字符串拼接)3.冒泡排序4.数组反转5.语义化标签6.h5新特性(标签)7.闭包8.去重9.flex10.rem布局11.this指向12.清除浮动13.VUE生命周期以及特点14.Promise15.块.

最近面试被问到这个问题，还是感叹自己是个小白啊。 面试官问我target和currentTarget的区别。本文大多出自于一个掘金博主的文章点击打开链接target在事件流的冒泡阶段；currentTarget在事件流的捕获，冒泡阶段。只有当事件流处在冒泡阶段的时候，两个的指向才是一样的， 而当处于捕获和冒泡阶段的时候，target指向被单击的对象currentTarget指向当前事件活动的对象（一般为父级）。事件的冒泡和捕获通过两张图来了解一下吧事件捕获

JS写斐波那契数列的几种方法　　斐波那契数，指的是这样一个数列：1、1、2、3、5、8、13、21、……在数学上，斐波那契数列以如下被以递归的方法定义：F0=0，F1=1，Fn=Fn-1+Fn-2（n>=2，n∈N*），用文字来说，就是斐波那契数列由 0 和 1 开始，之后的斐波那契数列系数就由之前的两数相加。　　　　常用的计算斐波那契数列的方法分为两大类：递归和循环。递归方法一：普通递归　　代码优美逻辑清晰。但是有重复计算的问题，如：当n为5的时候要计算fibonacci(4)

JavaScript 中的相等性判断ES2015中有四种相等算法：抽象（非严格）相等比较 (==) 严格相等比较 (===): 用于Array.prototype.indexOf,Array.prototype.lastIndexOf,和case-matching 同值零: 用于%TypedArray%和ArrayBuffer构造函数、以及Map和Set操作, 并将用于 ES2016/ES7 中的String.prototype.includes 同值: 用于所有其他地...

浅拷贝：只遍历一层，如果存在数组成员是对象，[{name:'jack'}],不会对对象里的值进行遍历拷贝。其实根据浅拷贝的方法不同，也有不同的效果。1. 其中最弱的浅拷贝为直接赋值let arr2 = arr1;是直接将整个arr1数组的地址赋给arr2，故arr2的任意值(为什么说任意值呢？因为后面会介绍到，有些浅拷贝，可以使部分值看上去有深拷贝的效果)改变，都会影响到arr1。2. 接下来介绍的四种浅拷贝方法就厉害一些了，它们在有些情况（原数组里的数据不包含引用类型）下也能达到深拷

数组的浅拷贝　　如果是数组，我们可以利用数组的一些方法比如：slice、concat 返回一个新数组的特性来实现拷贝。比如：var arr = ['old', 1, true, null, undefined];var new_arr = arr.concat();new_arr[0] = 'new';console.log(arr) // ["old", 1, true, null, undefined]console.log(new_arr) // ["new", 1, true, n

Object的hasOwnProperty()方法返回一个布尔值，判断对象是否包含特定的自身（非继承）属性。判断自身属性是否存在var o = new Object();o.prop = 'exists';function changeO() { o.newprop = o.prop; delete o.prop;}o.hasOwnProperty('prop'); // truechangeO();o.hasOwnProperty('prop'); // false