vue3 响应式原理笔记
v2响应式原理 Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。 对象：其核心是递归 object 的每一个属性，（这也是浪费性能的地方），给每个对象属性增加 getter 和 setter，当属性发生变化的时候会更新视图 缺点：defineProperty 只能检测到对象自带的属性，无法检测到对象属性的新增...
typeScript typeof 操作符
js 表达式中的 typeof 用来返回一个变量的基本数据类型如 string、number、function、object 12345678910typeof 1; // numbertypeof true; // booleantypeof 'hello world'; // stringtypeof function () {}; // func...
git 命令笔记
本地提交到服务器查看本地状态 1git status git add把文件添加进去，实际上就是把文件修改添加到暂存区 12git add . # 提交所有git add src/ # 提交src下的文件 git commit 提交更改，实际上就是把暂存区的所有内容提交到当前分支 1git commit -m "测试提交" git push把文件推送到远程库 1...
eventLoop、promise 笔记
什么是宏任务与微任务JS是单线程，但是一些高耗时的操作就带来了进程阻塞的问题，为了解决这个问题，JS有两种任务的执行模式：同步模式（Synchronous）和异步模式（Asynchronous）。 在异步模式下，创建异步任务主要分为 宏任务（Macrotask） 和 微任务(Microtask) 两种。ES6规范中，宏任务被称为Task，微任务被称为Jobs。宏任务是由宿主（浏览器、Node...
微信公众号获取用户 openid 及用户信息
本次开发主要是在公众号中访问服务器一个表单页面提交用户信息到后台。以下内容均来自于微信公众号官方文档，文档写的已经很详细了这里稍作记录，便于日后查阅微信公众号开发文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#2 大致流程如下 第一步：用户同...
js 随笔记录
获取当前日期的前后日期1234567891011121314/** * getAfterDateStr 获取当前日期 的 前后日期 * @param {number} i 正数为之后的日期 负数为之前的日期 0（不传）为当前日期 */export function getAfterDateStr(i = 0) { let date = new Date(); c...
高德地图 轨迹巡航
本次场景需求是查询历史数据返回一组经纬度和相关数据在地图中使用轨迹巡航API巡航，期间的文本框每经过一个坐标其数值就会改变，文章末尾有demo文件，需要自取。 效果图 Data展开详情1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556...
高德地图 绘制折线功能
本 DEMO 使用高德最新JS API 2.0版本，使用 NPM 方式使用 Loader 安装1yarn add @amap/amap-jsapi-loader --save 加载高德地图123456789101112131415import AMapLoader from '@amap/amap-jsapi-loader';AMapLoader.load(...
el-from 表单组件封装
缘由公司后台管理表单页过多，且大部分都是普通 input select 框，重复度过高，为了避免无用劳动则对 from 进行封装 BasicForm组件1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465...
el-form 表单校验规则封装
前言el-form 表单验证如果字段过多则需要写很多重复的语句显得非常冗余，如采用封装则只需对外暴露 vxRule() 方法即可，大大提高了开发效率，该工具类验证规则是可以自行拓展的，满足大部分开发需求 封装前：12345678910111213141516171819202122232425262728form_rules: { categoryId: [ { ...