-
小程序云函数接口设计
2021/1/5 15:01:26
微信为小程序开发者提供了云函数，作为替代后台的一种serverless解决方案。微信云函数与微信小程序前端功能结合的很紧密，为开发者提供了相当大的便利。但云函数在设计、开发、调试上与传统的服务端开发有着许多不同。 我们的团队近期开发了一款小程序产品。为了更大程度的减少server的使用，业务后台完全使用云函数提供服务（主要是我们的团队没有专业后端-_-）。另外采用前... -
小程序上视频列表的渲染与性能优化
2021/1/5 15:01:24
小程序的部分组件是由客户端渲染的原生组件，本文使用的 video 组件属于其中之一。视频列表涉及多个 video 组件的渲染、资源加载、滑动，处理不当会带来比较大的性能消耗。本文通过多种方案的对比，探讨视频列表渲染的最佳姿势，达到性能优化的目的。 一、背景 qq 小程序应用商店上的“值得一玩”模块，是由多个横向排列的视频组成的视频列表。该模块始终有一个视频完... -
微信小程序入门教程之三：脚本编程
2021/1/5 15:01:18
今天，接着往下讲，教大家为小程序加入 JavaScript 脚本，做出动态效果，以及如何跟用户互动。学会了脚本，就能做出复杂的页面了。 本篇的难度要大于前两篇，如果觉得不好理解，可以先跟着例子，动手做一遍，然后再读文字说明，可能就容易理解了。 一、数据绑定 前面的所有示例，小程序的页面都是写死的，也就是页面内容不会变。但是，页面数据其实可以通过脚... -
小程序开发第四弹: uni-app 必备知识
2021/1/5 15:00:57
生命周期 在了解组件之前 , 先来看下生命周期, 学过 vue 或者 react 同学肯定不会陌生这个概念, 简单概括就是小程序从创建到销毁的阶段所经历的钩子函数 ; 小程序的生命周期分为三种 , 「应用生命周期」 「页面生命周期」 「组件生命周期」 复杂的咱先不说 , 遇到情况直接翻文档 ; 说说简单的先 应用生命周期 值得注意的是应用的生命周期只在App.vue 中能够有效使用 ... -
小程序-页面与页面间如何进行传递数据(通信)
2021/1/5 15:00:53
在小程序中组件与组件之间的通信是通过在引用组件处,在自定义组件上添加自定义属性实现的,子组件内部通过properties进行接收更多关于组件与组件之间的通信可参考小程序实现自定义组件以及自定义组件间的通信这篇文章那页面与页面之间又如何传递数据?您将阅读完本文后,将收获到:页面间跳转携带参数(通过url的方式)传递数据如何返回上一级页面,并刷新页面呢使用全局app页面定义的... -
微信小程序学习1--项目结构分析和基本配置
2021/1/5 15:00:49
小程序项目结构分析 小程序项目结构分析： app.js文件是小程序的入口文件（小程序从该文件开始执行）。app.wxss文件是小程序的全局样式文件。pages文件夹用来放置小程序的页面。 wxml 模板文件，类似于HTML文件。wxss 样式文件，类似于css文件。js 文件，用于处理js的交互逻辑，与原生js作用类似。json文件，用于当前页面的配置。 utils文件夹用于提供一些工具方法。 ... -
微信小程序学习2--小程序基本布局
2021/1/5 15:00:47
小程序基本布局 wxml 指的是 Wei Xin Markup Language，是微信团队以 XML 为基础，而定义的一套用以实现小程序页面布局的标记语言，与HTML非常类似。 wxml 常用标签 wxml有一套自已的标签（组件）如 form、input、textarea、button、audio、video、view、text等，其含义与html的标签也是一样的，其中 view、text 可分别与 html 中的 div、span 对应。 vi... -
微信小程序学习3--WXML动态模板语法详解
2021/1/5 15:00:43
WXML动态模板语法详解 数据绑定条件渲染列表渲染事件处理 数据绑定 官网文档 基本数据绑定组件属性绑定：插值表达式的信息可以插入到属性中插值表达式内部支持计算对象操作：访问对象中的属性值（对象名称.属性名称） <view> 你好，{{uname}} view> <view data-uid='{{uid}}' class='{{cls}}'>测试属性view> <view>{{1 + 1... -
一文带你熟悉uni-app开发多端的整体流程及各端发布
2021/1/5 15:00:39
如今前端领域技术五花八门，随之的技术框架也越来越多，暗示着前端开发需要学习了解技术越来越广。今天我们来聊聊跨平台框架之 Uni-App。 这里笔者就不把 Uni-App 来拿和其他跨平台框架进行对比了，直接分析一下若使用 Uni-App 开发一个应用。不过，笔者希望有兴趣的小伙伴也了解学习下其他跨平台框架（像Taro、Weex、RN、Flutter等），毕竟技多不压身嘛~ 前言 使用 uni... -
微信小程序中使用Echarts统计图
2021/1/5 15:00:36
效果图 ????注意：ec-canvas 一定要在 wxss 文件里设置宽和高，否则统计图区域会变为空白下载 ????github：https://github.com/ecomfe/echarts-for-weixin ????echarts options：https://echarts.apache.org/zh/option.html#legend ????解压之后把 ec-canvas 文件拷贝到小程序项目中 WXML <view class="container"> <view class="echarts"> <... -
微信小程序—微信信息授权登录以及手机号授权登录
2021/1/5 15:00:33
图片演示 wxml（login.wxml）代码 <view class=""> <button class="logoBtn" wx:if='{{hiddenBtn == 0}}' open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">微信账号快捷登录</button> <!-- <button class="logoBtn" wx:if='{{hiddenBtn == 1}}' open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">微信账号... -
Egg.js+MongoDB+uni-app 开发小程序 （一） 项目后台基搭建
2021/1/5 15:00:31
Express 是 Node.js 社区广泛使用的框架，简单且扩展性强，非常适合做个人项目。但框架本身缺少约定，标准的 MVC 模型会有各种千奇百怪的写法。Egg 按照约定进行开发，奉行『约定优于配置』，团队协作成本低。 Sails 是和 Egg 一样奉行『约定优于配置』的框架，扩展性也非常好。但是相比 Egg，Sails 支持 Blueprint REST API、WaterLine 这样可扩展的 ORM、前端集成、WebS... -
微信官方：公众号、小程序回调出口 IP 变更，提高网络质量
2021/1/5 15:00:29
据微信团队官方发布，公众号、小程序回调出口IP出现变更，是为了提高网络质量。此次变更计划于2020年11月16日灰度放量 ，灰度过程中，旧出口IP列表以及新增的网段流量会同时存在。最终将下线旧出口IP，仅保留新出口IP。 下面是通知内容： 为了提高公众号、小程序回调出口网络质量，微信callback IP地址计划灰度切换到以下腾讯云网络出口网段（专线回调出口IP... -
微信小程序页面代码复用探索（一）—— 存在的问题及需求
2021/1/5 15:00:25
现有的代码复用方案及其问题 现有的代码复用方案，使用微信小程序的组件Component。Component本身就是一种代码复用。而且在Component中，还提供了Behavior来共享代码。 但是，这种解决方案并不能覆盖所有场景。 举一个例子，我的页面中需要实现一个自定义title-bar，当页面滑动时，滑到一定的位置，这个title-bar的背景需要变成透明的，当滑动到另外一个位置时，titl... -
uni-app 开发技巧和注意事项
2021/1/5 15:00:23
获取路径传参，类似小程序，在onLoad接受参数。没有vue中的query和param // 路径 /pages/index/index?a=1&b=2 onLoad(config) { const { a, b } = config } 复制代码 uni-app内置vuex，但不支持vue-router easycom（自动引入组件且是按需引入） 从插件市场安装的组件默认是easycom，自定义组件可用正则匹配 "easycom": { "^u-(.*)": "@/uview-ui/component... -
Echarts在Taro微信小程序开发中的踩坑记录
2021/1/5 15:00:19
背景 近期笔者在使用Taro进行微信小程序开发，当引入Echarts图表库时，微信检测单包超限2M的一系列优化措施的踩坑记录，期望能指导读者少走一些弯路。为什么选择Echarts？ 微信小程序目录市面上使用最多的两款图表库，如下： echarts-for-weixin——echarts微信小程序版本wx-charts——基于微信小程序的图表库 对比两款图表库优缺点刚好相反。 echarts-for-weixin：功能强... -
基于uni-app的微信小程序之分包
2021/1/5 15:00:16
最近工作在接触uni-app,用它来开发微信小程序,也是第一次接触,找了很久,还有大佬用自己写的函数做的,俺觉得我不会也不配,刚好看到下面评论是官方也支持了,所以就用官方的了,这里记录一下 1. 关于分包 ? 好像是规定小程序不能超过2M,一旦超过就需要分包,因为是公司项目,肯定超过,所以就做个演示,权当记录吧 1.0 这是 官方文档 1.1 注意事项 subPackages 里的pages的路径... -
小程序如何生成海报分享朋友圈
2021/1/5 15:00:14
项目需求写完有一段时间了，但是还是想回过来总结一下，一是对项目的回顾优化等，二是对坑的地方做个记录，避免以后遇到类似的问题。 需求 利用微信强大的社交能力通过小程序达到裂变的目的，拉取新用户。 生成的海报如下 需求分析 1、利用小程序官方提供的api可以直接分享转发到微信群打开小程序 2、利用小程序生成海报保存图片到相册分享到... -
微信小程序转换器（二）—— 文件的操作
2021/1/5 14:59:52
启动方法 转换器的主函数，整个转换器在这里启动。 function run() { const currentPath = inputAppPath() const outPutPath = outputAppPath() deleteall(outPutPath) // 删除以前的编译结果 fs.mkdirSync(outPutPath) // 新建存放编译结果文件夹 const files = fs.readdirSync(currentPath); // 获取当前目录下的所有文件 AnalyzeApp().run(... -
微信小程序转换器（一）—— 转换器的实现
2021/1/5 14:59:50
准备 在开始前得先准备点东西： 1、随便学点node的api知识，用来操作文件2、AST Explorer一个可以看到各种插件转出的AST树结构的网站3、JS的转换器：@babel/parser(code -> AST)、@babel/traverse(用来遍历得到的AST)、@babel/generator(AST -> code)4、HTML的转换器 htmlparser2(HTML -> AST), AST -> HTML 的则需要自己手写5、CSS的转换器 css-tree 这一个干完... -
微信小程序转换器（三）—— loader设计实现
2021/1/5 14:59:47
配置文件中的loader配置 可以根据配置文件匹配到到规则，去执行相应的loader。 // analyze.config.js // 引入loader const jsLoader = require('./lib/jsLoader') const jsonLoader = require('./lib/jsonLoader') const cssLoader = require('./lib/cssLoader') const htmlLoader = require('./lib/htmlLoader') const signLoader = require('./lib/signLoader') ...
推荐文章
- 企业如何通过网站提升业务？2026年官网赋能增长的5大核心策略
- AI时代，网站重新变得重要：企业不可替代的数字核心资产
- 小程序上，如何实现播放课程不可以拖动，切到后台报警并停止播放？
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
