微信小程序
少年歌行s
言简意赅
展开
-
【微信小程序】绘制二维码实现及解决canvas层级问题最佳实践
很久没写微信小程序的需求了,今天来活儿要做个二维码扫码相关的需求,本来以为是洒洒水的事情,谁知道也折磨了大半天,今天特此记录一下~:点击按钮,弹出二维码,二维码内容固定为test。原创 2023-11-23 11:32:06 · 1206 阅读 · 0 评论 -
【echarts】手把手喂饭教学!最容易懂的微信小程序 echarts 项目实践入门教程
手把手喂饭教学!最容易懂的微信小程序 echarts 项目实践入门教程原创 2023-08-08 10:44:31 · 1499 阅读 · 3 评论 -
【微信小程序】selectComponent得到null分析
获取DOM元素失败原因分析原创 2023-03-27 17:57:49 · 3256 阅读 · 1 评论 -
【微信小程序】原生微信小程序ts模板下引入vant weapp
本文章适合微信开发工具的ts项目,指的是项目目录结构如下图从上图可以看到,小程序的ts初始化项目,与之前常见的不同,主要在于miniprogram外层多了些东西,此时我们在终端里 npm 一下,你会发现node_modules也是装在外面的。这其实是正常现象,但当时我对此感到疑惑并认为配置要对此做些改变。。。没有变!没有变!没有变!我们依然跟着官网走就可以了!坑在哪里,坑在我们更改 project.config.json 后,工具无法及时识别,导致构建npm错误。原创 2023-02-21 14:32:33 · 2045 阅读 · 1 评论 -
【微信小程序】底部有安全距离,适配iphone X等机型的解决方案
微信小程序开发常常需要适配机型问题,如iPhoneX/XR等机型,底部有黑色横杠(称为安全距离),这时如果直接加css样式。能计算出安全距离,我想到一个通用的写法,具体做法是将页面高度。是不行的,不会计算底部安全距离,而会与之重叠。的高度限制为屏幕高度减去安全距离,代码实现是。经过搜索后,我们知道。...原创 2022-07-30 11:51:45 · 4228 阅读 · 0 评论 -
【微信小程序】数组push后,数组返回内容为数字
JS数组方法 push 不得不知的细节原创 2022-05-24 23:23:22 · 1258 阅读 · 0 评论 -
【微信小程序】transparent 在不同设备的兼容问题
当我们想实现一个渐变到透明的效果时,利用 CSS 很轻易的写出:// 从透明到红色background-image: linear-gradient(transparent, red)在安卓手机就没有这种差异性。造成这种差异的原因未知,但总而言之,我们希望在 ios 上也能像开发者工具里显示的一样。因此我们修改代码:background-image: linear-gradient(rgb(255,255,255,0), red)这样就成功了!...原创 2022-05-20 19:04:26 · 601 阅读 · 0 评论 -
【微信小程序】z-index失效
CSS 属性 z-index 失效的原因原创 2022-04-21 21:44:27 · 5996 阅读 · 0 评论 -
【微信小程序】移动端选择图片、发布图片功能实现
移动端选择图片、发布图片功能实现原创 2022-02-28 19:04:55 · 1030 阅读 · 4 评论 -
【微信小程序】text-overflow失效
overflow:hidden; text-overflow: ellipsis; white-space: nowrap;上面三个缺一不可,如果仍不行,加下面两行 width: xxx display: inline-block;原创 2022-02-22 22:49:19 · 1146 阅读 · 0 评论 -
【微信小程序】emoji表情在控制台中打印呈现乱码
今天开发需求测试时,发现emoji表情在小程序端正常显示,遍历得到却是乱码,尝试后发现,是因为表情后边的空格,导致控制台无法识别出emoji利用正则匹配 item.match(/[^\s]/g) 将空格去除即可效果如下:...原创 2022-02-11 23:49:24 · 1161 阅读 · 0 评论 -
【微信小程序】scroll-view与fixed不可混用
今天实现需求时,遇到一个bug:<scroll-view scroll-y="{{true}}"> <image src="xxx" style="position:fixed"/> <view wx:for="..." style="z-index:1"></view></scroll-view>html结构如上。固定背景image,且实现上下滑动。此时会发现有些区域无法上下滑动解决方案:<scroll-view scro原创 2022-02-08 23:50:52 · 1070 阅读 · 0 评论 -
【微信小程序】制作个人信息页面
题外:也许前端学习也应包括审美。在我学习前端路上,以前模仿视频内容,现在模仿别人成品…我曾想过作为前端是不是也应学习UI设计方向的美术知识,再不济也应具备页面布局的审美。但这个想法被一位大佬否定了,所以这个想法也只好放在心里成为另一种可能。正题:先上成品图1.架构进行编程前,我们要架构。对整体项目叫架构,对一个页面而言不如说叫整理思路以本图为例,除去底部 tabBar,头部 navigationStyle 是小程序特有配置,其他都是“前端三剑客”的基础内容。于是可以简单的划分为两部分:蓝色原创 2021-11-04 21:43:19 · 44685 阅读 · 355 评论