- 博客(938)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 使用gsap实现长文本文字,一个一个文字逐个弹出来效果
代码很简单,主要是各种配置 需要你自己找去理解,和echarts 有点类似的用法。先看效果吧,其实要做动画 可以了解了解这个动画库。关注我 持续更新 前端知识。
2023-05-05 11:43:47
370
原创 在vite中使用mockjs， vite中使用vite-plugin-mock
然后还有一个小建议就是最新版本的插件也就是 3.0.0 有可能报 esbuild 就是大概你用到commonJS中的reuqired方法报错。这里插一句哈，如果你使用的是pnpm的话， 正常来说因为这个插件肯定是依赖mockjs 的但是，他可能不会自动安装。推荐一个更强大的功能齐全的还是使用 apifox吧 上面更方便，根据后端文档所定的mock。相信前端同学都会碰见类似的问题，就是页面可能很快写完了，但是接口同学还在缓慢设计表中！这个时候咳咳，你就可以去摸鱼了或者看小说了。关注我 持续更新前端知识。
2023-04-24 16:14:10
755
原创 tring.prototype.replaceAll called with a non-global RegExp argument
正是因为 你使用 replaceAll 这个字符串api 然后使用正则匹配自负来进行替换。那个g 全局匹配是要必须加的，还有一个matchAll 这也是如此。这个时候你必须在正则后面加一个 g 否则就报错了。如果真想 最好还是用字符匹配吧。关注我 持续更新前端知识。类似去掉空格 我们可以。
2023-04-23 10:31:00
1189
原创 mac 使用tar命令打包文件 并忽略某些指定文件
/ 打包当前文件夹下的内容 并且忽略 git 和node_modules文件夹。tar的用法和linux差不多 区别可能主要在这个忽略上。**注意最后的 ./ 就是当前文件夹 **关注我 持续更新 前端知识。
2023-04-12 19:41:39
101
原创 vite+ts 中全局定义的方法无法识别 类型报错 类型“{ $: ComponentInternalInstance；...“
因为有一些全局的方法 我们直接挂在了 app.config.globalProperties。但是我们挂完之后 发现在模版中使用的时候 会出现ts的语法报错提示。然后可以直接在模板中使用这些方法 比如一些过滤器什么的东西。在全局的声明文件中 你也可以自己创建一个文件哈。其实你不管也没啥子影响 不影响程序的运行哈。这个时候其实需要我们提前声明一下就可以了。然后再回去看 好像没有报错了 是吧。关注我 持续更新前端知识。
2023-04-06 15:25:19
1649
原创 element-plus官网访问太慢 下载文档到本地部署 实现快速查阅
我只是吐槽下 element基于githup pages这个部署文档地址 本来访问就慢,然后吧这个文档看的人还很多,导致更慢了 经常卡半天才出来文档地址。文档的地址(你直接下载下来 想跑起来的话可能需要更改文档的路径地址, 最方便的就是下载一个nginx进行部署, 这个也是前端同学应该学会的东西)这下访问就很爽了 可以愉快的开发了 本来工作就很不爽了,过程中应该怎么舒服怎么来。在 vi /usr/local/etc/nginx/nginx.conf。下载到本地之后,然后下载一个nginx。
2023-03-30 11:37:36
5976
5
原创 js原生设置cookie和获取cookie 不需要引入什么插件
经常用本地缓存 可能cookie用的少了就不会用了,其实不然,有的时候还是要用到cookie的。这玩意很简单,不需要引入什么插件 自己编写两个方法即可。直接拿去使用不用谢 关注我 持续更新前端知识。
2023-03-16 09:52:02
113
原创 vite中动态引入图片，打包之后找不到图片地址？
注意URL里面不能是纯变量，那样就会报错了 详细的报错 你可以去试试看。更好的就是直接在模板中调用一个函数 然后传入图片的名字就可以显示出来。不管是本地开发 还是打包之后都会找到具体的图片引入显示到页面中。一般来说项目中我们集中存放图片，然后希望在页面中直接引入！再src目录下 static 下创建一个images文件。然后在/src/utils/mixin.js文件。我们就可以在所有的组件模板中直接使用了。事实上确实可以办到，我们用到了一个。关注我持续更新 前端知识。然后在main.js中。
2023-03-13 17:24:06
3100
2
原创 vite项目中 引入本地word文档，docx文件渲染到本地
又是一周休息的时刻了 关注我 持续更新 前端知识 帮助刚入行的前端童鞋一点，能帮点就帮点，都是踩坑的经历。在本地渲染很简答 需要一个插件 就可以了。这个样式注意下 如果是在移动端使用的话。
2023-03-10 21:34:44
243
原创 html2canvas 生成h5海报图片底部有白边
如果背景是一个背景颜色的话 其实还是比较好搞的将 hmlt2canvas的背景图改成和背景色一样就好了。这个大概率就是因为定位最后拍照的那一刻偏移导致的。这样白色边线 就看不见了。关注我 持续更新 前端知识。
2023-03-10 21:23:29
192
原创 ios点击input输入框 页面变大 (禁止浏览器缩放)
本来这个东西是为了优化用户体验,手机上点击输入框太小了 所以会在用户点击的时候放大屏幕中的内容。user-scalable=no 这个加到html中的head中。关注我 持续更新前端知识。我们其实是可以禁止的。
2023-03-02 20:14:02
1784
原创 ios中input输入框 设置box-shadow失效问题
CSS 属性被用于按照 浏览器所在的操作系统所用主题，以平台本地的样式显示元素。如果经常做h5童鞋会碰见各种各样的问题。关注我 持续更新 前端知识。
2023-03-02 20:11:34
75
原创 Taro小程序vue3版本在 setup中获取不到扫码的携带的地址栏参数
其实大概率 携带过来的参数 实在onLoad中携带过来 但是官网中说可以通过useRouter 这个hook获取到 然后事实却不是这样。但是如果我把useRouter() 执行在onLoad后面的话 就可以正常获取到参数了。最后没办法 只能使用useLoad这个api在setup中使用了 获取地址栏参数了。突然客服提出了问题，大概就是用户使用客户端扫码的时候，页面数据没有出来！然后问题到我这里了， 我发现请求请求参数不存在。但问题是 onLoad 是可以获取到数据的。这样肯定不想我想要的了，
2023-03-01 18:17:15
369
原创 uni.chooseImage 在ios真机上唤不醒选择图片功能(h5)
因为uni.chooseImage 也是异步任务并且里面也是promise封装的， 而我们在上面的执行都依赖于上面的异步任务执行， 应该就是异步执行导致，大概率是上次事件循环没有执行完。想让后面执行的话 需要添加到 下一个事件队列中执行了。这样就可以了 保证上一个任务执行完了。上面的这两种方法都没有 唤醒选择图片。但是更换成下面的这种方式就不会影响了。这个问题在pc上并没有复现！这样的事情 发生真的是很奇怪。关注我 持续更新前端知识。
2023-02-23 22:00:44
268
原创 pnpm 安装的依赖 项目跑不起来 报错我项目依赖找不到？
比如一些依赖可能在node_modules 根目录下 让所有的 依赖于它的依赖可以访问， 再其次就是自动默认安装缺失的依赖，还有就是依赖丢失或者找不到的话 命令自动失败。然后项目就跑不起来，我很奇怪 然后重新使用 npm i走了遍发现可以正常运行。后面翻了翻pnpm的文档才发现 这玩意也需要配置一些东西 才生效。我只是知道 有一个pnpm的这个包管理工具 但是从来没用过！然后开始分析报错，报的都是依赖找不到的问题 就很奇怪。让我知道这肯定是 pnpm 的问题了，我看到下面报错中 更多的都是依赖缺失。
2023-02-06 14:55:44
11887
3
原创 Cannot read properties of undefined (reading ‘tapPromise‘)
so 你只能安装比较低版本的 compression-webpack-plugin 这个插件 来对应webpack4。报出这个问题就是因为 你的这个版本过高 因为这个api 只能在webpack5中才能使用。compression-webpack-plugin 这个插件版本的问题。因为很多老项目可能并没有升级webpack5。我更换成了 4.0.0 就可以正常运行了。关注我持续更新前端知识。
2023-02-06 14:41:15
772
原创 周末无事做一个，左右滑动的容器，底部有滑动进度指示的 前端小demo（常见于移动端）
先上效果图吧 其实还是比较简单的，就是监听上面滚动的距离 占 父元素可滚动距离的百分比进行 在手机上查看效果更好。啥都不说 先上例子 这个在移动端非常常见哈！我们web前端 什么小程序和h5其实也会碰见。关注 长期更新前端相关知识。
2023-02-04 10:43:22
137
原创 vue3全局注入方法，防止每个页面不停的引入
其实很多小伙伴都是从vue2过来的 我们之前想要注册一个全局属性，让所有的子组件 都可以使用到也许会这样书写 就是。
2023-02-01 15:21:36
2330
原创 less 循环遍历生成有规律的类名（m-l-1, p-l-2等）
这个是我参考uview中有内置类名，当你想设置外边距为15px的时候 只需要给元素加上 u-margin-left-15。后来新项目用的是less 就去官网上找到类似的用法。然后就可以直接在元素中使用了。关注我 持续更新 前端知识。
2023-01-05 10:15:50
554
4
原创 vant4 + vite3.* + vue-router@4.* + pinia 模板
我好像没有找到现成的，只好自己简单配置了下，有需要的童鞋直接拿去用。
2023-01-03 15:03:05
145
原创 谷歌浏览器注入的样式表 （更改了我网页的样式）
好像是那个扩展程序开启之后，修改了我浏览器的样式，这个就很烦人，其实出现这个问题就是我起的样式类名，刚好和人家的一样，所以导致我的被重写了！我想着是不是最近我安装了什么东西，好像确实安装了一个扩展程序，我把那个扩展程序关掉之后，样式就恢复正常了！突然有一天哈，我的网页莫名其名样式乱了，我检查样式中发现，多了一个注入的样式表，我还找不到位置所在！我把网页放到火狐中，发现是正常的！这个时候猜测就是谷歌浏览器的问题了！后面我为了重新启用我的插件，只好把类名改了，这个太难受了！关注我 持续更新前端知识。
2022-12-28 15:12:41
871
2
原创 微信h5 使用jssdk支付成功后,点击完成 页面关闭了,引出微信“点金计划“
/ 如果你想对这个页面进行定制化开发,其实也可以,他跳转过来是会带上商家订单号,你可以拿这个订单号去请求接口,然后展示一些更加详细的数据,这都是看你们自己的产品需求了。tips: 这个提个醒吧,这个商家小票页面, 如果你的项目是用vue开发或者react 可以在你的项目中 开发一个页面即可 也可以单独搞一个html文件也成。作为前端童鞋的话,其实自定义商家小票的页面,开发完成后,你放到服务器,然后: 【登录微信支付服务商平台 → 服务商功能 → 点金计划】。至于里面的细节 可以看商家小票的开发文档。
2022-11-23 19:42:58
2967
12
原创 微信内置h5浏览器 getBrandWCPayRequest支付
最后还有一个小问题就是 如果你的微信支付商家是 微信那边特约商家的话。支付完成后 会把你h5网页关闭 这个需要你参加那个“点金计划”// 有一个点需要记住 就是那个时间戳那块是字符串哈 如果接口给你返回的是 int类型的话 记得修改下。通过这个API进行微信支付,好的一点是不用在引入那个weixin-jssdk那个文件库了。但在新版本的微信中其实都不建议使用这个方式进行支付了 都推荐wx.chooseWXPay。但是吧微信到现在 也仍然支持这个方法。关注我 持续更新前端知识。具体公告详情 请查看。
2022-11-22 10:35:22
2811
原创 wx.chooseWXPay 调用支付JSAPI缺少参数: appId
我上面说的一切的前提就是 你们公众号后台那里 什么基础的域名都配置好的前提下。请先进行校验是否你的所有的信息能通过微信那边校验。这个就是很简单你没有 缺少了 appid。// 这里 这里的配置 不要写错哦!看文章千篇一律 没有一个说到点子上！
2022-11-18 13:47:06
1720
原创 chooseWXPay:fail, the permission value is offline verifying
应该是你在模拟器上进行测试的吧！切到真机上就行了，可能模拟器不让模拟微信支付。
2022-11-18 13:37:14
516
原创 css将元素置于视图中心，禁止底部遮罩层滚动
禁止遮罩层滚动这个其实比较好处理 我们有的时候 会自己封装一个遮罩层，但是在上面弹出东西的时候，下面的内容还在滚动 其实这个时候我们可以通过js进行控制的。将元素设置到视图中心(不论页面怎么滚动都在中心位置) 这个更简单了 就是css3的属性 我们不考虑元素的宽高哈。全屏的遮罩层 其实也好处理 就是讲一个元素基于body 进行 绝对定位 然后宽高设置 100% 100% 即可。google firfox safari 都可以哈。关注我 持续更新前端知识。
2022-11-01 16:13:56
1223
原创 vue3状态管理工具pinia的插件书写，pinia全局错误处理插件安排
有些初学者可能比较恐惧插件，或者希望自己啥时候能写一个插件，其实这玩意搞明白没啥子，首先不要怕，看着那些大佬一个一个插件写的那个牛掰，自己好的插件写不出来，写个简单差的也行，最主要的是中间自己收获了什么！当然也有一些大哥可能会说到，我从来都没用过这个玩意，说实话一个真正考虑比较全面的项目，应该考虑出错后的问题处理，而不是一味相信程序一定会走正确的“线路”但是你要搞明白为什么要这么做，这个才是最主要的了！需要我们去写一个统一中间处理的逻辑方法，其实这个方法就是一个插件，本质也就是一个“函数”
2022-10-20 16:10:43
450
原创 我的创作纪念日
我就是一个很普通很普通的一名前端开发人员，我憧憬的就是在我刚写博客之处就是希望，写够1024篇关于前端的博客，就不干了，开个小饭馆，自己去卖饭吧！刚开始创作真的是精力慢慢，随着工作年限和工作经验的增长，慢慢的少写或者不写博客了，因为可能是缺少创作灵感或者创作题材吧，也可能是精力有限吧，需要担任更多的项目开发和需求处理，自己也没有那么多时间了。也是很佩服三年自己坚持了下来，继续努力吧。
2022-10-19 10:53:37
131
2
原创 将html2canvas 生成的图片传给接口
但是吧 有的时候就需要通过html2canvas 生成一张图片，然后拿来上传给接口，这种在用户看来好像是一种“隐式上传” 因为用户感觉不到，我生成了一张图片然后进行上传！好了不扯了 直奔主题吧！因为正常来说 我们上传图片 一般都是通过input:file标签。用户进行选择一张图片，然后进行上传！这个样我们的问题就迎刃而解了。我们看到了 这个file构造函数。哇哦 看见了 上传的文件资源了。然后把这个 上传给接口 应该就是可以了。然后就是 我们能不能通过FIle 构造函数生成一个file类型。
2022-10-02 20:04:52
1371
4
原创 找回git误删的本地分支
相信大家也不能说都经历吧，最好还是少经历，特别是一些刚使用git的一些新人童鞋，这要是删除了，而且远程也没有这个分支，那就会出现呼吸急促，亚历山大啊！写了很长时间的代码 自己给不小心删除了，再来一次保证可能写不出来当时的效果，简直就是浪费时间和浪费精力！其实时候 不要慌，啥都不想直接去重写，你经历的这个问题 人家git肯定也会想到 会有这个问题发生。然后 找到自己那次提交的id 然后 扯出来一个分支 （复制那个提交id）前面的这些 就是每次提交对应的hash 提交id。关注我持续更新前端知识。
2022-09-28 10:48:05
821
原创 js 正则匹配连续的字符，一般用于密码输入框（禁止输入连续的字母或者数字等）
相信广大网友可能碰见过这样的一些网站，就是设置密码的时候， 如果我们设置连续的字母或者数字，会提示我们的密码比较简单 不让设置，特别是一些支付密码，如果你设置六位连续的数字， 比如： 111111， 66666，888888等。是不是很容易破解呢对我们前端来说，在用户输入完成之后，就需要进行判断用户输入的是否满足条件，首先你可以不通过正则匹配判断用户输入是否满足条件 比如不过这样看起来 是不是太low。哈哈哈🤔相信很多童鞋肯定喜欢正则匹配了，那么联系的字符要怎么写呢？
2022-09-20 09:08:10
2641
1
原创 uniapp h5端上传附件信息(非图片类) 到七牛
我们应该用的是 uni.chooseFile 这个api 这个api 就支持h5端。因为我们从后段接口中 拿到 七牛的上传地址和token 然后就可以使用 uni.uploadFile 这个api进行上传即可。其实这个 本来不应该在移动端上传，比如上传什么视频啊，.doc,.zip等文件的时候，应该是在pc端上传，uni.chooseImage 这个api 但是上传附件呢 这个api明显不行的呢。我们选择上传的附件的时候 可以进行选择要支持的上传类型哈。但是吧奈何还是会有在移动端上传 这些文件的可能哈。
2022-09-16 09:12:30
834
2
原创 less & sass 函数定义和使用， 样式书写事半功倍
其实我们在写项目的时候，有一个问题就是如果我们的图片放到cdn上的话，那么地址就是一个固定的地址，每次书写前缀是不是就很难受嗯。答案是肯定的了这个时候我们就可以用函数就行包装 自动帮我们写好前缀，我们只用书写动态变化的那部分即可sass这里可以有两种处理方式 一种是混入的方式 一种是自定义函数的方式进行处理// 混入 @mixin backimage($image) {} // 使用div {} // 函数 @function demo1($color) {} // 使用div {
2022-09-14 09:00:53
509
原创 css 让文字进行竖着书写， 附带个小知识，行内块元素添加文字之后底部对不齐的问题
就是如果是图片的话 baseline 默认元素放置在父元素的基线上 然后再仔细去看下上面的那张图片 你就会发现。但是细心的同学会看见那个 g字母底部会超出一部分（这个也是图片的那个白色节点的问题）其实这个问题 如果你觉得难写的话，只能说你想的复杂了，在文字排版中，如果元素的宽度不够的话那么文字会自动换行的，所以只要父亲元素的宽度不够两个汉字 那么它就会换行了，就这么简单。附带一个小东西 就是 我们在处理行内块级元素 如果元素中添加了文字话 就可能出现对不齐的问题。这个就是因为文字对齐的基准 不同导致。
2022-09-07 15:06:24
759
原创 uniapp h5使用原生的input标签
其实在uniapp中我们编译h5平台的时候，会发生我们使用input标签都会被二次封装，我们想给这个input原生标签加的类名和id都会加到最外层的包括的uni-input自定义标签上。我看有人问过 为啥不加个什么属性，放置进行编译，好像人家说那样做的话 表现的和文档就有所不同了 所以才不那样做。有没有什么方法 能防止它被转义呢，目前好像没有有点难受，呢。总体上来说 uniapp 还是很不错的。但是我们可以通过其他的方式。关注我 持续更新前端知识。
2022-08-24 16:56:34
1966
1
原创 js操作浏览器，关闭标签弹出提示 是否要离开此网站？
你搞一个输入框然后输入了一些东西 去关闭的时候就会触发这玩意，什么都不做直接关闭 并不会触发，当然可能有例外哈（不敢很严格保证）但是 并不是一定会触发，她这个是有一定条件的 就是你在网页中作乐某些操作之后 再去刷新或者关闭标签的时候 就会触发这个玩意。// 还有一点就是那个退出的时候弹出的提示好像不能自定义呢 这个就有点难受了。关注我 持续更新前端知识。js 有一个原生的方法。
2022-08-21 09:31:56
1929
原创 vue3 简易等待图片加载的组件
其实这个玩意很多的ui组件都会对应封装的，如果我们的网站使用较大的图片的话，那么用户在客户端下载的时候就需要时间，特别是一些网速慢的用户的手机上，那么我们也不能留个空白给用户看，然后我们使用的时候 引入这个组件就好，其实这个是很简单而且很简易的 不能直接拿来做生产环境使用的，但是我们还是做下了解比较好。所以就需要再图片加载完成之前 先给一个loadding的图 这个让用户有一个期待性。其实你可以在这个基础再封装下，包括可以修改图片的大小和自定义加载内容等。以后要慢慢恢复更新速度 天天学习。
2022-08-20 14:23:03
613
1
基于PHP+MYSQL的电子商务系统有前后台和数据库(没有tp框架知识的慎重下载）.rar
2019-10-22
轮播图资源,有需要的同学可以下载参考下.rar
2019-09-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人