- 博客(92)
- 收藏
- 关注
RSS订阅
原创 安装了VueDevtools插件但在控制台不显示Vue的解决方案
出现问题安装好Vue Devtools插件后，在Google浏览器中开发调试的时候，右上角的Vue图标变亮，但是在开发者工具中没有出现Vue调试。如下图：控制台的Vue调试应该如下图显示分析原因第一种情况：没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，或是没有勾选https://github.com/vuejs/vue-devtools1. If the page uses a production/minified build of Vue.js, devtools in
2021-07-06 10:15:32
10919
8
原创 vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确， 然后再试一次 必解决技巧
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确， 然后再试一次#vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确， 然后再试一次报错原因：没有安装脚手架vue-cli解决方法：安装脚手架vue-cli通过下面的命令来安装脚手架npm install vue-cli -g不行的话下面步骤方法：如果安装 nodejs 的时候
2021-03-25 15:31:58
53631
3
原创 hbuilder x怎么安装sass插件 秒会
@hbuilder x怎么安装sass插件hbuilder x怎么安装sass插件安装node-sass插件在HBuilderX中，使用scss/sass是需要安装node-sass编译插件的。点击菜单【工具】【插件安装】如果安装失败，请见：http://ask.dcloud.net.cn/article/35468编译scss文件选中scss文件，鼠标右键，点击菜单【外部命令】【sass】【编译sass/scss】敲黑板了 注意 都解决不了 来看这里了windows
2021-03-20 15:25:31
5538
原创 微信小程序 登录与退出登录
app。js里onLaunch() {// 展示本地存储onLaunch: function () {//判断用户的登录状态this.globalData.loginPromise = getUserInfo().then(res => {if (res.data.code == 0) {this.globalData.isLogin = true;this.globalData.userInfo = res.data.data} else {//未登录}return"我执行完了
2021-02-02 13:57:04
5612
原创 网易云 音乐 url 引入步骤
网易云 音乐 url 引入步骤网易云 音乐 url 引入步骤部分用户反馈获取的 url 会 403,hwaphon找到的解决方案是当获取到音乐的 id 后，将 https://music.163.com/song/media/outer/url?id=id.mp3 以 src 赋予 Audio 即可播放##步骤 对src属性自己定义一个变量audioSrc:"" 在data 里面 定义这个变量this.audioSrc = https://music.163.com/
2021-01-04 14:49:14
7164
原创 前端 易忘精髓
本文总结了几个实用的JavaScript技巧：1) 数组去重使用[...new Set(arr)]，数组扁平化使用arr.flat(Infinity)；2) 解决Vue页面加载时花括号闪烁问题，使用v-cloak配合CSS样式[v-cloak]{display:none}；3) 将键值对对象转换为对象数组，使用Object.entries(obj).map()方法；4) 数据类型判断的几种方法，最权威的是Object.prototype.toString.call(value)。这些技巧涵盖了数组处理、Vu
2026-04-10 14:12:26
61
原创 vscode 安装配置claudeCode 配置美团免费模型LongCat-Flash-Thinking-2601的每天500000token 保姆级教程
本文提供了在VSCode中配置ClaudeCode插件的详细教程。首先通过官网安装插件后，重点讲解了配置步骤：1）进入插件设置并打开Settings.json文件；2）使用美团最新模型，需在指定网址创建并复制API Key；3）在配置文件中添加包含API Key、基础URL和模型名称的环境变量；4）保存并重启VSCode即可使用第三方模型。教程特别提醒要添加"hasComplatedOnboarding": true以避免登录提示，并提供了完整的配置代码示例。
2026-04-02 10:17:42
329
原创 vue首屏加载优化
本文介绍了Vue项目性能优化的四种实用方案：1.异步路由加载，通过require.ensure实现按需加载；2.不打包库文件，利用externals配置将大体积库文件外链引入；3.关闭sourcemap以减少文件体积；4.开启Gzip压缩，配合nginx配置提升传输效率。这些方法能有效减少首屏加载时间，显著提升用户体验。文章还提供了代码示例和配置细节，并建议在优化后仍可使用loading效果或骨架屏进一步改善首屏体验。通过实际项目验证，这些优化措施能大幅降低打包文件体积，提升页面加载速度。
2026-03-27 18:16:47
479
原创 配置字节 Trae 智能体调用 Figma MCP 的完整步骤
本文详细介绍了配置字节Trae智能体调用Figma MCP的完整流程：1）获取Figma访问令牌，需选择file_read和webhooks权限；2）注册Trae国际版开发者工具；3）从市场添加Figma MCP；4）创建"Figma还原师"智能体并设置提示词，要求精准还原UI设计；5）使用步骤包括复制Figma设计链接、在Trae中粘贴并提交需求，智能体将自动生成响应式前端代码。通过以上配置即可实现设计稿的自动还原功能。
2026-03-24 16:30:31
706
原创 Eleme-Ui 请提示展示在弹窗，抽屉上面（最上方）
重点：最后面再加一个style 不要加scoped。重点：最后面再加一个style 不要加scoped。重点：最后面再加一个style。要显示在左上方的写法。
2026-03-03 10:32:11
153
原创 uniapp开发的微信小程序嵌入视频号
微信小程序提供两种打开视频号视频的方式：1）通过wx.openChannelsActivity接口跳转观看，无主体限制但需真机调试；2）通过channel-video组件内嵌视频，基础库2.31.1+版本支持非个人主体小程序嵌入非同主体视频，需使用feed-token参数。两种方式均需提供视频号ID和feedId，内嵌方式还支持自动播放、静音等播放控制。开发者需注意版本兼容性和主体限制要求。
2026-01-22 10:50:39
651
原创 elementUi 当有弹窗的时候提示语被覆盖的问题
摘要：本文展示了两种实现错误提示弹窗的方法，当保单号为空时显示"保单号不能为空!"的报错信息。第一种使用this.$message.error()简洁写法，第二种通过配置对象方式自定义样式类messageIndex。关键点在于需要单独定义非scoped的CSS样式，通过!important提高z-index确保弹窗层级显示正确。两种方式都能实现错误提示功能，第二种提供了更灵活的样式定制选项。
2026-01-08 11:18:32
193
原创 webpack 打包流程（极简记忆口诀）
Webpack打包流程可简化为：执行命令→读取配置→定位入口→构建依赖图→Loader转换→代码分块→输出文件→显示结果。核心概念包括：配置文件（任务说明书）、入口（起点）、模块依赖图（关系地图）、Loader（翻译器）、Plugin（功能插件）、Chunk（代码块）、Bundle（输出文件）和Output（目标路径）。该流程通过分析入口文件及其依赖，使用Loader处理非JS资源，最终打包优化后输出到指定目录。整个过程实现了前端资源的模块化管理和高效打包。
2025-12-31 10:42:40
356
原创 unicloud云数据库操作重要指令
本文介绍了uniapp+ unicloud数据库查询中的常用操作符和方法：1) in和nin用于字段值在/不在指定数组中；2) and和or实现逻辑条件组合；3) 正则表达式查询的多种写法；4) 数组更新和查询方法，包括指定下标查询和对象数组查询。这些操作符和方法可用于构建复杂查询条件，满足不同业务场景下的数据筛选需求。
2025-11-07 15:55:20
349
原创 掉接口封装的参数控制台 有值 network 里丢失问题
摘要 本文展示了如何优化前端图片批量处理代码，将原有的forEach循环方式重构为Promise.all实现。原代码逐个处理图片并异步推送结果，存在逻辑顺序混乱的问题。改进方案使用Promise.all并行处理所有图片转换，确保所有图片转换完成后再统一提交表单数据，避免了异步操作导致的时序问题。新方案通过map创建promise数组，利用Promise.all统一管理异步流程，并在最终then中执行后续接口调用，使代码逻辑更加清晰健壮，同时添加了错误处理机制提升稳定性。
2025-11-05 15:21:07
151
原创 【element ui系列】分享几种实现el-table表格单选的方法
本文介绍了两种实现表格单选功能的Vue组件方法：1）使用复选框(checkbox)方式，通过隐藏表头多选框并绑定row-click和selection-change事件，实现点击行选中/取消选中效果；2）使用单选框(radio)方式，结合current-change事件和row-dblclick事件，实现单选和双击取消功能。两种方法都提供了完整的代码示例和样式处理方案，适用于不同场景下的表格单选需求。
2025-08-19 17:54:06
374
原创 开通支付宝开发平台，实现支付宝支付，支付宝支付证书生成教程
本文详细介绍了支付宝支付功能接入流程：1）登录支付宝开发平台创建网页/移动支付应用；2）按要求填写表单并完成开发设置；3）通过秘钥工具生成CSR文件获取私钥；4）上传CSR文件获取证书文件；5）将证书文件放置到指定目录并提交审核。特别注意：H5支付需签约"支付宝当面付"，个人开发者建议认证为个体工商户以开通更多产品。完成所有步骤后需提交应用审核上线。
2025-08-17 13:34:00
637
原创 【uniCloud】Error: 获取第三方账号失败
本文介绍了在uniCloud中获取小程序用户信息的解决方法。首先，需要获取小程序的appId和AppSecret，并在uniCloud的对应位置进行配置。接着，重新上传uniCloud并重新请求用户信息。如果仍然无法获取，可以尝试关闭白名单或将相关IP地址加入白名单，具体操作根据公众号或小程序的不同进行相应设置。通过这些步骤，可以成功获取到用户信息。
2025-05-09 18:27:52
497
原创 使用云开发数据库实现登录功能(一看就会)
主要部分就在JS代码部分，先获取输入的值，再判断数据是否正确或者是否注册过。使用云开发数据库实现登录功能，多的不说了直接看代码。
2024-12-17 10:39:36
206
原创 elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择
【代码】elemnt ui 时间选择器。当前日期往前推6个月以前的的不可选择。
2024-05-28 14:09:40
619
原创 微信小程序开发自定义字体样式（维吾尔语字体)
首先在utils文件夹里面创建font文件夹 然后 font文件夹里面创建font.wxss文件。然后app.wxss全局css样式引入字体样式就可以。font.wxss文件夹里面加入这些代码。
2024-05-22 09:44:05
21541
原创 微信小程序英文版：实现一键切换中英双语版（已组件化）
因为updateContent()方法放在onLaunch函数里，所以切换语言后我加了一个wx.reLaunch()重启首页，才能获取新的语言文本。第四步，给所有页面的onShow()里都加上如下代码，然后别忘了把原本的文本都改成{{content.xxx}}这样的形式，就搞定啦。所有操作都打包在组件里不需要在额外的地方添加代码，直接在你需要的页面里导入组件，再在对应页面的onLoad()里set文本就行了。第三步，把切changeLanguage()方法bindtap在首页的元素里。
2024-04-15 23:42:04
1996
原创 vue实现base64格式转换为图片
如果在script标签中用setup那更简单，HTML的部分不变（保姆级教学教到底）找了很多，但是都不太好用，打算自己总结一个保姆级教学，无需动脑，电脑有电就能实现。在HTML部分，我们需要一个标签来放置图片。其次，我们需要引入ref。
2024-03-06 16:14:40
1224
1
原创 H5页面引入vconsole，移动H5调试打印console的方法
为了方便H5页面在手机上调试，可以引入vconsole并使用，下面是引入和使用的方法。二、在项目中创建vconsole.js文件，并添加以下内容。二、在main.js中配置全局使用。
2024-02-05 18:38:32
1408
原创 vue3自定义按钮点击变颜色（切换）
利用动态类名，当定义isChange数值和下标index相同时，赋予act类名，实现变色效果。实现效果图： 默认选中第一个按钮，未选中按钮为粉色，点击时颜色变为红色。
2024-01-18 18:32:49
1637
2
原创 vue3自定义按钮点击变颜色实现（多选功能）
利用动态类名，当定义isChange数值和下标index相同时，赋予act类名，实现变色效果。实现效果图： 默认选中第一个按钮，未选中按钮为粉色，点击时颜色变为红色。
2024-01-18 18:27:49
1920
原创 hbuilder能不能开发鸿蒙app
总结起来，HBuilder作为一款开发工具，通过HTML5技术和鸿蒙应用框架的结合，提供了一种方便快捷的开发方式，使开发者可以使用熟悉的HTML、CSS和JavaScript语言来开发鸿蒙应用。通过HBuilder，开发者可以快速搭建应用的用户界面和交互逻辑，并利用鸿蒙应用框架的API来访问设备功能和数据。然后，HBuilder使用鸿蒙应用框架提供的API，将HTML5应用转化为原生的鸿蒙应用。4.添加鸿蒙应用框架：在HTML文件的头部引入鸿蒙应用框架的相关库文件，包括样式表和JavaScript库。
2023-12-19 13:42:37
3213
4
原创 导航守卫 的使用 模板
提供的导航守卫主要用来通过跳转或取消的方式守卫导航。这里有很多方式植入路由导航中：全局的，单个路由独享的，或者组件级的。调用next({routerPath})表示导航到此地址，一般情况用户未登录时，会导航到登陆界面。调用next(false)表示不放行，不允许此次路由导航。该函数在导航守卫中可出现多次，但是只能被调用一次!调用next()表示放行，允许这次路由导航。from：将要离开的路由信息对象。正如其名，vue-router。to：将要访问的路由信息对象。
2023-12-19 10:08:25
489
原创 谷歌浏览器打印时跳过预览窗口直接打印
只需要在桌面的谷歌浏览器快捷方式上右键选择属性，然后找到目标目录，在目标目录最后的双引号外边加上 --kiosk-printing然后关闭浏览器再打开就可以打印时强制跳过打印预览页面直接打印。然后我意识到这不是使用js这些前端代码能解决的问题，后来我就去找插件，找了一些发现不是收费就是很难用，还有带水印的，然后我发现了‘ --kiosk-printing’属性。接到一个需求，需要用电脑连接超市的小票打印机，打印用户选中的某条数据。但是用户不想每次选中打印数据点击确定后还要再次在预览窗口点击打印按钮。
2023-02-16 09:53:14
7002
6
原创 vue实现打印浏览器页面功能(两种方法)
插件地址：https://github.com/xyl66/vuePlugs_printjs1.在src下新建文件夹plugs,将下载好的print.js放入plugs文件夹下2.在main.js中引入print.js 里的代码//print.js 里的代码 // 打印类属性、方法定义 /* eslint-disable */ const Print = function(dom , options) {if(!
2023-02-13 17:52:20
6037
原创 element-ui限制输入框输入的数不小于0且整数位最多为5位小数位最多为两位
【代码】element-ui限制输入框输入的数不小于0且整数位最多为5位小数位最多为两位。
2023-02-09 09:48:43
1335
原创 vue数据data中数组值改变不会更新视图解决
vue 中无法检测到根据索引值修改的数据变动的，这种写法数组的值不会更新视图，vue只监听了数组的splice,push,unshift等方法，可以使用$set方法会更新视图。如果是修改数组对象下的属性，可以使用以下方法。
2023-01-10 14:30:53
431
原创 uniapp 报错 [ app.json 文件内容错误] app.json: app.json 未找到(env: Windows,mp,1.05.2107090； lib: 2.20.1)
在project.config.json中添加一句"miniprogramRoot": “unpackage/dist/dev/mp-weixin/”,uniapp 报错 [ app.json 文件内容错误] app.json: app.json 未找到。然后重新编译就可以啦。
2022-11-22 17:39:25
1757
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人