原生开发 微信小程序 第1篇
跳转到 tabBar 页面
并关闭其他所有非 tabBar 页面,使用 navigateBack 无法退回
保留当前页面,跳转到应用内的某个页面
但是不能跳到 tabbar 页面
(Object object) => 关闭当前页面,返回上一页面或多级页面
在界面跳转过程中需要相互传递一些数据
使用URL中的query字段
在详情页内部拿到首页的页面对象,直接修改数据
在小程序基础库 开始支持events参数,也可以用于数据的传递
使用URL中的query字段进行传递,定义events对象
使用eventChanner,传递数据到上一个页面
navigator组件主要就是用于界面的跳转的,也可以跳转到其他小程序中
原生开发 微信小程序 第2篇
网址 : 小程序
可能会自动注册完成
ps : 也可以反向注册,在这里直接配置,文件夹会自动生成
直接修改data中的数据,不会引起页面的刷新
小程序和react中都不会,只有vue劫持了属性才能直接操作
ps : 修改data并且希望页面重新渲染,必须使用 ()
原生开发 微信小程序 第3篇
本章主要介绍微信小程序开发基础知识,包括开发前的相关准备、常用工具、开发过程中的注意事项、项目创建过程、项目创建后的目录结构等内容。
小程序基础开发知识可通过小程序官方文档进行学习查看:小程序官方文档
另外还提供小程序开发基础知识讲解课程,包括小程序开发基础知识、组件封装、常用接口组件使用及常用功能实现等内容,具体如下: 1. CSDN课程: 2. 51CTO课程: 3. B站视频合集:
微信小程序原生开发功能合集之下拉选择组件封装第一节:组件规划
注意:CSDN及51CTO课程比较完善具体且提供对应的源码及答疑服务,B站及本专栏源码需要额外收费,且不提供专门的答疑服务。
原生开发 微信小程序 第4篇
git操作都是大同小异,详细的可以看我之前写的git文章
原生开发 微信小程序 第5篇
(一)版本管理
小程序认证:填写基本信息、注意选择行业类目、备案付费300元。
小程序有三个版本:开发版、审核版、线上版(默认代码体积不能超过2M)。
小程序项目中用到的静态资源,可以放到CDN或者腾讯云上,以减小代码体积。
(二)成员管理
管理员(1人),是注册账号的微信用户。
项目成员(15人),可以登录小程序管理后台,开发者必须是项目成员。
体验成员(15人),只有体验的权限,没有开发的权限。
(三)开发管理
AppID,相当是小程序的身份证号码,创建项目、调试项目、小程序之间的跳转都要用到,还有比如支付等也要用到。
AppSecret,小程序密钥,一般要给后端,在登录、支付等功能中都要用到。
Request 地址,就是api 的 baseURL,本地开发时可以关闭https验证,上线时一定要小程序管理后台中添加上这个地址,并且要求https协议的。
原生开发 微信小程序 第6篇
1)小程序为什么存在?
2)为企业或校友提供便利的用户连接工具;它可以在一定程度上可以替代掉部分手机APP的作用(用完即走)。
3)产品设计标准:小而美、开发周期较短。
4) 云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。使用腾讯云开发技术,免费资源配额,无需域名和服务器即可搭建
5)小程序在微信里打开,无须下载app,也无须再访问传统的PC站点,随时随地互动
原生开发 微信小程序 第7篇
小程序的核心技术主要是三个:
Vue的MVVM和小程序MVVM对比
MVVM :
原生开发 微信小程序 第8篇
Text组件 : 用于显示文本, 类似于span标签, 是行内元素
Button组件用于创建按钮,默认块级元素
open-type用户获取一些特殊性的权限,可以绑定一些特殊的事件
View视图组件 : 块级元素,独占一行,通常用作容器组件,和div差不多
scroll-view : 可以实现局部滚动
注 : 若要开启flex布局,须加上enable-flex这个属性
Image组件 : 用于显示图片
Swiper组件 => 用来做轮播图效果
model:value => 双向绑定功能
原生开发 微信小程序 第9篇
小程序刚刚推出时,是不支持组建化的,版本后开始支持
组件化思想的应用 :
需要在 json 文件中进行自定义组件声明
将component 字段设为 true 可这一组文件设为自定义组件
在页面的json文件中,配置usingComponents,即可在页面中使用
在的usingComponents声明某个组件,那么所有页面和组件可以直接使用该组件
组件内的class样式 : 只对组件wxml内的节点生效, 对于引用组件的Page页面不生效
ps : 组件内不能使用id选择器、属性选择器、标签选择器 => 因为会作用到外面,不安全
外部使用class的样式 : 只对外部wxml的class生效,对组件内是不生效的ps :
外部使用了id选择器、属性选择器不会对组件内产生影响 外部使用了标签选择器,会对组件内产生影响
在Component对象中,可以传入一个options属性
其中options属性中有一个styleIsolation(隔离)属性
styleIsolation有三个取值 :
可以使用 properties 属性
说实话,有点繁琐,咕噜咕噜~
可在父组件里调用 ,获取子组件的实例对象
调用时需要传入一个匹配选择器 selector,如:(_.my-component_)
ps : 如果有多个,可以使用
小程序的插槽不支持默认值
小程序的插槽不支持默认值 => 可以用css的empty伪类 + 兄弟选择器来解决
behaviors 是用于组件间代码共享的特性,类似于一些编程语言中的 “mixins”
组件的生命周期,指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发
ps : 最重要的生命周期是 created attached detached
组件的的生命周期也可以在 lifetimes 字段内进行声明(这是推荐的方式,其优先级最高)
一些特殊的生命周期,它们并非与组件有很强的关联,但有时组件需要获知,以便组件内部处理
组件所在页面的生命周期 => 在 pageLifetimes 定义段中定义
原生开发 微信小程序 第10篇
某些组件会有自己特性的事件类型
input : bindinput || bindblur || bindfocus
scroll-view : bindscrolltowpper || bindscrolltolower
当某个事件触发时, 会产生一个事件对象, 并且这个对象被传入到回调函数中
target : 触发事件的元素
currentTarget : 处理事件的元素(大部分情况使用target)
touches : 当前屏幕上有多少个手指
changedTouches : 较上一个状态,改变了多少个手指
方式一 : 使用data-*
方式二 : 使用mark ( 版本以上
data- : 需要区分currnetTarget 和 target,一般使用currnetTarget即可
mark : 会自动合并所有的mark数据,不受影响
事件捕获 : 从外到内
事件冒泡 : 从内到外
总是先捕获,再冒泡
原生开发 微信小程序 第11篇
微信提供了专属的API接口,用于网络请求: (Object object)
每个微信小程序需要事先设置通讯域名,小程序只可以跟指定的域名进行网络通信
小程序登录后台 – 开发管理 – 开发设置 – 服务器域名
配置时需要注意 :
showToast 和 showLoading 只能同时显示一个
和 showToast => icon为loadind,展示的效果相同
但是可以手动控制关闭弹窗的时间
分享是小程序扩散的一种重要方式,小程序中有两种分享方式,通过 onShareAppMessage
此事件处理函数需要 return 一个 Object,用于自定义转发内容