- 博客(42)
- 收藏
- 关注
RSS订阅原创 在 Ant Design Vue 中实现滚动页面时保持下拉菜单展开
通过合理配置、自定义 CSS 或动态事件控制，可以有效实现 Ant Design Vue 下拉菜单在滚动时的保持展开。开发者可根据具体场景选择最适合的方案。如果遇到复杂情况，建议结合多种方法以达到最佳效果。
2025-03-29 11:36:58
385
原创 2024 前端技术指南：从趋势到实战，构建你的知识地图
前端的 “寒冬” 或许存在，但技术的春天永远属于持续进化的开发者。无论是拥抱 AI 工具，还是深耕框架原理，关键在于构建属于自己的 “技术护城河”。保持对前沿的敏感度，沉淀核心竞争力，才能在行业变革中立于不败之地。未来已来，让我们一起做技术浪潮中的 “冲浪者”。
2025-03-17 11:52:09
263
原创 实现大屏的自适应缩放原理
媒体查询允许你根据不同的屏幕尺寸和设备特性应用不同的 CSS 样式。通过定义多个媒体查询规则，可以为不同的屏幕尺寸提供不同的布局和样式。这种方法的核心是通过比较当前视口尺寸和大屏原始设计尺寸，计算出合适的缩放比例，然后使用 CSS 的。（视口宽度和高度中较大值的百分比）。使用视口单位可以让元素根据视口的大小自动调整尺寸。视口单位是相对于浏览器视口尺寸的单位，常见的有。（视口宽度和高度中较小值的百分比）和。属性对大屏内容进行整体缩放。（视口宽度的百分比）、（视口高度的百分比）、
2025-03-06 15:19:24
361
原创 uniapp下拉选择组件
要解决第一和第二个问题，我们的自定义组件需要使用插槽，插槽用来放我们的初始显示组件，来灵活适配各种组件。以上代码都可以直接拷贝使用，无其他关联项，vue2、vue3、小程序、h5、APP都可用。2、初始显示的组件不能定死，可以是button，可以是view，或者是input，要灵活。3、dataList：传入的数据列表，列表为对象，多选时对象需要指定唯一标识。，但是不支持input组件，所以我们自己来实现一个。
2024-12-25 11:11:44
2455
原创 vue-baidu-map基本使用
是一个基于 Vue.js 的百度地图组件库，它封装了百度地图的 JavaScript API，使得在 Vue 项目中使用百度地图功能更加便捷。下面是如何在 Vue 项目中安装和使用。
2024-11-28 14:13:08
342
1
原创 10分钟学会TS
文章主要介绍了 TypeScript 这一编程语言，它是 JavaScript 的超集，增加了类型注解和编译时类型检查等特性。对比了与 JavaScript 的区别，阐述了优缺点、使用场景、安装过程、特性及面试题相关内容，包括类型系统、编译执行、功能扩展等方面的差异，还涉及数组、元组、枚举、函数、接口、泛型等特性。
2024-11-05 10:41:06
799
原创 uni-app 获取 android 手机 IMEI码
if (e.granted.length > 0) { // 权限被允许 // 调用依赖获取定位权限的代码 console.log('Granted!
2024-10-25 10:46:11
1986
2
原创 git基本使用：git分支的操作命令
Git 的多分支管理是指在同一个仓库中创建和管理多个分支，每个分支可以独立开发，互不干扰。分支是 Git 中的一种强大功能，允许开发人员同时在多个不同的功能、修复或实验上工作，而不会影响主分支或其他分支。通过多分支管理，团队可以并行处理多个任务，例如开发新功能、修复 bug 或进行代码重构，而不必担心代码冲突或影响主分支的稳定性。在进行多个并行作业时，通常会用到分支。
2024-10-17 11:24:51
1075
原创 Vue项目中使用ECharts
在 Vue 组件中，你可以直接导入 ECharts 并使用它。这样，你就可以在 Vue 项目中使用 ECharts 来创建各种图表了。如果需要更复杂的功能或遇到任何问题，随时可以提问！插件，这将使在 Vue 中使用 ECharts 更加便捷。然后，在你的 Vue 组件中使用它。
2024-10-14 15:39:16
300
原创 el-input 限制输入框只能输入数字和小数以及表单常用的校验规则
oninput =“value=value.replace(/[^0-9.]/g,‘’)” //只能输入数字和小数。oninput =“value=value.replace(/[^\d]/g,‘’)” //只能输入数字。13.密码校验（6-20位英文字母、数字或者符号（除空格），且字母、数字和标点符号至少包含两种）10.多个8位数字格式(yyyyMMdd)并以逗号隔开。11.数字加英文，不包含特殊字符。12.前两位是数字后一位是英文。2.是否手机号码或者固话。3. 是否身份证号码。
2024-10-08 15:36:59
3367
原创 uniapp 提示框(showToast、showModal、showLoading)
uniapp 提示框(showToast、showModal、showLoading)
2024-09-25 17:42:22
2049
原创 uniapp微信小程序：轻松获取用户头像和昵称
简介：本文将详细介绍在uniapp微信小程序中如何获取用户的头像和昵称，提供清晰易懂的步骤和实例，帮助开发者快速实现用户信息的获取。在开发uniapp微信时，获取用户的头像和昵称是常见的需求。这些信息对于个性化推荐、用户认证和社交分享等功能至关重要。本文将介绍如何在uniapp微信小程序中轻松获取用户的头像和昵称。首先，确保你的uniapp项目已经正确配置，并且已经获得了微信小程序的授权。在微信小程序中，用户信息的获取需要通过微信授权来实现。因此，在开始之前，请确保你的小程序已经完成了微信登录授权。
2024-09-10 14:11:25
697
1
原创 NPM权限问题
环境的时候遇到一个npm权限不足问题，具体报。如果加上sudo仍然不生效就要对npm。复制的时候注意一下路径！因此记录一下解决方法。
2024-09-09 11:12:55
570
原创 npm全局安装、切换淘宝镜像
文章介绍了如何通过设置npm的配置来使用国内的镜像源，如淘宝和npmmirror，以加快依赖安装的速度。这包括使用`npmconfigset`命令切换镜像源，安装并使用nrm工具来管理和切换不同的镜像源，以及使用cnpm进行快速安装。此外，还列举了一些常用包的镜像地址，以进一步优化下载速度。
2024-09-09 11:11:24
948
原创 VUE解决Error: error:0308010C:digital envelope routines::unsupported的四种解决方案
VUE报错主要是因为 nodeJs V17 版本发布了 OpenSSL3.0 对算法和秘钥大小增加了更为严格的限制，nodeJs v17 之前版本没影响，但 V17 和之后版本会出现这个错误。报错：Error: error:0308010C:digital envelope routines::unsupported。笔者本人是采用第四种方案解决的，大家可以试试，希望可以帮到大家。方案3:卸载当前版本，安装合适的版本(node.js)方案2：打开IDEA 终端，直接输入（问题解决）
2024-05-09 09:41:47
2938
1
原创 vscode 前端常用插件推荐
一、 vscode 简介1、vscode是微软开发的的一款代码编辑器，就如官网上说的一样，vscode重新定义（redefined）了代码编辑器。2、当前市面上常用的轻型代码编辑器主要是：sublime，notepad++，editplus，atom这几种。3、比起notepad++、editplus，vscode集成了许多IDE才具有的功能，比起它们更像一个代码编辑器；4、比起sublime，vscode颜值更高，安装配置插件更为方便；
2023-08-22 16:29:10
353
2
原创 简单搭建一个基于 VitePress 的网站
下载完成之后，安装vscode，vscode安装完成之后，在打开vscdoe的请况下再安装以下插件，点击install即可： markdown插件：https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one markdown预览插件：https://marketplace.visualstudio.com/items?下载地址：https://code.visualstudio.com/版本号大于 6 即可。
2023-08-09 12:27:21
237
1
原创 Mac中如何使用vsode愉快地运行C、C++程序
开发，便萌生了使用插件来运行C/C++程序的想法，也就有了这篇文章。如果你只是简单的跑跑C/C++程序，可以考虑第一种方案。玩玩，结果小30G的空间占用直接劝退。（3）命令行进入cTest路径下，输入。因为使用场景的不同，为大家提供了。（2）查看目录结构，发现多了一个。文件：编译后的可执行文件。中输入以下代码并保存。
2023-07-26 18:10:36
338
1
原创 npm 出现版本不兼容问题
出现以上情况，或出现以上模板类型的情况，基本可以判断为node版本与项目版本不匹配导致。这种情况下一行代码即可解决。
2023-07-12 15:55:49
753
1
原创 微信小程序模版消息提醒的方法以及要注意哪些事项
通过该API，小程序可以向用户申请授权，获取用户订阅消息的权限，然后向用户发送订阅消息。调用该 API 时，在第一次请求时，微信客户端会弹出授权窗口让用户确认是否授权订阅权限。在小程序中，不允许通过「授权提醒」类订阅消息发送广告、促销、抽奖等类似营销性质的订阅消息。如果发布此类订阅消息，小程序将会被封禁发布订阅消息的功能。3、如果用户授权订阅消息的权限，可以向用户发送订阅消息。需要注意的是，订阅消息模板需要在小程序后台进行配置和审核。是微信小程序中用于向用户请求订阅消息的 API。
2023-06-16 03:00:00
1585
1
原创 微信小程序之间是如何跳转的，并携带参数
2、在目标小程序中，接收参数并进行处理。在目标小程序中，可以使用wx.getLaunchOptionsSync API获取原始启动参数，并从中获取传递过来的参数。要实现小程序之间的跳转，需要使用小程序的跳转 API。1、在原小程序中，使用。API 跳转到目标小程序。
2023-06-15 15:48:42
5453
1
原创 Vue封装工具类以及使用
1.在vue项目中src/common/common.js/创建js文件 例：common.js。在任何一个vue文件里面的生命周期this.方法名就可以了，因为已经在main.js全局实例化了。2.在main.js 引用common->然后实例化。这里我们就封装好了示例公共方法,接着我们如何显示调用。3.common.js写一个示例。
2023-06-09 13:46:59
363
原创 Vue创建项目
在request目录下新建request.js(请求拦截),api.js(封装接口)npm install vue-router@4（这是vue3的路由）在router目录下新建index.js。在src目录下新建request。在src目录下新建router。3、下载api axios （调接口）4.这是request.js请求拦截。5、api.js(封装接口)6、main.js(引入)（这是vue2的路由）7、vue页面调用接口。
2023-06-09 13:37:52
136
原创 VUE常用的通信方式
vue组件传值方式：vue的组件传值分为三种方式：父传子、子传父、非父子（同级）组件传值。引用官网的一句话：父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息。
2023-05-17 15:30:00
169
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人