- 博客(68)
- 收藏
- 关注
RSS订阅原创 MasterGo AI快速生成网页设计图 &&生成多框架前端代码
MasterGo是一款由国内设计工具平台 MasterGo（莫高设计）推出的 AI 驱动型智能设计工具，旨在通过人工智能技术革新传统设计流程，提升从界面设计到代码生成的全链条效率。输入需求后，AI 可自动生成移动端或网页端的设计稿，并适配主流组件库（如 Ant Design、Element Plus）的样式。生成的界面可直接导出为 Vue 或 React 代码，且自带交互效果，研发人员可直接使用，大幅缩短开发周期（传统流程从数天缩短至分钟级）
2025-04-09 17:10:19
209
转载 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
在 AI 编程领域国内外有一堆能叫的上号的应用：Cursor、Windsurf、Trae、阿里的「通义灵码」、百度的「文心快码」、字节跳动的「MarsCode」、科大讯飞的「iFlyCode」、GitHub 的「Copilot」等。这么多的 AI 编程应用，它们到底有什么区别？这些编程应用的实现原理到底是什么样的？
2025-03-11 15:51:17
147
原创 git规范提交之commitizen conventional-changelog-cli 安装
根据 Git 提交历史自动生成变更日志（Changelog），帮助开发者自动创建清晰且一致的 CHANGELOG.md 文件，简化了软件发布过程中手动维护变更记录的繁琐工作；
2025-03-10 15:38:20
664
原创 2024年度工作小结
尊敬的领导: 您好！ 非常高兴能够加入XXX这个大家庭，感谢领导对我的认可和信任。作为XXX的一名前端开发，在过去几个月中积极参与了多个项目的开发和维护工作。本年终小结旨在总结我在工作中的成就和不足，并为未来发展制定明确的目标和计划。
2025-01-07 14:59:45
102
原创 uniapp小程序实现自定义返回按钮和胶囊对齐 做到兼容各手机型号
【代码】uniapp小程序实现自定义返回按钮和胶囊对齐 做到兼容各手机型号。
2024-01-23 14:55:30
1335
原创 uniapp引入第三方字体库如（宋体、喜鹊燕书体、字小魂歌以晓手迹行楷体等) 最优解决方案
uniapp 开发小程序时 怎么样使用第三方字体库（比如宋体、楷体等）呢
2024-01-10 17:29:35
5489
4
原创 echarts lineStyle 宽度(width)和颜色(color)动态处理
echarts lineStyle 动态设置线条的宽度和高度
2023-08-06 17:51:50
4921
5
转载 你会用ES6，那倒是用啊?！ 说的是我，没错了
不是标题党，这是一位leader在一次代码评审会对小组成员发出的“怒吼”，原因是在代码评审中发现很多地方还是采用ES5的写法，也不是说用ES5写法不行，会有BUG，只是造成代码量增多，可读性变差而已。恰好，这位leader有代码洁癖，面对3~5年经验的成员，还写这种水平的代码，极为不满，不断对代码进行吐槽。
2023-06-17 14:52:19
187
原创 利用ChatGPT优化代码
这里定义了一个名为 statusMap 的对象，其中每个属性都对应一个状态码及其对应的状态描述。在返回值时，可以根据传入的 key 直接从 statusMap 对象中取出对应的状态描述，如果没有找到则返回 --。这样的写法不仅更简洁，而且代码可维护性也更高，因为只需要维护 statusMap 对象即可，而不需要修改 switch 语句中的多个 case 分支。众所周知，ChatGPT是一个基于大规模预训练语言模型的对话系统，由OpenAI开发。它可以帮助我们查找资料，进行内容创作，翻译语言等。
2023-04-18 14:33:36
1570
原创 el-radio动态渲染时 label的显示问题
el-radio在动态渲染时，因为label的原因，在标签中不加任何字符时，都会默认把label绑定的值显示出来
2023-03-21 18:41:26
2269
原创 uniapp底部tabbar编译到APP和小程序 图标大小问题
（这里借用网友的一张图 说明下问题）图片左边是编译到APP的效果，右边是编译到小程序的效果，这样写，编译到APP端时才可以正常运行（不知道原因，但是，是亲自踩坑过的））小程序引用尺寸相对小的图标，APP引用尺寸较大的图标；】注意 这样写编译到APP时会报错，
2023-02-07 18:35:45
2611
1
原创 uniapp编译到h5隐藏指定页面底部tabbar
onShow() { // #ifdef H5 uni.hideTabBar({}); // #endif},
2023-02-03 23:21:10
951
2
原创 uniapp APP分享；判断用户是否安装APP，已安装直接打开，未安装跳转下载页；uniapp 在外部打开APP（schemes）
A将某商品分享给B，B点击后判断是否安装APP，若安装直接打开，没有安装则跳转下载页；
2023-02-03 18:17:14
4891
2
原创 uniapp提交应用市场打包问题和安装应用弹出隐私政策协议问题（Android）
uniapp提交应用市场打包问题和安装应用弹出隐私政策协议问题。
2023-02-02 10:40:07
2375
原创 1.微信小程序页面跳转方法总结；2. navigateTo堆栈到十层不跳转问题
1. 微信小程序页面跳转方法总结2. navigateTo堆栈到十层不跳转问题
2022-06-30 17:17:36
593
原创 修改已经上线的小程序名称
需求：修改已经上线的小程序的名称ps: 修改名称的费用为300RMB，每年有两次修改机会解决办法：1、登录【微信公众平台】 https://mp.weixin.qq.com/；2、依次点击左侧功能栏的【设置】->【基本设置】->【小程序名称】->【去认证改名】，如图：这里需要验证该小程序绑定人的信息，如图：修改名称，如图：填写发票信息：支付费用：至此，修改名称的申请已经提交3.查看审核进度，登录【微信公众平台】->【设置】->【基本设置】->【微信认证】，如图：......
2022-06-30 14:37:48
2897
转载 Git-回退到指定版本 reset/revert
发现一篇很好的文章 受益匪浅原文链接：https://blog.youkuaiyun.com/JeffersonZHabc/article/details/89841580原理： git reset的作用是修改HEAD的位置，即将HEAD指向的位置改变为之前存在的某个版本，如下图所示，假设我们要回退到版本一： 适用场景： 如果想恢复到之前某个提交的版本，且那个版本之后提交的版本我们都不要了，就可以用这种方法。1. 查看版本号： 可以使用命令“git log”查看： 也可以在github网站上查看： 2. 使用“
2022-06-22 20:00:08
22264
2
原创 git常用操作 满足日常开发
满足小白们日常的开发工作最近用到git操作比较多，这里记录一下，方便以后忘记的时候查阅：提交代码创建并切换到新分支创建分支切换分支查看所有分支查看当前所在分支创建分支并将该分支推送到远端删除分支并推送到远端重命名分支并推送到远端合并分支暂存更改查看stash列表将堆栈中最新的内容pop出来应用到当前分支上，且会删除堆中的记录恢复指定的stash的内容删除缓存ps: 日常工作流暂时先总结这么多，后面用到的会再补充进来…...
2022-06-12 11:06:26
145
原创 git操作 写新需求忘记拉分支了怎么办
场景：写需求1的时候忘记拉分支，直接写在了master上，并且提交到了远端仓库。现有需求2(还未开发)要求在6月18号之前发布，需求1在6月底发布，怎样操作才能保证只发布需求2？解决办法：git checkout -b dev-le 版本号 //dev-le为新建分支的名字,可自定义git push origin dev-le:dev-le //将新建的分支推到远端其中：版本号为提交需求1的上一次提交的版本号如图所示：.........
2022-05-30 19:46:15
802
原创 uniapp easycom模式开发使用技巧
uniapp中pages.json里面的easycom模式使用：传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。 只要组件安装在项目的components目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册，直接在页面中使用。参考链接：https://www.jb51.net/article/219995.htm官网链接：https://uniapp.dcloud.io/collocation/pages.html
2022-05-03 17:40:11
748
原创 微信小程序 隐藏页面导航栏左上角的小房子
描述：隐藏页面导航栏左上角的小房子解决办法：onShow(){ wx.hideHomeButton(); },在当前页面的onshow方法里面写上wx.hideHomeButton();来隐藏小房子的显示（uniapp同理，将wx替换成uni即可）
2022-04-29 11:33:53
4425
2
原创 微信小程序预览和真机调试调不通接口 开发调试却可以
小程序 预览和真机调试调不通接口 打开调试却可以？原因：没有在微信开发后台配置域名具体操作：打开https://mp.weixin.qq.com/ ，依次选择【开发管理】-【开发设置】-【服务器域名】-【修改】，将当前使用的域名添加到request合法域名中， 如图：...
2022-04-28 14:06:48
2149
原创 微信小程序开启页面分享
效果:before:after:使用:https://uniapp.dcloud.io/api/plugins/share.html#onshareappmessage示例：onShareAppMessage: function () { return { title: '活动详情', desc: '这是一个活动详情!', path: 'pages/activityDetail/main?id=123' }}...
2022-04-13 20:23:49
866
原创 1.下架已上线的小程序；2.设置不允许被用户搜索到
下架已上线的小程序： 登录微信开发者后台【设置】-【功能设置】-【暂停服务设置】-【暂停服务】，如图设置小程序不允许被用户搜索到： 登录微信开发者后台【设置】-【功能设置】-【隐私设置】-【关闭】，如图操作过程中遇到的问题： 在关闭搜索后，进入微信 搜一搜 搜索当前小程序(模糊搜索)，发现依然可以搜到，后来咨询了微信官方客服，发现 关闭搜索是按照小程序全程来关闭的，关闭搜索后用户将无法通过小程序全程进行搜索展现。...
2022-04-12 16:45:03
5289
原创 uniapp 实现文档、图片的下载和预览
需求：uniapp 实现图片以及文件(支持格式：doc, xls, ppt, pdf, docx, xlsx, pptx)的下载并预览效果：用到的API://下载文件资源到本地uni.downloadFile(OBJECT)//保存文件到本地uni.saveFile(OBJECT)//预览图片uni.previewImage(OBJECT)//新开页面打开文档，支持格式：doc, xls, ppt, pdf, docx, xlsx, pptxuni.openDocument(OB
2022-04-01 13:24:51
4007
原创 微信小程序 底部按钮(position: fixed；)遮挡列表内容问题
问题描述：当页面数据接近或超过一页的时候，页面底部的固定按钮会遮挡一部分内容，导致内容显示不全，如下图：(列表的最后一个item的删除和更换按钮被底部固定的按钮遮住了)解决方法：在列表下边加一个盒子，给这个盒子一个高度，高度大于等于底部按钮的高度<template> <view class="goodsList"> <view class='list'> <view class="recommend-item" v-for="(item,
2022-03-25 11:24:06
3975
原创 微信小程序点击拨打电话wx.makePhoneCall()
效果图：使用的方法：https://developers.weixin.qq.com/miniprogram/dev/api/device/phone/wx.makePhoneCall.htmlDemo：<template> <view class="sunSetPage"> <image src="{{url}}" mode="aspectFit"></image> <view class="makePhone" @click="
2022-03-17 15:07:41
2626
原创 uniapp保存图片到本地报错提示https://xxx.com不在以下downloadFile合法域名列表中
场景： uniapp开发时，点击保存图片到本地，一直显示加载中，保存不了图片。。。原因：报错提示：https://busb2b.xx.com不在以下downloadFile合法域名列表中。。。解决：在微信小程序管理后台下的downloadFile合法域名中添加该域名（登录微信小程序的管理后台，依次点击“设置”，“开发设置”，拖动网页，找到“服务器域名”的部分，点击后面的“修改”）...
2021-08-28 19:09:18
2257
原创 uni-popup 小程序首页弹出层
场景： 要求在首页加载的时候弹出弹框显示一张图片，弹出五秒后自动关闭，也可以点击 叉号手动关闭；如图：代码：<template> <u-popup class="auth-popup" mode="center" width="600rpx" height="770rpx" :closeable="true" close-icon-color="#010101" :mask-close-able="false" close-icon-size="42" bo
2021-08-20 19:39:13
1740
原创 常见HbuilderX和微信开发者工具的问题
1、点击HbuilderX工具无反应，打不开？解决方法： 在C盘找到AppData\Roaming文件夹，在Roaming文件夹下可以找到HBuilderX文件夹，如图，将该文件夹删掉，然后回到桌面重新点击图标即可；2、HbuilderX无法自动启动微信开发者工具？出现上述情况，可检查三个地方，a. 微信开发者工具的安装路径是否存在空格。（也不要安装在以下两个文件夹下，因为文件夹的名字存在空格）；b. 检查是否在HbuilderX工具中配置微信开发者工具路径；（工具 -> 设置 ->
2021-08-20 18:35:17
1673
原创 使用nvm下载(不用配置环境变量)和管理nodejs
目录场景：解决方案：场景：最近在做的一个项目，指定使用版本为12.18.0的nodejs，然而我使用的nodejs版本为8.x。第一时间想到的解决办法是卸载8.x版本的nodejs，然后重新安装，但是如果以后又遇到类似的问题，比如又需要15.x版本的nodejs呢。所以，最好的解决办法是安装nvm来管理和快速切换nodejs版本。解决方案：如果电脑上有安装nodejs，必须先卸载干净。参考链接：https://stackoverflow.com/questions/20711240/ho
2021-07-10 12:59:41
1107
原创 微信小程序--新建项目
打开微信开发者工具，选择 小程序，点击加号点击 加号 之后填写项目信息，并创建项目备注：AppID查看方式，参考该篇博客：https://blog.youkuaiyun.com/weixin_44900565/article/details/105331204eg: 如图创建成功后如图所示如有错误，欢迎指正...
2021-06-05 23:14:26
260
原创 vue-cli不同版本对比(vue-cli2/cli3/cli4)
版本/操作vue-cli2vue-cli3/cli4vue-cli下载安装 npm install vue-cli -g npm install -g vue@cli创建新项目vue init webpack 2.0projectvue create 3.0project启动项目npm run devnpm ru...
2021-05-22 19:28:00
2282
原创 js中遍历对象的方法
类型特点举例Object.keys(obj)返回对象本身可直接枚举的属性（不含Symbol属性）const obj = {a:'aaaaa',b:'bbbbb'}; Object.keys(obj); //['a', 'b']Object.values(obj)返回对象本身可返回的属性值（不含Symbol属性）const obj = {a:'aaaaa',b:'bbbbb'}; Object.values(obj); //['aaaaa', 'bbbbb']Obje...
2021-05-21 23:13:19
354
原创 vue引入elementUI
vue引入ElementUI一. 全局引入项目根目录下执行命令：npm i element-ui -Smain.js中引入elementui:import Element from 'element-ui'import 'element-ui/lib/theme-chalk/index.css';Vue.use(Element)在组件中直接使用二. 按需引入项目根目录下执行命令：vue add elemen此时我们选择按需引入（import on demand）选
2021-01-31 17:12:48
441
原创 vue反向代理解决跨域问题（vue 3.0，vue-cli3.0），vue-cli2.0在config下的index.js中配置，vue-cli3.0在根目录下创建vue.config.js配置
【注】反向代理用来解决前端跨域问题，vue-cli3.0移除了配置文件目录，config和build文件夹，没了config文件夹，跨域需要配置域名时，从之前的config/index.js 挪到了vue.config.js中，配置方法不变.大致步骤：(本例的请求地址为：https://m.maoyan.com/ajax/movieOnInfoList?token)npm install --save axios在vue.config.js文件（和package.json文件同级，需要自行创建）中进
2021-01-09 20:36:40
653
原创 组件命名不规范带来的问题
想要在Movie组件中加一个头部header和一个底部tabbar,但是遇到了问题，如下：在引入header组件时，该有的步骤都有，检查路径也没有问题，但是显示报错信息：‘The “header” component has been registered but not used.’。tabbar可以正常显示。于是，我尝试将header组件的首字母大写，也就是改为Header，之后发现问题解决了，header和tabbar正常显示。然后我就想应该是组件命名的问题，所以，在命名组件时，尽量按照官
2021-01-03 22:42:26
674
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人