- 博客(18)
- 收藏
- 关注
RSS订阅原创 微信小程序 验证码6个框验证码 - 个人记录
摘要： 本文实现了一个可复用的短信验证码输入组件，包含6位数字输入框，支持自动聚焦和输入验证。组件特性包括： 加密显示手机号，支持自定义发送短信逻辑 输入自动跳转，数字超限自动取模处理 完整输入后触发回调事件返回验证码 响应式布局，适配不同屏幕尺寸 通过Component构造器实现，包含WXML模板、JS逻辑和LESS样式，可作为独立组件集成到微信小程序项目中。
2025-08-21 14:26:15
276
原创 vscode 推荐扩展
本文介绍了12款实用的VSCode插件，涵盖开发效率提升、代码质量检查、样式预处理等方面。主要包括：汉化扩展、代码拼写检查器、LESS编译工具、Git增强插件、快速日志生成、标签自动补全与高亮、图片预览、AI代码辅助、嵌套注释处理、路径智能提示以及代码格式化工具。其中特别介绍了微信小程序开发中LESS编译配置和项目设置技巧，并提供了Prettier格式化工具的自用配置参考链接。这些插件能显著提升前端开发体验和工作效率。
2025-07-03 14:11:00
307
原创 简单学习 VUE3(对比VUE2)
1. v-modelVUE2 默认的是 value 已经 input事件 但是 VUE3 默认的是modelValue 以及 update:modelValue修改同样 VUE2的.sync 修饰符在VUE3中换成了 v-model:propName=‘propValue’VUE3 新增传递参数的方式provide函数形式 返回一个对象结构 在组件内访问信息 需通过inject引入类似于引入VUX的数组形式;方便的地方可以在父组件定义 然后在所有子组件生效
2024-06-13 15:32:05
226
原创 vue解决跨域笔记
vue解决跨域在 vue.config.js 中配置 devServer: { proxy: { //配置跨域 '/api': { target: 'http://121.121.67.254:8185/', //这里后台的地址模拟的;应该填写你们真实的后台接口 ws: true, //如果要代理 websockets，配置这个参数 secure: false, // 如果是https接口，需要配置这个参数
2021-08-04 15:30:37
135
原创 小程序个人总结
小程序转发分享在方法里首先调用wx.showShareMenu()并且需要设置withShareTicket为true。当用户将小程序转发到任一群聊后，被别人打开，那么可以在App.onLaunch或者App.onShow获取到一个shareTicket。通过wx.getShareInfo接口传入shareTicket就可以获取到转发信息。页面内发起转发通过button组件设置属性open-type=“share”，可以在用户点击按钮后触发page.onShareAppMessage事件
2021-06-02 23:14:10
337
原创 vue 、 小程序 生命周期
Vue 生命周期vue 生命周期官方示例beforeCreate created在 beforeCreated() 调用的时候 只是页面开始创建，dom元素和数据都没有进行挂载 获取到的都是 undefined在 created() 调用的时候 页面创建完成 可以获取到数据 但是页面还没有渲染 不能获取 dom 元素beforeMount mounted在 beforeMount () 调用的时候 可以获取数据 同时可以获取到 虚拟的 dom （没有挂载到页面）在 mounted() 调用
2021-03-19 11:11:21
528
原创 微信 登录 和 支付
登录需要的参数：code 用户等都凭证 通过 wx.login() 获取encryptedData 完整用户信息密文 通过 getUserInfo 获取iv 加密算法的初始向量 通过 getUserInfo 获取rawData 用户信息原始数据字符串 通过 getUserInfo 获取signature 使用sha1 得到字符串 通过 getUserInfo 获取<button open-type="getUserInfo" @getuserinfo="自定义事件名"><
2021-03-19 09:33:09
404
1
原创 loader 加载器 个人总结
加载器的作用因为 webpack 打包时只能处理以 .js 后缀名结尾的模块,不能处理其他的 所以就需要 loader 加载器才可以正常打包如果没有 babel 需要先安装 配置Babel安装babel打开终端，输入命令：npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node安装完毕之后，再次输入命令安装：npm install --save @babel/polyfill注意：如果npm安装
2021-02-07 21:25:06
415
原创 webpack 个人总结
webpack 的作用前端项目构建/打包工具,可以解决目前 vue 开发的困境提供了友好的模块化支持,代码压缩混淆,解决 js 兼容问题,性能优化 等特性提高了开发效率 和 项目的可维护性步骤1. 初始化包管理工具 npm init -y 命令,初始化包管理工具 package.json2. 默认源代码目录是 src 文件夹,所以先创建一个 src 文件夹(后面可以改)3. 安装 和 配置npm install webpack webpack-cli -D 运行指令进行安装在项目根目
2021-02-07 20:25:47
2286
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人