- 博客(20)
- 收藏
- 关注
RSS订阅原创 一键快速打包提交发布命令行工具
如果执行 `build` 命令时中途报错，那么 `package.json` 文件中的 `version` 将会自动回退上一个版本号。如果执行npm发布时中途报错，那么 `package.json` 文件中的 `version` 将会自动回退上一个版本号。选择完毕后 `package.json` 文件中的 `version` 将会自动更改为你选择的版本号。目录，如果有则会执行开始提交并推送git操作，首先会驱使你选择需要git提交信息的类型，` 命令，如果没有将会取消执行该步骤，时将会取消执行该步骤，
2025-02-24 15:36:06
439
原创 开箱即用的React Web移动端开发模板
等配置，无需自己手动配置规则，另外还额外内置了众多非常实用的vscode插件推荐，并且你无需手动配置对应插件的配置。文件中进行配置，且配置简单，这代表着开发者无需注重代码环境，更专注于业务的开发，还等什么快快使用起来吧!，今天给大家带来一款非常好用的移动端h5开发模板，该模板目前已开源，大家可放心使用！等文件，大部分常用配置都包含在其中，详细使用还请查看源码，里面已有完整的注释提示。，这在访问不存在路由的场景下非常有用，并且你无需关注其实现，使用起来非常简单。，无需手动书写重定向逻辑，还内置了通用的。
2025-02-23 00:53:45
813
原创 uniapp分页列表组件实现
生态中我似乎没有找到合适的UI库和组件，没办法只能自己琢磨去写了，在这里我会将我的一些代码实现分享给大家。下拉刷新、自动检查加载数据、数据为空时自动提示、加载错误重新加载、返回顶部。等功能，也可继续拓展其他功能，如果对大家有帮助欢迎大家拿去使用！相信大家已经看到效果了哈，目前该组件支持。本文到这里就结束啦，希望能够帮助到大家！2. 将相关静态资源下载到本地。加载是经常常见的功能，但在。如果需要使用请注意以下几点。1. 安装以下依赖包。
2024-11-16 22:07:04
1232
原创 关于uniapp的scroll-view组件设置scroll-top失效的问题
此时你会发现每次都能滚动到指定位置了，不过可能这只是其中一种解决办法，如果还有其他解决办法欢迎大家在评论区讨论哈！才会触发滚动到指定位置的操作，于是就有了以下代码实现。组件，在此把我其中踩过的一个坑分享给大家！scroll-top值与当前的值不相等时。本文到这里就结束啦，希望能够帮助到大家！，查看uniapp官方文档后我了解到了。scroll-top设置为0。，经过测试发现只有当你设置的。uniapp开发微信小程序。我的需求是点击某个按钮然后。的过程中使用到了内置的。
2024-11-16 21:22:03
388
原创 代码格式化Eslint+Prettier+Stylelint最佳实践
这个问题发过愁，自己的代码写的乱七八糟，在团队代码规范管理中这也是一个很常见的一个问题，所以我们迫切需要一个。好的，现在你已经能够使用所有格式化功能了，如果格式化没有生效，可重启VSCode一下试试看呢。来格式化我们的代码，接下来我将介绍一下我从实践中不断总结和完善的格式化规则，该规则支持。等功能，并且配置极其简单，使用方便，你无需关注其内部实现，可直接使用！等多种文件类型的格式化，同时还支持。文件，然后将以下配置添加进去。文件，然后将以下配置添加进去。文件，将以下配置添加进去。然后将以下配置添加进去。
2024-11-09 19:15:24
429
原创 开箱即用的Vue3Web移动端开发模板
文件中进行配置，且配置简单，这代表着开发者无需注重代码环境，更专注于业务的开发，还等什么快快使用起来吧!，今天给大家带来一款非常好用的移动端h5开发模板，该模板目前已开源，大家可放心使用！等文件，大部分常用配置都包含在其中，详细使用还请查看源码，里面已有完整的注释提示。等方面已经做了完整的封装，只需更改相应配置即可，一般来说除特殊情况下不需要更改。，这在访问不存在路由的场景下非常有用，并且你无需关注其实现，使用起来非常简单。等配置，无需自己手动配置规则，另外还额外内置了众多非常实用的。
2024-11-08 21:55:05
1139
2
原创 开箱即用的函数库开发模板
等功能，最最最重要的一点是配置极其简单，并且大部分配置集成在一个文件当中，方便统一管理，只需简单配置便可搭建你的技术文档站点，还等什么快快使用起来吧!，今天给大家带来一款非常好用的函数库开发模板，该模板目前已开源，大家可放心使用！等工具包，能够让你在处理组件交互、处理日期时间、处理URL上有优异的表现。等配置，无需自己手动配置规则，另外还额外内置了众多非常实用的。等插件，能够让你保证良好的代码格式规范和极高的开发效率。好的到现在为止你已经将模板拉取到你的本地了。推荐，并且你无需手动配置对应插件的配置。
2024-11-07 22:34:32
296
原创 开箱即用的Vue3组件库开发模板
等功能，最最最重要的一点是配置极其简单，并且大部分配置集成在一个文件当中，方便统一管理，只需简单配置便可搭建你的技术文档站点，还等什么快快使用起来吧!，今天给大家带来一款非常好用的组件库开发模板，该模板目前已开源，大家可放心使用！等工具包，能够让你在处理组件交互、处理日期时间、处理URL上有优异的表现。等配置，无需自己手动配置规则，另外还额外内置了众多非常实用的。等插件，能够让你保证良好的代码格式规范和极高的开发效率。好的到现在为止你已经将模板拉取到你的本地了。函数的返回结果，具体请参照原有的代码示例。
2024-11-07 22:01:20
572
原创 开箱即用的uniapp微信小程序开发模板
该模板无需使用HBuilderX打包编译，通过VSCode便可实现，并且支持代码热更新、页面路由自动生成、组件自动导入、manifest.json自动生成、git提交格式验证等功能，最重要的是该模板统一在。文件中进行配置，且配置简单，这代表着开发者无需注重代码环境，更专注于业务的开发，还等什么快快使用起来吧!，今天给大家带来一款非常好用的uniapp微信小程序开发模板，该模板目前已开源，大家可放心使用！，这对于跳转某个页面时，如果没登录需要先登录在跳转的场景下非常有用，还内置了通用的。
2024-11-07 15:07:52
2963
4
原创 开箱即用的技术文档站点模板
等功能，最最最重要的一点是配置极其简单，并且大部分配置集成在一个文件当中，方便统一管理，只需简单配置便可搭建你的技术文档站点，还等什么快快使用起来吧!，今天给大家带来一款非常好用的技术文档站点模板，该模板目前已开源，大家可放心使用！，能够让你保证良好的代码格式规范和极高的开发效率，配置方面内置了。好的到现在为止你已经讲模板拉取到你的本地了。目录中的静态资源在引用时需要使用内置的。该模板集成了前端众多最新的技术栈，由。推荐，并且你无需手动配置对应插件的配置。等配置，无需自己手动配置规则。
2024-11-07 13:41:48
996
原创 h5海报图片合成实践
安装完成后还需要在tsconfig.json文件中的compilerOptions.types选项添加@dyb-dev/ts-config/types声明。在项目开发中我们经常会用到图片合成这个功能，最近也是闲着没事儿干将这个功能封装了一下，只需要传递一个图片路径和二维码配置便可得到一张海报图，使用示例如下。是不是很简单方便，完全符合海报图片合成较多的场景，如果你想使用该函数的话，那么请先安装以下包。希望能够帮助到大家！
2024-11-07 11:07:03
396
原创 移动端h5监测图片长按保存操作实践
在做项目的时候我们都会多多少少写一些监测代码，之前也是遇到了一个比较搞的需求，大概就是我需要监测用户长按保存图片，我发现浏览器似乎没有原生提供这样一个API，没办法只能自己模拟写一个了，在实现的过程中也是踩了一些奇奇怪怪的坑，比如说安卓和苹果的表现是不一样的。希望能够给大家带来帮助！
2024-11-06 22:19:49
309
原创 Vue3实现函数调用组件显示实践
例如现在有一个弹窗组件，通常的做法是我们会把这个组件放在模板当中，然后会给他传一个响应式变量去控制他是否显示，这样的确是正常写法，但是假如这个组件在很多页面上用到，这个时候就比较头痛了，首先一个就是麻烦灵活性也不够还有一方面就是增加了代码量维护困难，可我们的最佳做法应该是用最少的代码量去实现一个功能，这个时候我了解到了函数式调用组件的实现方式，在此之前也是通过欣赏vant的源码才获得这方面的一个灵感，下面分享给大家如何使用函数式调用组件显示。，已经经过我严格的测试了的，最后希望能够给大家代码帮助！
2024-11-06 21:30:19
593
原创 行内样式px转vw实践
还是蛮nice的哈哈哈，他可以帮助你在行内样式的px单位转vw单位，比较牛的一点的是他还支持动态转换，也就是说当你用变量进行绑定的时候，动态去更改这个变量他也是能够自动转换vw的，这里帮忙推广一下希望能够给大家带来帮助！插件，但是有一个比较难受的问题就是这个插件不支持行内样式的转换，但我们难免有时候会写一些简单的行内样式，所以这里偶尔看到了一个插件。移动端自适应方案有很多，这里我们团队使用的是px转vw的方案，使用的是。
2024-11-06 20:27:34
337
原创 网站离线访问Vite实践
在src目录下新建sw目录并新建sw.ts文件，然后将以下代码复制粘贴，这块代码的目的其实就是激活新的Service Worker服务、手动清理旧缓存、手动注册配置缓存机制，但是请注意关于post请求结果缓存似乎不支持注册配置，因此需要自己拦截响应做缓存手动处理相关逻辑。好的讲一下实现的基本原理，其实本质上就是通过service worker技术在请求响应的时候拦截了一层，将响应的静态资源或数据缓存到本地，这样下次访问的时候就无需在从服务器获取。好的，所有的相关使用流程已经说完啦，希望能够帮助到你！
2024-11-06 17:48:22
1095
9
原创 微信小程序隐私授权实践
我发现在某些需要用户授权的接口或组件会虽然自动拉起隐私弹窗，但是当你拒绝之后，想再次自动拉起隐私弹窗必须要等待10秒钟，官方的说法是为了防止频繁打扰用户，可我认为有时候就是不小心点到了拒绝，这个时候体验是很差的，因此直接在这之前手动调用`wx.requirePrivacyAuthorize`函数，这样每次都会弹出默认弹窗了。里面阐述了你的小程序涉及了用户哪些隐私信息，例如手机号、头像、昵称等，如果后续小程序新增的功能涉及了协议之外的隐私信息，那么请一定要及时更新隐私协议内容，否则相关接口将不可调用。
2024-11-03 19:28:32
3464
原创 FullCalendar日历插件高度定制化实践
最近由于客户需求需要做一个高度可定制化的日历......于是机缘巧合之下我认识了FullCalendar这个插件，查了相关中文版的使用教程，发现大部分讲解的其实不是很详细，并且无法满足我的需求，没办法只能生啃官方的英文文档了，下面我将我的一些使用经验分享给大家，也是踩了不少坑......话不多说直接进入正题。首先我这边是直接把对应的js文件下载下来了通过script标签引入的，版本号是v6.1.13，如果你是使用的是vue、react、angular等框架，不用担心官方文档中也有对应的教程，例如。
2024-11-03 02:26:46
804
原创 nvm自动切换node版本实践（只适用于mac）
会话，macOS系统默认使用`zsh。将以下代码添加至`.zshrc。2. 当前终端目录存在。`（注意：.zshrc。
2023-11-27 22:27:07
433
原创 VsCode插件合集
当注释是英文时，悬浮即可翻译，并且当你悬浮在某个函数或方法上面时，也可翻译为中文，快速阅读该函数的注意事项，也可选择翻译源为谷歌翻译。：如果你已经在盒子上已经定义好class名，按下快捷键即可快速生成样式表，不用自己再去写.class{}：自动补全常用代码片段，除此之外还提供与al交互工具，以及代码翻译等功能（注意：这是免费的哦！：当你的代码中用到图片的静态路径时，悬浮在路径上可展示图片的图像和尺寸，方便设置图片宽高。：当你悬浮某个盒子的class属性时，按下快捷键即可跳转定位到该class的书写位置。
2023-11-25 19:25:01
1839
原创 微信浏览器静音模式下自动播放音频实践
sprite: {} // 声音精灵用于只需播放BGM的特定片段。console.log('BGM播放')volume: true, // 音量大小0~1。loop: true, // 是否循环播放。src: url, // BGM路径。库，具体安装教程可查看。，具体教程请看官方文档。
2023-11-25 13:33:10
848
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人