- 博客(29)
- 收藏
- 关注
RSS订阅原创 Flutter 使用flutter_swiper_null_safety 实现轮播图
【代码】Flutter 使用flutter_swiper_null_safety 实现轮播图。
2024-04-08 08:40:10
356
1
原创 Mac安装oh-my-zsh
终端init的时候并不会执行~/.bash_profile、~/.bashrc等脚本了，这是因为其默认启动执行脚本变为了～/.zshrc。
2024-03-09 16:22:34
775
原创 js跳转网页
2、使用window.location对象的replace()方法：与assign()方法类似，但是replace()方法会替换当前页面的历史记录，而不会创建新的历史记录（不推荐，因为它会丢失当前页面的历史记录）。1、使用window.location对象的assign()方法：可以通过将新的URL作为参数传递给assign()方法来实现页面跳转。3、使用window.location.href属性：可以将新的URL赋值给href属性来实现页面跳转。
2024-03-09 16:03:18
295
原创 Vue3(ts)使用vee-validate表单校验，自定义全局验证规则
在utils目录下新建一个validate.ts文件（这里我使用的是ts，如果用js就创建js文件），内容示例如下：if (!value ||!return '该字段不能为空';});if (!value ||!return '邮箱地址不能为空';if (!return '请输入有效的邮箱地址';});然后在main.ts里引入。
2024-03-01 17:07:12
479
原创 vue2和vue3实现图片懒加载
减轻首页首次加载负担：通过仅加载可视区域内的必要资源，可显著降低页面初始化时的请求数量和数据传输量，从而有效减少服务器压力。提升用户体验：在网络环境不佳的情况下，提前用低分辨率的占位图片替代待加载图片，可以避免页面布局因图片加载过程中的空白或堆叠而显得杂乱无章，提升视觉上的流畅度与舒适度。懒加载的核心在于控制浏览器对图片资源的实际请求时机。通常做法是，先将所有图片元素以统一的占位图填充，并将真实图片地址存储在自定义属性如"data-url"中。
2024-03-01 10:24:28
514
原创 h5判断当前浏览器的环境
我们开发h5的时候经常会遇到各种奇怪的需求，但是很多的时候要判断根据不同浏览实现不同的需求，所以这时我们要针对当前打开的浏览器的环境实现不同的功能，所以今天我们来封装一下判断一下特殊浏览器的方法。
2024-02-27 13:37:55
373
原创 防抖和节流的使用
今天我们来介绍一下javascript中的防抖和节流的使用防抖确保了在事件频繁触发的情况下，只会在最后一次触发之后的一段时间内执行一次。节流则确保了一段时间内只执行一次操作，即便在这段时间内多次触发事件。
2024-02-20 14:02:44
240
1
原创 vue写h5触底翻页
我们先写一个触底执行事件的demo，首先要有一个盒子给他添加一个滚动监听事件。今天让我们来写一个h5的触底翻页加载数据，还是挺简单的。这个是vue2版本，vue3同理。然后我们来写滚动监听的函数。
2024-02-19 14:25:32
408
1
原创 JavaScript获取双中括号里的内容
今天给大家分享一下我踩的一个bug，需求是这样的现在有一个富文本框，要在里面输入一个填空题，填空题大家都知道答案肯定是填空的😂，所以说我们定义的规则是取双中括号里的内容为答案，例如：[[这里是答案]]，我们就要把双中括号里的内容取出来传给后端。
2024-01-24 14:41:36
407
1
原创 微信小程序weapp-qrcode生成二维码图片，长按保存和转发
使用weapp-qrcode在微信小程序里生成二维码，但是这个库只能给你生成到画布上，但是我查看微信小程序官方文档发现画布并没有图片的类似于。这个 API可以把画布临时转成图片地址，我们把它显示在页面，然后把画布隐藏起来，这样一来就实现了我们想要的结果。这里我先要找到页面上这个画布，然后将画布通过微信自带的API转换成图片。注意：如果想让image组件长按弹起保存和转发的原生弹窗，要加。这样的属性，所以我们只能通过其他途径把他转成图片。微信小程序官方文档有。，默认值是false。
2024-01-17 15:48:34
886
原创 uniapp 调用wx-open-subscribe实现微信订阅
然后新一个配置文件js，然后引入jweixin-module，然后在配置文件里添加引入wx-open-subscribe。我们在uniapp写h5时，对微信进行一系列的操作需要依赖 “jweixin-module”，所以首先我们要安装这个库。如果你想看有没有引入成功，可以使用微信开发者工具打开，在控制台查看。
2024-01-11 16:18:15
570
3
原创 nuxt3实现301重定向页面
nuxt3实现301重定向页,这个是我的项目目录接着在middleware目录下创建一个default.global.ts文件，这里我项目引入了typescript，如果没有引入就创建一个default.global.js，然后使用nuxt的小伙伴都知道nuxt里本身就有一些默认的约定和规则，所以这个文件会默认为全局的中间件。接着就是实现的代码，其实很简单，就在中间件里请求接口，然后判断是否需要301重定向页面，如果需要则跳转。首先我们要知道像这种对某一类的页面做控制的，最好写在中间件里，这样我们可以统一。
2024-01-09 17:59:31
613
1
原创 Ant Design Mini 在小程序中的使用
今天来给大家分享一下在原生小程序中或者uniapp中的使用。Ant Design Mini 在小程序中的使用。Ant Design Mini 在原生微信小程序中使用。Ant Design Mini 在 uni-app 中使用。Ant Design Mini 在支付宝小程序中引用。
2023-12-14 15:35:11
990
1
原创 npm发包命令及流程
如果出现类似于以上错误，说明你的node版本太低了，你需要升级一下你的node版本，建议你安装一个nvm来管理node版本。npm unpublish [email protected] //可以撤销发布自己发布过的某个版本代码。npm unpublish test //撤销已发布的包。要注意package.json里的版本号不能和已发的包的版本号冲突。如果出现以上类似错误说明你的镜像地址不对。到此就可以在npmjs中搜索到你的包啦。如果你是淘宝镜像需要切回镜像。首先查看你的镜像地址。
2023-11-28 10:05:53
415
原创 Vue使用xlsx.js在前端导出Excel表格
Vue使用xlsx.js在前端导出Excel表格，今天给大家分享一下，如何在前端导出Excel表格。
2023-11-21 21:29:27
111
原创 Mac使用nvm安装node报错：no such file or directory: ‘CXX=c++‘
Mac使用nvm安装node报错：no such file or directory: 'CXX=c++'
2023-11-07 21:01:00
205
原创 window.resize监听页面放大缩小不好用
使用 Math.max 取最大字就可以兼容两种情况。这个时候我们可以通过VisualViewport来实现。缩放时，事情很好办，使用 resize 事件即可。但是如果换成 Mac 的触摸板双指缩放就不行了。获取缩放比，键盘缩放，可以使用。经过测试，双指缩放 可以使用。对于用户使用键盘。
2023-11-07 14:50:27
552
原创 如何引入tailwindcss并使用
在自动生成的tailwind.config.js文件中可以自定义样式规则。今天给他大家简单的介绍一下tailwindcss是如何引入到项目，并使用。再将main.css引入到main.js入口文件中。下载和初始化tailwindcss配置文件。使用postcss的话，配置文件如下。这里我以一个Vue项目为例。创建一个main.css。这样子就可以在页面中使用。
2023-10-28 12:30:44
265
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人