前端
文章平均质量分 69
前端相关遇到的问题,有小程序,uniapp,vue,js,Ts等等
乆夨(jiuze)
我来人间一趟,只来人间一趟
展开
-
腾讯云自动构建微信小程序,生成预览码,上传微信管理平台
提示:本文的环境是腾讯云(CODING) + uniapp + 钉钉自动化构建微信小程序,其实每个平台的方法是不一样的哈,我这里也只是记录下个人完成的情形,如果有人跟我的基础条件一样,那很幸运啦,我把坑都踩完了。当然不一样,也没关系,可以借鉴或者保存下,毕竟万一以后工作上用到了呢?是吧最终实现目标,腾讯云中点击构建,自动打包,编译,上传预览,生成二维码后,由机器人发到钉钉群里面。原创 2024-09-23 17:27:39 · 868 阅读 · 0 评论 -
记录node环境下执行ts文件一些问题,以及Node.js 版本 v22.6.0下可以直接执行ts文件
注意细节,为什么我说目前哈,因为Node.js 近日刚合并了一个 PR#53725[1],主要内容是通过设置 flag --experimental-strip-types,使得可以在 Node.js 中直接执行 TypeScript 文件。换一个吧,我用CommonJs规范,引入吧,上一个问题用ES的规范,我感觉进入死胡同了。写着写着呢,突然想着用ts去实现它,一方面是项目是用uniapp + vue3 + vite + ts搭建的,想着保持统一,使用ts文件,另一方面呢也有点强迫症。原创 2024-09-13 13:39:31 · 1425 阅读 · 0 评论 -
css定位
css定位一,定位的属性及属性值。在css中定位属性为position。解释:这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。可以使用top,bottom,left和right属性来定位元素,但是,除非position属性有进行初始化设置参数值这些属性才能起效果。根据定...原创 2020-02-22 20:00:48 · 118 阅读 · 0 评论 -
3D立方体旋转相册
抖音最火3D立方体旋转相册前言这是一个漫长的寒假,历史上从未有过如此的时刻,人们这样空前团结,这样的宅,着实如抖音所说“晚上七点,像凌晨三点”。不过我相信黎明的曙光终将到来,逆战的脚步终将不会停止。好了,扯得有点远了,直接上干货吧。我是才开始学习web前端技术不久,在大学之前根本不懂得什么的前端,写这篇博客的初衷就是一是回顾,二是为了避免后来人踩雷。 所以我不会像大多权威官方博客一样的c...原创 2020-02-29 13:35:30 · 1036 阅读 · 1 评论 -
BFC了解
BFC概念什么是bfc?可能很多新手没听过,但一定遇到过,只是自己不知道而已,相信大家都遇到过,在最常见的浮动加盒模型布局中,我们会遇到一些问题,例如高度塌陷,高度自适应,又或者是浮动所带来的一些问题,这里面其实或多或少的都和bfc有点关系,所谓的bfc就是块级格式化上下文(独立的渲染区),通俗得讲就是块级元素布局逻辑。我个人理解为一个特别的块级元素。BFC布局规则有以下几点:一、BFC内...原创 2020-03-08 12:55:11 · 157 阅读 · 1 评论 -
小白自制js进度条小demo
加粗样式时光匆匆啊,目前还是只能待在家最好啊,小白最近在学js了,所以想做点小东西,勿喷哈,比起大神,我可是小白的小白,仅供娱乐哈视频地址http://www.56.com/u33/v_MTYzNTEzODc4.html。欢迎欣赏。废话不多说先把结构,样式搭上吧。相信这种简单的结构样式代码,各位肯定能明白,我就不多解释了,今天的重头戏,js。首先说下我做这个小demo的思路。我先搭...原创 2020-03-22 20:59:09 · 225 阅读 · 1 评论 -
小白世界里的数组去重
数组去重数组去重这种问题很常见,常见的方法有很多种,作为初学者的我,也整理了以下四种,个人认为这四种容易理解,也实用set方法该方法是Es6新增语法,同时该方法的特点是元素不能重复可以利用这一特点达到数组去重例:letlet arr = [1, 2, 3, 3, 2, 4, 5, 1, 6, 5, 3, 7, 8, 8, 8];let s = new Set(arr);console.log(‘set:’, s);双重for循环加splice截取利用循环比较,加上splice截取原创 2020-05-24 14:38:17 · 172 阅读 · 0 评论 -
初学者虚拟DOM与snabbdom库了解
1. 什么是虚拟DOM?虚拟DOM就是使用js对象模型来模拟真实DOM节点2. 什么是diff算法?思维: diff算法起初来源于后端,用于比较两个文件的差异,3.为什么要用虚拟DOM?因为在真实项目中,操作dom节点是很正常的,因为要渲染页面,然而,其实操作dom节点次数越多,加载的会越慢,损耗的资源越大,这让一个用户的体验会讲底,我们来看下面这段代码,让你体会操作虚拟dom会比真实dom的效率高多少。以下是结果:可以看到差距,同样是循环一百万,如果直接操控真实dom要花三十多秒原创 2020-06-02 11:49:25 · 460 阅读 · 1 评论 -
前端精度丢失
很多业务场景呢,其实或多或少涉及到金额的计算,不管前端还是后端,只要涉及到金额的处理其实精度丢失问题是不可避免的例如:医疗类,餐饮类,零售类,其实只要有支付,有账单就都可能存在精度丢失的问题。原创 2022-06-08 17:25:19 · 3028 阅读 · 0 评论 -
前端数据类型效验区分
第一种:typeof(返回相应的数据类型)这种方法不难看出,当数据类型为引用类型时,检测出返回的是object类型,其中对于null检测出也是object,熟悉原型链的就知道,最终指向的其实就是null,所以这种方法个人认为适合检测基本数据类型第二种:instanceof(返回布尔值,判断是还是不是)这个相对于上面一种是比较好一点的,但是还是存在偏差,不够准确,比如 Array 和 Object 都出现在 [] 的原型链上,可能会将 [] 误认为 Object 类型。原创 2022-08-24 11:04:32 · 382 阅读 · 0 评论 -
个人开发习惯
format文件夹:整个文件夹是我用来处理数据逻辑的,就比如在页面中查询数据后要渲染时,很可能服务端给的数据需要处理下才能使用,又或者需要组装下,但是如果放在vue文件中,script中很可能会感觉太拥挤,此时我就会写成一个方法,放在format中去处理再返回我需要的新的数据出来,这样逻辑和视图区分的更彻底,同样也不会让整个页面因为逻辑处理过多,导致一个也面可能出现上千行代码。components文件夹:存放整个项目中共用的组件,比如自己封装的弹框,按钮,输入款,又或者是某些项目中的功能性组件等等。原创 2022-08-24 13:35:24 · 409 阅读 · 0 评论 -
使用cos-js-sdk-v5腾讯云实现cos文件上传
使用cos-js-sdk-v5腾讯云实现cos文件上传原创 2022-10-15 13:02:26 · 3078 阅读 · 0 评论 -
Unable to preventDefault inside passive event listener invocation报错
Unable to preventDefault inside passive event listener invocation报错解决方案原创 2023-11-09 10:08:05 · 6052 阅读 · 5 评论 -
IOS&Safari不兼容零宽断言正则的坑
IOS&Safari不兼容零宽断言正则的坑原创 2023-11-09 16:02:56 · 888 阅读 · 0 评论 -
第三方平台接入钉钉扫码登录功能
接入钉钉第三方扫码登录原创 2024-03-05 15:26:29 · 2030 阅读 · 3 评论 -
ES2023有关数组的新方法简介
ES2023数组新方法原创 2024-03-22 18:40:25 · 825 阅读 · 0 评论 -
vue3+vite+ts+pinia移动端多页面
vue3+vite+ts+pinia移动端多页面原创 2024-04-03 10:22:57 · 1258 阅读 · 1 评论 -
unplugin-auto-import自动导入Eslint和Ts警告问题 找不到名称“ref”。ts(2304)
希望各位能顺利解决,以上是我整理出来的结果方案。原创 2024-04-08 19:38:21 · 3028 阅读 · 7 评论 -
vue3多页面中如何共用pinia的数据
这篇文章本质是想请教一个问题的,最近在搭建一个多页面的vue3项目,多页面吗,这意味着我有多个main.ts入口文件,最后打包也会生成多个xxx.html文件,我想当项目很庞大的时候,又或者为了后期扩展,多页面有时候也是一个不错的选择,但这在实际场景中会出现这么一种情况。原创 2024-04-16 17:58:58 · 985 阅读 · 3 评论 -
跨标签通信的常见方案
个人感觉使用其实很简单,花个几分钟就能实现,当然以上其实还需要个关闭通道,channel.close(),要是想优化封装下,那再花点时间即可,这里我就不去封装了,我认为呢,这个东西难就难在你知不知道有这个东西,也就是知识面的广度,我写的也很随意,个人感觉这种可能确实不是很常用,但是可以去了解下,增加知识的广度。当然咯,我也知道有些小伙伴想了解下其他方案,或者有小伙伴想要一个能封装好的代码。这里我找到了两篇比较好的大佬博客,大家可以翻阅查看BroadcastChannel简单封装封装链接其他方案详细讲解。原创 2024-04-17 16:19:28 · 320 阅读 · 0 评论 -
拦截接口重复请求
可能我这个封装的也会有点问题哈,仅供参考,由于我比较懒,我不想每次都去实际方法中做拦截,或者加loading,或者加防抖,因为我可能会忘,所以我想着直接在最终的请求中自动去拦截。当然也可以用lodash中的防抖,之前我用过的,挺好用的()=>{console.log('删除操作等业务逻辑')},500,leading:true,//在延迟开始前立即调用事件trailing:false,//在延时结束后不调用,保证事件只被触发一次},)```原创 2024-04-22 14:43:35 · 192 阅读 · 0 评论 -
uni小程序使用vant上传组件,封装腾讯COS上传hooks
uni小程序使用vant上传组件,封装腾讯COS上传hooks原创 2024-04-28 15:44:47 · 469 阅读 · 0 评论 -
vue3页面生成水印
之前开发需求,产品希望给所有中台页面添加水印,一方面防止内部人员截图泄漏数据,一方面水印上的内容可以增加些标识,从而能定位到是那个人发出的。当然这只是一种防护的手段,毕竟水印也是能去除的,但不管怎么样,加这么层东西还是感觉十分有必要的,比如你要分享什么设计稿,你打个logo,水印,最起码能起到点防止作用。好了,我也不多说,直接分享上代码,咱主打的就是复制就能用,丝毫不墨迹。使用写了个hooks哈,useWatermark接收两个参数,一个是水印的透明度,可以不传,默认0.15,第二个参数是水印绑定原创 2024-04-29 16:49:26 · 355 阅读 · 1 评论 -
此模块是使用 “export =” 声明的,只能在使用“esModuleInterop”标志时用于默认导入。
最近开发中代码出现了一个很奇怪的报错,不影响使用,但是看着很难受,自从用了ts和eslint,看到报红挺难受的,虽然不影响功能,具体是什么错误呢,请看下图。但是具体为什么呢,这位大佬的博客也讲解了很清楚,我就不细说,直接引用下,虽然是react的模版,但其实都是通用的。开始自己也尝试在tsconfig.json去过滤这个报错,但是好像没啥效果,找到一个大佬的博客,顺利解决。我引了个dayjs,处理时间的第三方插件,功能上不影响使用,但是个人看着很难受哈。原创 2024-05-08 14:49:55 · 480 阅读 · 0 评论 -
Option ‘importsNotUsedAsValues‘ is deprecated and will stop functioning in TypeScript 5.5. Specify c
Option 'importsNotUsedAsValues' is deprecated and will stop functioning in TypeScript 5.5. Specify c原创 2024-05-08 15:12:53 · 1353 阅读 · 0 评论 -
uniapp小程序转原生app打包,提示文件查找失败
一个这么小的问题花费一个多小时才解决(自己都感觉挺尴尬的),讲真的开始也很纳闷,甚至怀疑自己,也百度查过,没找到什么有用的信息,还好比较幸运,多想了下,多尝试了下,把问题解决了。但最后转成的app还是有问题,那是因为这个小程序用的ui组件是vant-weapp,转出后,所有样式问题严重丢失,因为,vant-weapp压根不兼容app端,还有自定义tabBar,在ios环境里面会出现两个tabBar,最后小程序借助微信登录获取用户信息这块,app是要改的。综上所述,待定吧,转的成本也不低啊,一堆问题。原创 2024-07-02 18:07:33 · 753 阅读 · 0 评论