微信小程序

2020-03-29 · 阅读 5244 · 字数 80

示例代码： <rich-text nodes="{{ description }}"></rich-text> nodes 属性接受两种参数： string：HTML String array：节点列表 官方推荐使用 array 不推荐使用 String 类型，因为性能会有所下降。但是，谁会在服务器端生成这种结构化的 array 数据，还浪费带宽。 ...

阅读全文...

2020-03-27 · 阅读 2455 · 字数 919

一直在犹豫要不要把一个现有的网页工具出个微信小程序版。 网页工具出微信小程序版本的必要性 时代变了，用手机的人越来越多。连我有时候晚上回家都懒得开电脑 有用户主动加微信给我反馈，希望能出小程序版本，原因同上 国内网页广告收入越来越差，我觉得很大原因在于，转化效果的差距。微信和其他移动 APP 更容易为企业转化，甚至直接付费 微信，抖音几乎瓜分了大家的闲余时间，目前工作时间也逐步被这两者侵占。丢失这两个平台的流量，就意味着失去数量可观的用户。疫情期间，直播带货的惊人效果，让传统广告业务汗颜。 国内 Android 市场上架太难了，还需要软件著作权。而目前微信小程序则不用软著。 最近业余在写一个 ...

阅读全文...

2020-03-26 · 阅读 18050 · 字数 75

当微信小程序中 input 输入框在右侧布局时，其文本居右对齐效果更佳。 实现方法： 模板代码 <input class="nickname_input" placeholder-class="nickname_placeholder" bindinput="input_nickname" placeholder="昵称" /> 样式代码 .nickname_placeholder, .nickname_input { text-align: right; } 效果 ...

阅读全文...

2020-03-11 · 阅读 6366 · 字数 93

例如，微信小程序首页顶部 banner 图片。 宽度与屏幕等宽 高度自适应，保持图片宽高比 模板 <view class="banner"> <image src="../../images/banner.png" mode="widthFix"></image> </view> 样式 .banner image { width: 100%; } widthFix 缩放模式，宽度不变，高度自动变化，保持原图宽高比不变 参考： https://developers.we ...

阅读全文...

2019-09-26 · 阅读 6047 · 字数 229

今天开机发现 Windows 微信客户端做了重大升级，从 2.7.1 版本开始支持电脑上打开小程序。同时支持在电脑上转发小程序。 电脑微信客户端上打开微信小程序的效果如下： 消息上下文界面 打开界面 电脑上能打开小程序的重大意义 微信小程序的应用场景进一步扩大。例如，笔记类的微信小程序，就可以电脑和手机两端无缝衔接。以此类推，协作类和同步类的小程序使用场景得到延申。 这下对 Windows Store 的冲击会非常大，同时也会迅速抢占 Windows 客户端开发的市场。 ...

阅读全文...

2019-09-18 · 阅读 16144 · 字数 54

在微信小程序中，想让输入框的 placeholder 文字变得更醒目一点。 可以给 placeholder 文字通过 placeholder-style 属性加上指定样式： <input type="text" placeholder-style="text-align:center" class="stock_code" placeholder-style="color: red; font-size: 1.2em;" placeholder="请输入您的股 ...

阅读全文...

2019-09-18 · 阅读 3547 · 字数 195

评论 按照评论时间倒序 优惠券 用完的灰掉 分享 转发 明显的转发按钮 banner 后台让用户下拉选择对应的跳转页面，而不是手动填写 URL 前端处理点击事件 防止图片被拉伸，保持宽度 100%, 高度自动调整 基础组件 https://github.com/youzan/zanui-weapp 技术支持 留下我们公司名字及联系方式。方便更多的客户联系我们。 URL 中文参数使用 encodeURIComponent 做转码 商品管理 需要下架管理功能。因为，可能由于某些原因部分商品需要下架，但是又不能删除，避免重复编辑。 ...

阅读全文...

2019-08-27 · 阅读 41893 · 字数 287

很多免费的微信小程序接入拼多多返利是一个不错的变现渠道。 实现起来，时间成本也不高，所以在没有特别好的变现手段时，可以尝试一下多多客返利。 官方参考文档： https://jinbao.pinduoduo.com/message/detail?crumbs=broadcast&id=200 示例 具体实现跳转到拼多多微信小程序的方法 App.json 这里的 ID 是拼多多官方给出小程序 ID。 "navigateToMiniProgramAppIdList": [ "wx32540bd863b27570" ], 跳转函数 appI ...

阅读全文...

2019-08-23 · 阅读 7898 · 字数 151

通常商品的轮播图都是正方形的，当在手机端的微信小程序中展示时，自然最佳的效果就是将 swiper 组件的高度设定为跟手机屏幕宽度相同。 要实现宽高相同，就需要借助小程序内置的获取设备宽度的函数 wx.getSystemInfoSync().windowWidth 效果如图 实现方法 app.js globalData: { window_width: wx.getSystemInfoSync().windowWidth, } js 逻辑 onLoad: function (options) { this.setData({ window_width: app ...

阅读全文...

2019-08-21 · 阅读 9945 · 字数 122

今天在微信小程序开发工具中调试代码的时候，发现 console 里提示 sitemap 索引情况提示 VM5010:1 根据 sitemap 的规则[0]，当前页面 [pages/index/index] 将被索引 发现项目跟目录下有个 sitemap.json 文件。 内容为： { "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html", "rules": [{ " ...

阅读全文...

2019-08-20 · 阅读 6548 · 字数 481

在填充后台商品数据之前，先不要急着选技术方案，重要的是确定好商品选取的规则，和同步策略。 然后才是技术方案的选择。 人工挑选的商品 这是非常重要的一个环节。把自己感兴趣的商品放到首页推荐，才能引起其他用户的共鸣。 程序自动化不能完全替代人工，前期需要人工对自动删选出的商品做审核。 程序自动挑选的商品 人工挑选有个弊端。无法保证足够的展示商品数量。 自动推荐场景，假设我挑选了一个商品。实际上，程序可以自动把同分类，甚至包含相同商品关键词的商品自动抓取出来，做自动对比 。对比的维度包括：价格，好评度，销量等。 预测未来的热点词，例如节日类，自动抓取相关商品。进入推荐系统。省去了人工挑选的麻烦。 基 ...

阅读全文...

2019-08-18 · 阅读 6543 · 字数 427

有很多试验性的小项目，我希望能更快的得到反馈，而且前期不愿意投入过多的服务器资源和个人时间。最近发现类似小程序云开发这样的 serverless 方案确实不错。能节省不少开发时间 省去了域名的购买及配置 省去了 https 证书配置 自带一定免费额度的数据库存储，及文件存储 一定额度的 CDN 流量 但是，小程序云开发也有本身的局限性。如何取舍确实需要一番比对。 传统开发的历史积累优势及灵活性 涉及到管理后台的部分，还是需要使用传统的方案，例如 laravel，因为开发效率相比云开发确实高太多。 功能例如： 商品管理 商品标签管理 轮播图管理 CDN 流量也不需要太担心，因为小程序暂时 ...

阅读全文...

2020-02-26 · 阅读 7906 · 字数 321

微信小程序进行审核备案所需提报材料，模板备份，以备后续使用。 小程序内容管理方面相关制度。 通过程序自动审核和人工审核两重机制保证内容的合规性。 程序自动审核：所有用户产生的内容，均使用了腾讯官方的敏感词检测接口，自动排查是否含有违规内容。同时，该功能也通过了腾讯的审核。 人工审核：有专职的运营人员对内容进行二次审核，可以随时对程序未检测出的违规内容进行删除。 小程序应急管控措施。 在接到相关部门的指示之后，可以第一时间对违规内容进行处理，并删除。同时，会保留数据备份，配合相关部门进行后续排查。 此外，程序后台可以随时禁用用户发布内容，或者评论的功能。 其他加强管理和安全的相关制度措施。 数据 ...

阅读全文...

2019-08-23 · 阅读 10882 · 字数 63

按照小程序官方的文档，swiper 轮播图中的图片高度大时，会显示不全。 image 添加 style="height: 100%" 即可解决 <swiper indicator-dots="true" autoplay="true" interval="3000" duration="1000"> <block wx:for="{{ banners }}" wx:for-item="banner" wx:key="_i ...

阅读全文...

2019-08-10 · 阅读 17203 · 字数 134

在小程序云开发后台高级操作里，测试查询语句可以得到查询结果。 但是在小程序前端，执行相同的查询语句，却返回空数组 const db = wx.cloud.database(); db.collection('products') .orderBy('rank', 'desc') .limit(10) .get({ success: res => { console.log(res); } }); 猜测是权限的问题。 果然，将权限由默认的“仅创建者可见” 修改为 “所有用户可读” 之后，就能得到查询结果了。 ...

阅读全文...