自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 js模拟请求池,依次执行或者手动执行

以上场景也可以使用Promise.all + 队列实现,但是由于Promise.all会执行所有的请求,并不会再上一个请求执行完成并在相关交互完成之后再执行下一个请求,所以并不是最好的选择。配合使用会是更好的选择, 使用yield来恢复或者暂停一个迭代器函数。此处只实现了简单的执行逻辑,具体的需根据业务补充。

2024-07-29 09:49:36 115

原创 使用qiun-data-charts(ucharts)自定义tooltip(文本, 换行)

使用qiun-data-charts之后,根据ui设计需要将tooltip设置为自定义文本,且需要进行换行,文字颜色修改,然而官网文档没有提供此功能,所以只能去修改源码实现该功能。这里主要涉及到两个源文件的修改,文本换行是基于文本自定义实现的,主要的做法是在自定义文本中添加标识符,然后在tooltip渲染函数中根据标识符进行切割并重新赋值。这里有自一些自定义的方法函数,可以新增自己的方法,也可以在它原本的。②找到需要修改的代码(可直接在文件中搜索。,这是自定义的,可以在自定义文本中修改。

2024-06-21 14:45:41 1035

原创 关于uniapp唤起用户授权之前新增权限说明弹窗解决方法

pernissionCode为andriod权限code, callback为授权成功之后的回调函数。在国内应用市场审核标准更新之后,部分厂商需要在用户授权之前添加权限说明。话不多说,直接上代码, 对于ios系统,这里不做处理。在需要唤起授权的实践中直接调用。这里先附上uniapp官网。

2024-06-20 16:35:29 896

原创 服务端推送消息至微信公众号

使用场景: 当需要服务端需要在自定义时间或者条件推送消息给用户时。

2024-05-29 17:58:21 564

原创 小程序订阅服务通知、消息订阅

调用uniapp官方的requestsubscribemessageApi, 并在成功的回调中调用服务端接口告诉服务端订阅成功即可。需要微信小程序具有管理权限的人登录小程序公众平台后台,对模板进行相应的配置。到这里,前端要做的事情就差不多了,剩下的交给服务端了。appId, secret 文章开头有获取途径。就对应模板中详细内容的值,value则为实际值。到这里,服务端代码也差不多了。使用语言:node.js。使用框架:uniapp。

2024-05-21 10:41:05 718

原创 uniapp开发app上架各应用市场打包注意事项

以下是本次遇到的各android平台对于整包审核的注意事项。

2024-05-15 14:19:37 212

原创 微信小程序webview H5页面网站阻止点击跳转其它页面

当需要在微信小程序中跳转到第三方网站时,将会使用到webview组件,但随之会带来的问题,跳转到第三方网站之后无法阻止在第三方网站的点击页面分发,存在安全隐患。这里采用的解决办法是:拦截webview中的点击事件,阻止点击跳转到其它页面。除了正则匹配成功的跳转地址可跳转外,其余的跳转将会被拦截,并提示"页面访问受限,请返回继续浏览"

2024-05-15 13:58:39 302

原创 在vue2、vue3项目中使用postcss-to-px-viewport实现自适应屏幕大小

【代码】在vue2、vue3项目中使用postcss-to-px-viewport实现自适应屏幕大小。

2024-04-16 17:36:38 722

原创 前端打包结果分析工具

【代码】前端打包结果分析工具。

2024-04-12 17:53:15 213

原创 vue2中Vuex如何实现数据持久化

该插件实现原理是将vuex中的数据存储到本地浏览器的localStorage缓存中,当数据发生变化时,更新本地浏览器缓存。目的:为了解决在vue2中使用vuex时,每次刷新浏览器之后Store中的数据将会被重置。

2024-02-22 11:00:36 358 1

原创 关于js小数精度问题,怎么造成的?如何解决?

这样从js对于数字的存储机制说起,计算器存储所有的数字都是将数字转换为二进制存储;比如我们看到的1.55,实际的大小应该是1.5500000000000000444,在浏览器显示时进行了四舍五入之后显示的。案例2转二进制之后则是小于原数字,这是由于截取的长度是固定导致的。进行存储,截取导致的后果则是实际存储的数字可能大于或者小于原数字。原来在计算时,实际的相加是进行四舍五入之后的相加。上面说到既然在存储的时候有误差,那为什么计算的时候确是准确的呢?我们可以从上面案例明显的看出转二级制之后是被截取过的。

2024-02-21 17:26:54 278

原创 浏览器端列表触底加载解决方案

实例化交叉观察器构造函数,设置可视化窗口(自定义dom或者null)

2024-01-23 16:06:04 404

原创 如何通过chorme浏览器配置暂时解决跨域问题

当出现浏览器跨域问题时,通过简单配置解决此问题。

2024-01-17 10:20:42 360

原创 vue2使用自定义指令实现el-select触底事件

当下拉框数据量过多出现渲染卡顿时,这个时候就要需要对下拉框里的列表进行触底分页加载,具体怎么实现呢?1.新建一个directives文件夹,再新建一个select.js,具体内容如下。函数里可以写分页接口请求的逻辑了,这里就不做详解了。当然实现方式有很多种,这里使用。2 .将该指令注入到全局中使用。到这里触底事件可以正常出发了,

2024-01-16 17:31:07 656

原创 element-ui table组件根据后端返回数据结构实现自定义单元格合并

tip: 如果说服务端返回的结构本来就是扁平化的数据,那就可以直接使用第2步的方法实现了。问题: 当后端接口返回的数据是带层级的结构,我们要怎么实现自定义的单元格合并功能呢?

2024-01-16 17:08:28 449 1

原创 谈谈如何理解前端的事件循环机制

当渲染主进程任务执行完毕之后会优先从微任务队列调度任务继续执行,没有则再从其他队列调度,在chrome浏览器中,交互队列的优先级是高于延时队列的,当然每个浏览的规则可能是不一样的,这也是W3C标准所允许的。在浏览器中有许多的进程,例如: 网络进程、浏览器进程、渲染进程等等,这里主要讲的是渲染进程,当渲染进程启动之后会自动开启一个渲染主进程,前端的HTML、CSS、JS、布局等等都是运行在渲染主进程之中。有了进程之后就可以运行程序的代码了,可以将运行代码的一条通道理解为线程,一个进程至少需要有一条线程。

2024-01-16 15:37:46 390 1

原创 vue3+webpack打包

1. 这里只列举了基本的打包配置,如需其他插件可自行配置。

2024-01-16 14:28:58 435 1

原创 前端简单实现docker+nginx部署

7. docker run -d -p 80:80 [仓库名称]/[项目名称]:[tagName] 创建容器并指定端口 --name=xxx(-P 随机端口映射)4. docker tag iamgeName [仓库名称]/[项目名称]:[tagName] 添加tag。6. docker pull [仓库名称]/[项目名称]:[tagName] 拉取远程docker仓库镜像。5. docker push [仓库名称]/[项目名称]:[tagName] 将镜像推送到远程仓库。

2024-01-16 14:15:41 402

原创 平铺数组转换为树结构

【代码】平铺数组转换为树结构。

2024-01-16 13:44:05 511 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除