前端技术
文章平均质量分 55
蜡笔小小新呀
越过山丘,才发现无人等候
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信服务号 H5开发:微信开发者工具本地调试的方案(Nginx + Hosts + Vite)
摘要: 本文提供了一种高效调试微信服务号H5应用的本地解决方案,通过Nginx反向代理和Hosts文件映射,实现在本地环境模拟线上授权域名的效果。核心步骤包括:配置微信公众号授权域名、修改本地Hosts文件、设置Nginx反向代理转发至Vite开发服务,并验证微信JS-SDK功能。该方案支持Vite热更新,避免频繁发布测试,显著提升开发效率。进阶部分还介绍了HTTPS本地化配置方法,以适配微信API的HTTPS要求。适用于Vue/React等前端框架开发的微信H5项目本地调试。原创 2025-10-28 16:58:51 · 1059 阅读 · 0 评论 -
Uniapp开发微信小程序插件的一些心得
使用uniapp开发微信小程序插件的一些心得原创 2025-02-28 15:24:59 · 2672 阅读 · 0 评论 -
浮点数精度
代码】浮点数精度。转载 2022-08-16 11:02:38 · 67 阅读 · 0 评论 -
vscode 保存代码自动格式化(vue)
1 根据项目配置的eslint规则保存代码后,自动格式化代码2 需要安装prettier 和 vetur// settings.json{ "codestream.serverUrl": "https://api.codestream.com", "security.workspace.trust.untrustedFiles": "open", "editor.language.brackets": false, "editor.formatOnSave": true, /原创 2022-04-22 16:47:13 · 6146 阅读 · 0 评论 -
通过cli方式创建Uni-App项目踩坑日记
1 如何安装使用sass和sass-loader ?安装sass和node-sass,sass-loader请使用低于@11.0.0的版本,sass-loader@11.0.0不支持vue@2.6.12安装完成即可使用,无需webpack配置。2 如何使用uni-ui?2-1使用npm安装的组件,默认情况下babel-loader会忽略所有node_modules中的文件,导致条件编译失效,需要通过配置vue.config.js解决://在根...原创 2021-07-02 13:22:39 · 1709 阅读 · 0 评论 -
cordova的一般使用
官网地址:https://cordova.apache.org/# 查看当前cordova 安装的平台和可用平台cordova platform ls# 添加平台,如安卓cordova platform add android# 检查当前的设备环境支持,根据提示安装必要的环境cordova requirements# 打包cordova build android --debug需要安装java sdk, android studio, gradle如果打包的时..原创 2021-02-04 20:08:08 · 221 阅读 · 0 评论 -
连续发送按钮 + loading条得实现(vue-代码)
样式实现 + 点击动效逻辑<template> <div class="btn-send2" :class="{'active': isClick}" @click="onSend"> <canvas class="canvas" id="canvasSend" height="216" width="216"/> </div></template>export default { data() { r..原创 2020-11-04 16:39:57 · 83 阅读 · 0 评论 -
js 浮点数精度问题的测试数据
加 0.1 + 0.2// 0.30000000000000004 减 6.8 - 0.9// 5.8999999999999995 乘 2.3 * 100// 229.99999999999997 除 2.14 / 100// 0.021400000000000002原创 2019-09-28 17:53:43 · 501 阅读 · 0 评论 -
小程序原生与webview中h5页面字号有细微差异的问题
问题描述:我们的小程序项目使用的是小程序和h5(通过小程序webview)混合开发的模式。但是最近ui发现一个问题,就是h5项目的字号比小程序原生的字号要略微大一点。分析:h5使用的rem缩放,都知道小程序rpx的原理,1rpx = 屏幕宽的1/750,我们的rem换算关系:// rpx 与 px 互为倒数1rpx = 屏幕宽度 / 750 * 1px1px = 750...原创 2019-09-01 10:10:55 · 256 阅读 · 0 评论 -
微信小程序开发避免频繁的setData调用
使用mpvue开发小程序,这时候得注意,对Page对象的data里面赋值的时候,实际上mpvue是讲它转化成了setData()的调用。这时候得注意,避免频繁的setData赋值操作,对性能的开销太大,尤其是在安卓机,卡顿成狗。比如说:对页面或scroll-view组件的滚动回调做计算处理时,这里应该特别注意。https://developers.weixin.qq.c...原创 2019-08-20 14:48:26 · 3797 阅读 · 2 评论 -
css3中calc、vw、vh、vmin、vmax 属性的应用及兼容性
一、 calc()的使用什么是calc()?calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。比如说,你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过calc...原创 2018-06-30 19:30:07 · 28828 阅读 · 3 评论 -
rem与em的使用和区别详解
原文链接:《综合指南: 何时使用 Em 与 Rem》你可能已经很熟练使用这两个灵活的单位,但你可能不完全了解何时使用 rem ,何时使用 em。 本教程将帮你弄清楚!Em 和 rem都是灵活、 可扩展的单位,由浏览器转换为像素值,具体取决于您的设计中的字体大小设置。 如果你使用值 1em 或 1rem,它可以被浏览器翻译成 从16px到 160px 或其他任意值。CSS 边距设置为 1em浏览器翻...转载 2018-07-01 16:56:17 · 25804 阅读 · 1 评论 -
使用Macbook远程Windows
1 mac 需要下载远程登录控制软件推荐微软的 microsoft remote desktop for mac,下载连接:https://microsoft-remote-desktop-connection.en.softonic.com/mac2 打开安装好的远程桌面软件,图标如图所示3 输入windows主机的ip地址,并点击 connect4 输入windo...原创 2019-06-30 15:29:42 · 11229 阅读 · 0 评论
分享