- 博客(26)
- 收藏
- 关注
RSS订阅原创 事件循环（Event Loop）
根据 W3C 官⽅的解释，每个任务有不同的类型，同类型的任务必须在同⼀个队列，不同的任务可以属于不同的队列。不同任务队列有不同的优先级， 在⼀次事件循环中，由浏览器⾃⾏决定取哪⼀个队列的任务。但浏览器必须有⼀个微队列，微队列的任务⼀定具有最⾼的优先级，必须优先调度执⾏。具体做法是当某些任务发⽣时，⽐如计时器、⽹络、事件监听，主线程将任务交给其他线程去处理，⾃身⽴即结束任务的执⾏，转⽽执⾏后续代码。这样⼀来，⼀⽅⾯会导致繁忙的主线程⽩⽩的消耗时间，另⼀⽅⾯导致⻚⾯⽆法及时更新，给⽤户造成卡死现象。
2023-06-12 15:22:33
180
原创 js延迟加载
将 defer 属性添加到 <script> 标签中，可以告诉浏览器延迟执行脚本，直到文档解析完成。这意味着脚本将在 DOMContentLoaded 事件之前执行，但在 load 事件之后执行。
2023-04-10 11:24:36
515
原创 vscode 插件开发 (选择内容掉swagger接口生成对应的注释)
注：谷歌浏览器图片看不见的，可以用火狐或者其他浏览打开看看。比如 建立一个 summary.ts。
2023-03-20 17:07:39
815
原创 Pinia 状态管理的数据持久化 （pinia-plugin-persistedstate）
Pinia 状态管理的数据持久化 推荐使用（pinia-plugin-persistedstate） pinia-plugin-persist也可以，但是有一些bug 。
2022-12-19 15:53:43
8244
3
原创 vue3+antd 使用 form-create 的 生成自定义表单组件 （树形下拉框）
vue3+antd 使用 form-create 的 生成自定义表单组件 （树形下拉框）
2022-07-14 16:59:00
2401
原创 H5页面在ios的浏览器上使用 高德地图 报当前定位失败Geolocation permission denied 或者 偶尔报AMap没有找到的
H5页面在ios的浏览器上使用 高德地图 报当前定位失败Geolocation permission denied 或者 偶尔报AMap没有找到的
2022-06-09 15:01:06
12518
2
原创 document.getElementsByClassName(“iframe-top“) 获取为undefined或为空数组 ，拿不到想要的元素
1.如图所示：2.HTML 举例代码：<div v-for="(item, index) in categoryList" :key="index"> <div class="iframe-top"> {{ item }} </div></div>当你在不同生命周期里打印console.log("iframe-top", document.getElementsByClassName("if.
2022-04-14 09:55:10
3185
3
原创 TS H5页面中判断在微博，微信等环境下
1.比如在src目录下建一个utils文件夹，在utils文件夹下建一个index的ts文件：// 判断是否在微信中打开export function isWechat(): boolean { const ua = navigator.userAgent.toLowerCase(); return /micromessenger/i.test(ua);}// 判断是否在微博中打开export function isWeiBo(): boolean { const ua = nav
2022-04-12 15:35:42
709
原创 H5.小程序都适用的瀑布流做法
1、HTML代码：<div style="display: flex; padding-top: 0.2rem"> <!-- 左边 --> <div class="card-main-left"> <shop-item v-for="(item, index) in leftList" :key="index" :item-info="item" @goMallDeta..
2022-04-08 17:23:39
983
原创 vue 获取当前页面的端口号，域名，路由等
1.window.location console.log(location);获取当前的url:location.href获取当前的端口号:location.port等
2022-04-08 11:15:54
8636
原创 H5页面与app的交互（jsBridge）和小程序的交互（weixin-js-sdk）
各端引用H5页面，H5跳回各端交互。1、H5页面与app的交互（jsBridge）：在main.ts里面：const ua = window.navigator.userAgent;let AppSource = "";if ( ua.match(/iPad/) || ua.match(/iPhone/) || ua.match(/iPod/) || ua.match(/ios/)) { AppSource = "ios";} else if (/...
2022-04-07 16:36:32
4478
原创 关于axios的get方法传参的中对象里有数组的问题
可以时qs.stringify()或qs.parse()解决qs中文文档https://storm4542.github.io/archives/7b89c88d.html1.qs.stringify()：qs.stringify()将j对象序列化成url的形式，以&进行拼接当然，这只是—种形式，大概有4种形式:1. qs.stringify({ids: [1, 2,3]}, { indices: false }) //形式：ids=1&ids=2&
2022-04-07 15:14:00
1284
原创 H5红包雨效果
HTML核心代码：<ul class="red_packet" id="red_packet"> <li v-for="(item, index) in liParams" :key="index" :style="{ left: item.left, animationDuration: item.durTime, }" class="mov...
2022-04-07 10:26:29
1039
转载 乐吾乐Topology1.0 用户使用手册
建议收藏https://m.toutiaocdn.com/i7051796552704180766/?app=news_article×tamp=1641902122&use_new_style=1&req_id=20220111195522010133049196050A2A0E&group_id=7051796552704180766&tt_from=android_share&utm_medium=toutiao_android&utm
2022-04-07 09:50:57
888
原创 APP里引用H5页面时，高度设置引起的底部白边等问题
H5页面在app里的常见问题：1.当H5页面高度设置为100%，设置背景色时，发现高度有内容撑开，背景色没有铺满整个背景。2.当H5页面高度设置为100vh，设置背景色时，背景设能铺满，但是上拉时底部有白边。3.当H5页面高度设置为最小高度为 100%或100vh，内容超出屏幕高度，上拉有调取接口时，有卡顿现象。解决方法： 可以在父元素设置： overflow-y: auto; position: fixed; left: 0;...
2022-04-06 17:01:29
2531
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人