小程序
小程序开发总结
luckybing~
一个积极向上、乐观开朗、遇到Bug想一晚上、没秃顶、会写段子的web前端工程师
展开
-
微信小程序开发流程(二)
一: 客户端、server服务端。client里面写前端代码~server里面写后端代码~然后后端数据再渲染到前端~二:点击登录测试接口: 报错~解决一下问题:client --> pages --> vendor --> config.js第六行: var host = ""; 上面导航栏目,最后一个详情~腾讯云状态--> 把开发环境request域名复制到host三...原创 2018-06-02 16:05:09 · 388 阅读 · 0 评论 -
微信小程序开发流程( 一 )
(一)注册小程序登陆 https://mp.weixin.qq.com 立即注册点击小程序选项(二) 注册即可注意:注册邮箱必须是未注册过的邮箱(qq邮箱因为注册过了,所以我使用的是钉钉邮箱 <--1997040928zfB -->)(三)注册好之后登陆主体类型:个人。然后填写相关真实信息(四)设置里面:开发者工具-->开通腾讯云微信小程序的后台只支持node、php前端:...原创 2018-06-02 14:17:16 · 401 阅读 · 0 评论 -
(七)滚动选择器
(一)使用组件picker、picker-view、picker-view-column官方文档写的例子很全;就不自己写啦https://developers.weixin.qq.com/miniprogram/dev/component/picker.html(二)双向绑定wxml:<view> <view class="box"> <view class="section__title">普通选择器</view>原创 2020-08-19 15:43:20 · 506 阅读 · 0 评论 -
(七)scroll-view 下拉加载
html:<view> <!-- 下拉加载 1. lower-threshold 距底部触发的阀值 2. bindscrolltolower 触发函数 --> <view class="box"> <scroll-view class="wrapper" scroll-y lower-threshold="{{ 20 }}" bindscrolltolower="s.原创 2020-08-15 14:43:35 · 932 阅读 · 0 评论 -
(六)scroll-view 组件
(一)横向滚动、纵向滚动scroll-x scroll-y<view> <view class="box"> <!-- 纵向滚动 --> <scroll-view class="wrapper" scroll-y> <view id="1" class="view demo-1">A</view> <view id="2" class="view demo-2">B&l.原创 2020-08-11 12:09:35 · 803 阅读 · 0 评论 -
(五)小程序生成海报 并保存到本地
参考文章:https://blog.csdn.net/qq_29217789/article/details/86657747https://developers.weixin.qq.com/community/develop/doc/000048447844f80b9107d64ab51006使用 Painter 插件参考这个文章配置:https://zhuanlan.zhihu.com/p/39475576(一)先下载插件,把源码下载到本地目录git clone https:/原创 2020-08-10 20:20:04 · 531 阅读 · 0 评论 -
(四)可滚动视图区域 movable-area moveable-view
(一)movable-area 是可以移动的范围moveable-view 是移动的元素有三种情况:(1)如果 movable-area 的大小等于 movable-view 的大小 则不能够移动 (100%填充)(2)如果 movable-area 的大小小于 movable-view 的大小 则能够移动(3)如果 movable-area 的大小大于 movable-view 的大小 则能够移动(二)上代码(1)拖拽移动movable-area 里面嵌套movable-v..原创 2020-08-07 18:28:44 · 3714 阅读 · 0 评论 -
(三)小程序 bindtap 和 catchtap
区别:bindtap 有事件冒泡 catchtap 没有事件冒泡(1)bindtap<view hover-class="import" bindtap="getTarget"> parent <view bindtap="getTarget">children</view> </view>点击子元素,会触发自己以及父元素的点击事件 事件冒泡(2)catchtap点击子元素,仅仅会触发自己的点击事件原创 2020-08-07 14:28:14 · 382 阅读 · 0 评论 -
(二)小程序组件应用
小程序文档:https://developers.weixin.qq.com/miniprogram/dev/framework/(1)rich-text富文本编辑,可以用于解析 html,在我看来 相当于 vue 中的 v-htmlwxml:相当于html<button bindtap="changeText">改变内容</button><rich-text space="{{ space }}" nodes="{{ nodes }}"></.原创 2020-08-07 12:56:21 · 189 阅读 · 0 评论 -
(一) 小程序介绍
1. 小程序的优势相比于APP(1)启动快(2)占用内存小(3)审核时间短(正常两天之内就可以审核完成,而APP可能需要三四天)(4)不用下载,开箱即用(5)学习开发成本低,上手快2. 微信小程序双线程运行机制一个逻辑层: 提供各种api来处理逻辑一个视图层:主要提供各类组件渲染界面两者通过微信底层的 WeiXinJSBridge 进行通讯,包括数据事件的交换视图的数据更新是如何实现的?主要是通过 setData 来实现的,调用底层的 window.eva原创 2020-06-02 23:15:45 · 176 阅读 · 0 评论