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-form 表单校验规则封装
前言el-form 表单验证如果字段过多则需要写很多重复的语句显得非常冗余，如采用封装则只需对外暴露 vxRule() 方法即可，大大提高了开发效率，该工具类验证规则是可以自行拓展的，满足大部分开发需求 封装前：12345678910111213141516171819202122232425262728form_rules: { categoryId: [ { ...
el-form 表单组件封装
缘由公司后台管理表单页过多，且大部分都是普通 input select 框，重复度过高，为了避免无用劳动则对 form 进行封装 BasicForm组件1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465...
在 vue 项目中使用 iconSvg
以前我的项目 Icon 都是使用 iconfont 来下载 SVG，然后在项目中使用这些 SVG 12345<img :scr=svgLogo />...<script>import svgLogo from '@/assets/svg/handsome.svg'</script> 代码现场手打，复制绝对报错。你想想每使用一个 svg...
我的青春恋爱物语果然有问题14卷 大老师/雪之下虫乃告白片段翻译
关于 雪之下虫乃第一卷雪乃：“总会有喜欢比企谷君的昆虫出现吧”第十四卷雪乃：“我喜欢你哟，比企谷君～”第三卷大老师：“我就是死也不会跟这家伙交往的”第十四卷大老师：“她真的好可爱啊啊啊” 重重叹了口气后，我冲走在半个身位之前的雪之下搭话。“……对不起，把你卷进来了。”“……这也没办法不是吗。”挤出模棱两可的回应后，雪之下并没有把脸转向这边，而是用低沉的语调冷淡地继续了下去。“那种情况不可...
鼠标拾取x y坐标绘制线功能记录
项目需求最近项目上有个需求是点击弹窗显示一张地图（图片），用户可以在地图上点击拾取当前坐标的 x y 并绘制成线，以达到在地图上做标注的功能，直接使用地图框架显得太重，于是要求手写一个 svg 画线功能，并将点击的 x y 坐标提交到后台用以回显 开始好在百度了一篇有个画线功能的 demo ,不过这个 demo 是 js 写的，还要改成 Vue 写法 第一版完全按照 demo 逻辑书写的，...