![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
Young C
做自己生命的导演!
展开
-
微信小程序摇一摇功能实现
有过一次摇一摇的经验,本来记得小程序后台里面明明有一个 摇一摇的组件,当自己真的准备开发的时候,竟然没有了。 所以微信摇一摇 只能网上各种找资源拼凑起来。但是每个都不太符合自己的使用。所以通过网上的线索与微信api咱们就各种的拼,没想到后来还真是拼出来个基础的需求,也特此记录下。 我是觉得 网上的标题起的不够直接,所以直接用我想搜索的词语 创建个标题 来使用吧。就叫“微信小程序摇一摇功能实现”,如此的干净直接。那么不多说。 上基础代码。 wx.startAccelerometer({原创 2021-03-19 09:32:27 · 4711 阅读 · 0 评论 -
小程序不用用户收取获取用户头像与昵称的方法
现在很多小程序因为要收集用户信息多种让用户授权才能拿到用户信息,手机号不多说,必须要用户触发允许才可以,用户的基本信息咱们就可以直接拿来去显示。利用open-data上图即可,可以看着用。...原创 2020-11-13 15:13:44 · 473 阅读 · 0 评论 -
小程序长按图片识别功能
微信官方 2.9.0 版本 添加show-menu-by-longpress="true"在 img标签上添加上这个 即可;https://developers.weixin.qq.com/miniprogram/dev/component/image.html可参考 详细 api原创 2020-10-23 11:37:11 · 1271 阅读 · 0 评论 -
开启小程序学习之旅–笔记一
从工作中会涉及到这一方面的工作,但是自己只能做到表层的制作工作,所以就准备陆续的进行一下学习,来不断的提高自己在这方面的能力。当然也是从每次的学习中挖掘一些简单的知识点。也希望在自己实际用到的时候,这些笔记可以起到一些作用。一、首先是wxml层<template></template>页面中肯定不缺模板,这个也是为了复用才弄的那么如何将这个模板引入所要展示的页面呢?代码如下<import src='post-item/post-item-template.w原创 2020-10-09 18:44:50 · 126 阅读 · 0 评论 -
小程序:Page is not constructed because it is not found.
练习小程序的时候,刚开始就卡壳。新建一个目录的时候爆出这个错误类似上图。那么对于这个问题尝试了一个方法,就解决了。所以记录下。这个也许就是你新建这个文件的时候,有可能没有自动生成默认代码。添加上就好了Page({ })也就是上面所贴上的一小段。就不会报这个问题啦...原创 2020-10-09 18:41:10 · 126 阅读 · 0 评论 -
小程序制作中遇到的坎,记录下~
一、修改微信小程序组件swiper的点点样式之前也是从往上找到了一些方法,但是没有改过来,然后测试修改,才发现级别不够,所以给整个轮播前加上page 就可以修改他的样式了,可以看控制台里面,page是顶级的标签。page .homeB1D2-swiper .wx-swiper-dot{width: 8rpx;height: 4rpx;border-radius: 2rpx;}page .homeB1D2-swiper .wx-swiper-dot-active{width: 28rpx;}pa原创 2020-10-09 18:33:35 · 106 阅读 · 0 评论 -
微信小程序显示消息提示框
一、wx.showToast(Object object)onCatchTap:function(event){ var postsCollected = wx.getStorageSync('posts_ollected'); var postCollected = postsCollected[this.data.currentPostId]; // 收藏变成未收藏,为收藏变成收藏 postCollected = !postCollected; postsC原创 2020-09-16 20:42:01 · 710 阅读 · 0 评论 -
微信小程序单位转换
有些设计在设计的时候,也许整体的宽度不是以750 来进行制作的,那么在制作的时候尽量要去精细的去转换,所以今天记录下这个转换的一个流程。比如你的设计稿是 1080 px 的,那么就用1080除以750 = 1.44px然后在用你实际量出来的像素去除以1.44比如你测量一个宽度为200px,那么你就用200 除以1.44 = 138.8888888888889 得出来的是这个,然后四舍五入,得到 139rpx 。这样就是计算转换出来的 rpx 要设置的宽度。...原创 2020-09-15 16:42:03 · 796 阅读 · 0 评论 -
小程序引入模板
有些时候我们制作小程序的时候要复用很多模块,这个时候我们就会用模板形式来体现,那么今天就来记录下创建模板与引入模板。首先先把引入模板添加上来,在页面头部添加一个这个标签,注意的是,要有最后的 / 才可以正常的显示<import src='/common/template/list.wxml' />当你在页面引入这个模板的时候,那么插入到页面上,你还需要用模板标签去将结构插入到页面中去。<template is='list' />也就是上述的方法,将你整理好的l原创 2020-09-15 16:39:23 · 466 阅读 · 0 评论 -
微信小程序页面跳转
每一个列表对应着都有一个详情页面,那么这个详情页面可以通过一个标签去跳转,<navigator url= '/pages/shopdetails/shopdetails'> </ navigator >也就是用上述的标签就可以数显跳转那么对应列表里面的详情页我们还需要在这个链接上进行一个操作。<navigator url= '/pages/shopdetails/shopdetails?id={{item.id}}'>也就是在链接后面 添加一个对应原创 2020-09-15 16:35:01 · 203 阅读 · 0 评论 -
微信小程序获取元素的高度
在制作小程序中,因为涉及到想用总的高度减去页面中的两个元素的高度。所以特此记录。let query = wx.createSelectorQuery();query.select(‘.listXxk’).boundingClientRect(rect => {let listXxkHeight = rect.height;wx.getSystemInfo({success: (res) => {that.setData({height: res.windowHeight –转载 2020-09-14 20:28:16 · 990 阅读 · 0 评论 -
微信小程序利用code获取openid
总是找不到对应的文档,特意存一下https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html#%E8%AF%B7%E6%B1%82%E5%9C%B0%E5%9D%80https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html#%E8%原创 2020-09-14 18:44:02 · 324 阅读 · 0 评论