-
微信小程序组件滑动导航和获取元素实际高度
2021/3/31 23:26:13
<view><scroll-view scroll-x scroll-with-animation scroll-left="{{menuIndex}}" style="height: 100px; width:100%;"><view id='#haha' class='all' style='width:{{menuWidth}}px;'><block wx:key="lists" wx:for="{{lists}}"><view id="a{{index}}" bindtap='jumpIndex' class='menu' data-menuindex='{{index}}'>{{item.list}}</view&g... -
微信小程序之条件判断
2021/3/31 23:26:06
前文：今天踩了一下午的坑，但是确实很简单的问题。我说一下需求：扫描商品的二维码，从而判断，同一个二维码不可多次扫描；点击扫一扫 会在灰色区域展示 扫描的商品信息，比如商品名称，商品码等，但是我们的需求是一物一码，即使是同一个商品也是不同的商品码。错误示例：最开始我的想法是做判断，因为我会在相对应的js文件中定义一个 productList：[ ],数组来存放数据，Page... -
微信小程序 template 模板标签接受对象或数组作为 data 参数
2021/3/31 23:26:01
官网案例是直接用对象扩展运算符传递一些简单数据；实际项目中，我需要传递一个数组，该数组的每一项都是一个对象，来实现一个比较复杂一点的模板功能；最初的解决方案是套用官网的案例在wxml中使用循环，把每次循环的item也就是数组项作为参数传递到模板中，这就跟官网案例很相似；但是这样做的一个问题就是代码还是感觉有点臃肿，本身作为模板最终的渲染逻辑应该是包含整个循... -
微信小程序实现流程进度功能
2021/3/31 23:25:58
最近正在做微信小程序，需要实现一个流程进度的图样式如下面需求：没完成的灰色小圆点表示完成的使用蓝色小圆点设置当前状态使用有外圈的小圆点表示实现起来比较简单，实现思路，使用一个列表实现，列表中的每一个item的样式如下图使用win10画板画的不好看图上的意思就是每个item 前面有一段线条 中间是个圆圈然后后面有一段线条。之所以这样是因为下面的文字需要居中显示在圆... -
微信小程序「学科排名」开发心得
2021/3/31 23:25:52
前几天，教育部公布了《全国第四轮学科评估结果》，在手机上看起来不太方便，就“撸起袖子加油干”，写了一套脚本把数据收集了一下，做成了微信小程序，叫「学科排名」。 界面 界面长这样： 界面参考了一些优秀设计元素，尽量简洁、易用。 数据库 学科评估的结果，说白了就是某个高校的某个学科怎么样。数据库设计如下： CREATE TABLE `ranking` ( `universityN... -
微信小程序项目重构之Redux状态管理
2021/3/31 23:25:49
1.以往处理状态的一些方式第一种：App上挂globalData 这种方式就是直接写在App里面啦，取值赋值比较方便App.jsApp({globalData: {name: '前端学者'，// ...other globalData},// ...other globalData});// 取值 var name = getApp().globalData.name;// 赋值getApp().globalData.name = '改个名字';第二种：自己定义一个或者多个用于存储数据的libData文件，自己造轮子，爱折腾... -
wn-cli 像React组件开发一样来开发微信小程序
2021/3/31 23:25:45
项目地址：wn-cliwn-cliwn-cli 像React组件开发一样来开发微信小程序名字由来：wn -> weapp native 取第一个字母Installnpm install wn-cli --save-dev // 或者 yarn add wn-cli --dev Usage// 构建 npx wn ./examples ./dist // 监听模式 npx wn ./examples ./dist -w 如果你遇到一个错误，让拷贝 wn.js 文件，请按提示信息将 node_modules&n... -
我是如何次次《头脑王者》获得满分的
2021/3/31 23:25:39
前言最近答题类的应用实在是太火了，什么冲顶大会、百万英雄啊，动不动就几十上百万的奖金，着实让人看着很是眼红...然后本弱鸡学疏才浅...题目全靠蒙，便不凑什么热闹了。之后没过几日有个小程序倒是在办公室里面火了一把，就是这次需要拿来开刀的《头脑王者》，其实也是个答题的小程序，所以还是不擅长就是了。虽然我不擅长答题，但我好歹是个程序员呀，所以我走上了一条程序... -
入坑微信小程序（项目搭建）下
2021/3/31 23:25:32
关于 wx.getLocation首次 执行 wx.getLocation 小程序将自动调启如下 dialog：请注意是 首次 ！无论用户选择“确定”或是“取消”，再次进入“更美测试”均不会被询问是否开启定位（调用 100 次 wx.getLocation 也无济于事）。除非用户手动清理微信缓存、更新微信、切换账号...各种缓存：存在上述问题的 API 绝不止 wx.getLocation 例如 wx.login，遗憾的是，小... -
入坑微信小程序（项目搭建）上
2021/3/31 23:25:29
超荣幸能够参与我司【更美小程序】的搭建，在此分享些心得希望能够帮助到像我一样的前端界萌新。因【更美小程序】源码需保密，我仅向大家分享基础建设级别的非业务代码。点我~一个最基本的小程序项目需具备：app.js（入口文件）、app.json（全局配置）、app.wxss（通用样式）、pages/（页面）。pages/ 下的每一页面拥有独自的 .js、.json、.wxss。形如：想了解更多请参考 ... -
基于bmob快速搭建小程序用户模块（包括登录、当前用户、用户安全） ...
2021/3/31 23:25:22
一键登录开发小程序登录后端工作：客户端调用wx.login()后获取的code，后端人员拿到code和微信换取openid和session_key；除此之外后端人员还需要根据openid生成sessiontoken作为服务器和小程序之间做登录态校验保证安全性，客户端每次请求需要带上sessiontoken，后端需要作校验；还需要提供接口给客户端保存用户信息（头像、名称等），或者根据openid去和微信换取用户信息；中... -
微信小程序实现滚动加载更多
2021/3/31 23:25:16
1.需要用到的组件和api scroll-view（可滚动视图区域） wx.showToast(OBJECT)显示消息提示窗----显示loading小菊花用的 2.需要用到的属性 3.scrol-view需要指定一个高度，这个高度可以按自己的需求计算，我使用的是屏幕可用高度并且默认一页显示6个 4.滚动到底部绑定需要触发的事件 <scroll-view scroll-y='true' style="height:{{height}}px" bindscrolltolower='low... -
微信小程序没有授权时的处理方法
2021/3/31 23:24:38
背景：微信小程序很多都需要用户的微信授权，可是很多瓜皮用户会狠心拒绝，但是不管用户怎么操作，我们必须让用户能够更好的体验小程序。过程：我把用户的操作分四种。1）用户直接同意授权。 2）用户拒绝授权，进入引导弹窗，用户继续拒绝授权。 3）用户拒绝授权，进入引导弹窗，用户点击授权，进入授权设置页，用户点击授权。 4）用户拒绝授权，进入引导弹窗，... -
微信小程序使用原生WebSokcet实现断线重连及数据拼接
2021/3/31 23:24:34
以前做小程序为了应急找了个插件去链接WebSokcet，文章传送门。回过头在新项目中再次使用时出现了些许问题，不一一赘述。遂决定好好用一下原生的WebSokcet。一、说明1.小程序原生的WebSokcet没有断线重连机制，这个是他的不足之处。2.小程序新的版本库已经支持存在多个 WebSokcet 连接。官方说明：基础库 1.7.0 之前，一个微信小程序同时只能有一个 WebSocket 连接，如果当前已... -
微信小程序：防止多次点击跳转（函数节流）
2021/3/31 23:24:30
场景在使用小程序的时候会出现这样一种情况：当网络条件差或卡顿的情况下，使用者会认为点击无效而进行多次点击，最后出现多次跳转页面的情况，就像下图（快速点击了两次）：解决办法然后从 轻松理解JS函数节流和函数防抖 中找到了解决办法，就是函数节流(throttle)：函数在一段时间内多次触发只会执行第一次，在这段时间结束前，不管触发多少次也不会执行函数。/uti... -
码云推荐 | 微信小程序的省市选择组件 citySelector
2021/3/31 23:24:27
省份/城市/区县定位选择器:dash::rocket: 微信小程序，一行代码引入的省份/城市/区县定位选择器的库主要功能自动定位 城市、区县（也支持手动重新定位）手动 汉字、拼音搜索 城市，支持搜索数量335个，覆盖地级市亦可通过 侧边栏 选择，城市按拼音首字母排列选择好城市后，自动显示 辖下区县集成说明将libs文件夹拷贝至您的小程序项目根目录在您的项目根目录 app.json 里的 pag... -
“同住”小程序疑涉黄被下线，前车之鉴下共享床位为何屡禁不止 ...
2021/3/31 23:24:23
在共享经济的风口里，永远不缺花样百出的“共享概念”。据中国之声《新闻纵横》报道，一款主打“酒店床位共享”的微信小 程序 “同住”悄然进入公众视野，号称自己是“全新的共享经济形态”，如果一个人预订了酒店的标间，空着的一张床就可以通过微信上的“同住”小程序进行分享。但在运营一段时间之后，1月25日，宣称“和TA一起睡，重返20岁”，主打“床位共享”的... -
微信小程序开发最佳实践
2021/3/31 23:24:19
weapp-starter微信小程序开发最佳实践项目地址为什么会有这个 repo在小程序之初便开发应用了，现在小程序的开发也越来越成熟了，完善了很多的API、组件、架构等，社区也由原来的零星点点到现在的不大不小，但也算是有了，期间也诞生了很多的开发框架，越来越多的三方辅助库，我也捣鼓出很多。比较有名的算是 wepy 和 labrador ， wepy是 vue&nbs... -
微信小程序组件化的解决方案（下）
2021/3/31 23:24:14
现在我们已经可以做到了两个组件之间的数据传递，那么如何在多个组件间传递数据呢？ 如上图所示，同级的组件b 和同级的组件c , b 和 c 之间不可以直接获取，b可以获取到a， c 也可以获取到a，而a可以直接获取到 b 和 c。所以，如果想获取到兄弟元素，需要先获取到祖先节点，然后再通过祖先节点获取兄弟节点我在组件b 里面，我需要先找到祖先组件a的实例，然后用祖先... -
微信小程序组件化的解决方案（上）
2021/3/31 23:24:12
从小程序基础库版本 1.6.3 开始，小程序支持简洁的组件化编程。查看自己使用的小程序基础库版本，可以通过在开发者工具右侧点击详情查看：最基本的组件小程序的组件，其实就是一个目录，该目录需要包含4个文件：xxx.jsonxxx.wxmlxxx.wxssxxx.js声明一个组件首先需要在 json 文件中进行自定义组件声明（将 component 字段设为 true 可...
推荐文章
- 企业如何通过网站提升业务？2026年官网赋能增长的5大核心策略
- AI时代，网站重新变得重要：企业不可替代的数字核心资产
- 小程序上，如何实现播放课程不可以拖动，切到后台报警并停止播放？
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
