07 2020 档案
摘要：nvm用来控制nodejs版本，在同时维护老项目和开发新项目的时候很方便 nvm官网：https://github.com/coreybutler/nvm-windows mac安装：curl -o- https://raw.githubusercontent.com/creationix/nvm/
阅读全文
摘要：函数式编程有2个最基本的运算：合成（compose）和柯里化（currying） 合成：如果一个值要经过多个函数才能编程另一个值，那么我们可以把中间的步骤合并成一个函数，这个叫做函数的合成 函数的合成我们采用es6的reduce方法，先举一个小例子说明reduce的特性 const arr = [1
阅读全文
摘要：1 redux的安装 redux并不只能用于react，但是如果在react中使用，最好下载react-redux npm install --save redux npm install --save react-redux npm install --save-dev redux-devtool
阅读全文
摘要：react： react：https://reactjs.bootcss.com/ redux：https://www.redux.org.cn/ vue: vue:https://cn.vuejs.org/ vue-cli：https://cli.vuejs.org/zh/ vant：https:
阅读全文
摘要：我们在h5开发的过程中，内容可能是根据后台返回数据动态渲染出来的，但是，这样会造成跳屏，体验不好，一些应用中采用了骨架屏的设计，例如今日头条。在没有数据的时候使用骨架屏占位，今天咱们写一个vue骨架屏的插件。 写插件要采用api倒推的思想，想要用户怎么引入，怎么调用，根据用户的使用倒推写法。 首先我
阅读全文
摘要：<div id="app"> <div class="addbar"> <input type="text" v-model="inputVal"><button @click="addVal">添加</button> </div> <div>共有:{{data.length}}条数据</div>
阅读全文
摘要：录屏实现方案：rrweb.js 官方文档：https://github.com/rrweb-io/rrweb 截屏实现方案：html2canvas.js 官方文档：http://html2canvas.hertzen.com/ rrweb录屏实现的原理是记录dom的变化，播放的时候重新执行dom操作
阅读全文
摘要：首先什么是ssr？不是玩游戏抽的ssr卡牌，而是server side render 服务端渲染 什么是客户端渲染？就是在浏览器渲染dom结构和数据 什么是服务端渲染？就是在服务端把dom结构渲染好，把想要展示的数据都插入想展示的地方，将资源一次性梭哈给浏览器 下面用两个图说明一下传统的vue sp
阅读全文
摘要：1. Array.forEach 循环 let arr = [1,2,3,4,5] arr.forEach(item=>{ console.log(item) }) 1 2 3 4 5 2.Array.map 遍历并生成新的数组 map方法不改变源数据，需要用变量接收，注意return的每一个值是新
阅读全文
摘要：async和await是es7提供的语法，相比于es6的promise ，具有更高的代码可读性 从字面意思理解async是异步的意思，await是等待的意思，那么他们的作用就很容易看出了： async ： 声明一个函数是异步的 await ： 等待一个异步函数执行完成 语法注意：await必须声明在
阅读全文
摘要：编写一个lvue.js，实现mvvm ，感兴趣的同学可以把代码拷贝到本地看一下实现思路 1 html部分（测试用） <!-- * @Author: your name * @Date: 2020-07-05 22:21:34 * @LastEditTime: 2020-07-07 00:26:35
阅读全文
摘要：用简单代码模拟vue数据监听原理 // 核心数据响应式方法 function defineReactive(obj,key,val){ // val可能还是个对象，需要递归一下 objserve(val) Object.defineProperty(obj,key,{ get(){ return v
阅读全文
摘要：重制macbook音频 sudo killall coreaudiod
阅读全文
摘要：$bus 思路是在全局挂载一个实例，通过这个实例里的事件派发和事件监听实现跨组件通信，设计模式叫做观察者模式。 使用场景：跨多层级组件传参，不顺路要坐bus。 第一步 创建一个$bus对象 （main.js） class Bus { constructor(){ this.callbacks = {
阅读全文
浙公网安备 33010602011771号