摘要：
写完代码一定要自测，每个场景都要测试到，加油吧，骚年...... 说话之前一定要考虑后果，版本问题一定要回答谨慎些，比如这个版本就是明天发版（头疼ing......）,一句话引发的血案 1.判断是否是微信浏览器 export function isWechat() { const ua = wind 阅读全文
摘要：
tip0: 调用用下面这两个钩子,收集依赖与触发依赖更新 // 依赖收集,用来调试用 onRenderTracked(e => { console.log(' onRenderTracked--', e) }) // 触发依赖,用来调试用 onRenderTriggered(e => { conso 阅读全文
摘要：
tip: 带着问题去理解响应式原理why,what,how 一. 响应式原理核心点是什么? ** 数据截持 ** ** 依赖收集 ** ** 派发更新 ** 二.vue2的响应式原理? vue3响应式原理?区别是什么? 1. 下面vue2是官网上的这图片 ** 通过 Object.definePro 阅读全文
摘要：
tip: 笔记主要内容 1. computed 两种用法 2. computed 原码 阅读全文
摘要：
tip1: 无响应式数据(控制台数据已经变化,但是页面无刷新),为什么要用ref和reactive <template> <div>认识Ref全家桶</div> <div>{{ message }}</div> <button @click="change">改变</button> </templa 阅读全文
摘要：
diff算法(虚拟dom会生成两个节点如c1,c2) 图1 vue3 diff算法原码地址: https://github.com/vuejs/core 1. diff 算法主要是说renderer.ts中patchChildren这段代码逻辑,如下: 2. diff算法排序分为无key时diff算 阅读全文
摘要：
window的话用nvm来管理node 一、安装n 终端运行 npm install n -g 命令 如果直接使用 npm install n -g 报错的话一定要在前面加一个 sudo 用管理员角色运行 安装完毕后使用 n 或者 n --version 查看 二、常用命令 安装或使用一个版本:n 阅读全文
摘要：
重要知识点总结: 除8是用的flex布局外,其他都是gird布局. 1. 超级居中place-items: center 首先指定 grid作为 display 方法，然后在同一个元素上写入 place-items: center。place-items 是同时设置 align-items 和 ju 阅读全文
摘要：
大文件怎样实现快速上传? 什么是大文件上传,简单思路是什么? 大文件快速上传的方案，相信你也有过了解，其实无非就是将 文件变小，也就是通过 压缩文件资源 或者 文件资源分块 后再上传。 本文只介绍资源分块上传的方式，并且会通过 前端（vue3 + vite） 和 服务端（nodejs + koa2） 阅读全文
摘要：
场景是需要做一个内网的后端，不能访问外网，所以需要本地引用element-ui和vue <!--引入 element-ui 的样式，--><link rel="stylesheet" type="text/css" href="./element.css"> <!-- 必须先引入vue， 后使用el 阅读全文
摘要：
前言: 安装React的方法如下: npm install -g create-react-app 全局安装react create-react-app 1 创建项目目录名称 cd 1 切换到项目目录下 npm start 启动react应用 1. Form Wave 效果如图所示: 源码 在线案例 阅读全文