-
微信小程序学习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') ... -
uniapp适配到微信小程序注意事项
2021/1/5 14:59:33
在hbuilderx上运行到小程序，看到了熟悉的有胶囊的登录界面我很激动，登录进去一看。结果首页的按钮全没了，底部的tabbar也没了。。这还只是第一步，已经严重打击了我的信心。我有一种第一次吃螃蟹被夹住的感觉！好在uniapp还是挺靠谱，最后我翻遍了社区资料，最终解决了这些问题。后面还遇到了其他的问题，我总结了一下，权当经验分享了。一次开发，多端发布，是真的名不虚传... -
用 Vue3 开发小程序，这里有一份实际的代码案例！
2021/1/5 14:59:29
前言 寻寻觅觅冷冷清清，凄凄惨惨戚戚。 Vue 3 发布以后，最近也在学习和写一些 Vue3 的 demo 和项目，我也一直想着什么时候能在小程序里使用新特性？ 于是我翻遍了市面上的小程序框架，如 uni-app、wepy、mpvue，目前（截止至2020年11月5日）还都没能做到兼容 Vue 3 的写法，直到我发现了一个很骚的东西， Taro 居然支持 Vue 3。 首先需... -
uni-app 微信小程序报错：Cannot read property 'forceUpdate
2021/1/5 14:59:23
uni-app 微信小程序报错：Cannot read property 'forceUpdate' of undefined1.开发环境 uni-app2.电脑系统 windows10专业版3.在初次使用uni-app开发的时候,把项目运行到小程序的时候会包 Cannot read property 'forceUpdate' of undefined,下面我来分享一下我的解决方法,希望对你有所帮助!4.项目运行到小程序,报错如下:5.解决方法:6.完成5的操作之后,先停止项目的运行,然后再次... -
Uni-App各端发布上线流程
2021/1/5 14:59:21
微信小程序端 具体步骤：打开 HBuiderX -> 发行 -> 小程序-微信 -> 等待 第一步： 使用 HBuiderX 进行打包，此时会自动打开“微信开发者工具” 注意事项： 确保代码是完整的最新的 2. 检查接口域名地址是否是线上环境域名 3. 去掉本地项目里无用的代码 4. 确定小程序 `appId` 是否正确 复制代码 第二步： 点击“微信开发者工具”，右上... -
uniapp创建微信小程序项目和打开内置组件项目
2021/1/5 14:59:17
1uniapp创建微信小程序项目 1.下载开发工具hbuilder: 下载地址：https://www.dcloud.io/hbuilderx.html 2.创建新项目: .选择项目类型，选择uniapp,可以根据不同需求选择不同模板： 在微信开发者平台查看演示 在导入到微信开发者平台前，需要对该项目做一些配置： 找到项目里的manifest.json, 配置uniapp的APPID以及微信小程序的相关配置 uni的基础配置 本项目中小程... -
微信小程序基础知识总结
2021/1/5 14:59:14
一、页面文件 小程序中的页面文件分为四个，index.wxml、index.wxss、index.js和 index.jsonindex.wxml 是布局文件，index.wxss 是样式文件，index.js 是逻辑文件， index.json 是配置文件页面级别的配置会覆盖全局级别的配置小程序全局通用配置文件只有 app.wxss、app.js和app.json文件，app.wxml文件没有小程序页面级别配置文件有index.js、index.json、index.wxml和index.... -
小程序自动化测试优化之wx API拦截
2021/1/5 14:59:10
随着小程序越来越被广泛使用，我们前端的开发工作也从单纯的web开发，扩大到web+小程序的跨端开发。为了提高研发效率，越来越多的web模块需要迁移、更新，兼容小程序以实现跨端复用。而这些模块也会跟随业务进行迭代和版本更新，这时候，我们就需要有良好的测试来保障各端模块的可靠性。 由于我们将许多已有的web模块迁移到小程序，web端的测试相对已经比较完备了。因此我们需...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
- “啤酒”域名Bier.de以114万元登顶Sedo榜！
- 商标是买现成的还是去自己申请？
- 普通企业为何要做分销系统？
