typeScript 中的数组类型定义

声明和初始化数组在 TypeScript 中声明和初始化数组也很简单,和声明数字类型和字符串类型的变量也差不多,只不过在指定数组类型时要在类型后面加上一个中括号 [] 语法格式 1const array_name: dataype[] = [val, val2]; 示例 声明一个 string 类型的数组 1const character: string[] = ["杨过&quo...

发布于 TS

vue3 ref() 响应式源码浅析

官方解释 ref 接收一个内部值并返回一个响应式且可变的ref对象。ref 对象具有指向内部值的单个property .value如果将对象分配为 ref 值,则通过 reactive 函数使该对象具有高度的响应式。 语法:const xxx = ref(initValue) ref() 返回一个包含响应式数据的引用对象 JS中操作数据需要加 xxx.value,模板中读取数据不需要加(内...

发布于 Vue3

vue3 响应式原理笔记

v2响应式原理 Object.defineProperty()方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。 对象:其核心是递归 object 的每一个属性,(这也是浪费性能的地方),给每个对象属性增加 getter 和 setter,当属性发生变化的时候会更新视图 缺点:defineProperty 只能检测到对象自带的属性,无法检测到对象属性的新增...

发布于 Vue3

typeScript typeof 操作符

js 表达式中的 typeof 用来返回一个变量的基本数据类型如 string、number、function、object 12345678910typeof 1; // numbertypeof true; // booleantypeof 'hello world'; // stringtypeof function () {}; // func...

发布于 TS

git 命令笔记

本地提交到服务器查看本地状态 1git status git add把文件添加进去,实际上就是把文件修改添加到暂存区 12git add . # 提交所有git add src/ # 提交src下的文件 git commit 提交更改,实际上就是把暂存区的所有内容提交到当前分支 1git commit -m "测试提交" git push把文件推送到远程库 1...

发布于 Git

eventLoop、promise 笔记

什么是宏任务与微任务JS是单线程,但是一些高耗时的操作就带来了进程阻塞的问题,为了解决这个问题,JS有两种任务的执行模式:同步模式(Synchronous)和异步模式(Asynchronous)。 在异步模式下,创建异步任务主要分为 宏任务(Macrotask) 和 微任务(Microtask) 两种。ES6规范中,宏任务被称为Task,微任务被称为Jobs。宏任务是由宿主(浏览器、Node...

发布于 JS

微信公众号获取用户 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...

发布于 JS

高德地图 轨迹巡航

本次场景需求是查询历史数据返回一组经纬度和相关数据在地图中使用轨迹巡航API巡航,期间的文本框每经过一个坐标其数值就会改变,文章末尾有demo文件,需要自取。 效果图 Data展开详情1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556...

发布于 Vue

高德地图 绘制折线功能

本 DEMO 使用高德最新JS API 2.0版本,使用 NPM 方式使用 Loader 安装1yarn add @amap/amap-jsapi-loader --save 加载高德地图123456789101112131415import AMapLoader from '@amap/amap-jsapi-loader';AMapLoader.load( ...

发布于 Vue