
小程序
文章平均质量分 72
努力练级中...
小白前端自学路径和知识整理。
展开
-
小程序学习记录十一:全局数据共享
:全局数据共享一、全局数据共享二、小程序的全局数据共享三、安装MobX相关的包1.安装2.使用一、全局数据共享全局数据共享又叫做状态管理,是为了解决组件之间数据工序的问题。开发中常用的全局数据工序方案有:Vuex,Redux,MobX等。二、小程序的全局数据共享使用mobx-miniprogram配合mobx-miniprogram-bindings实现全局数据共享mobx-miniprogram用来创建Store实例对象mobx-miniprogram-bindings用来把Store中的共享原创 2021-04-30 11:04:59 · 258 阅读 · 0 评论 -
小程序学习记录十:小程序API Promise化
小程序API Promise化一、小程序异步API的缺点二、Promise化异步API1.安装miniprogram-api-promise包2.引入miniprogram-api-promise一、小程序异步API的缺点小程序提供的异步API都是基于回调函数实现的,列如网络请求wx.request({ method:'', url:'', data:{}, success:()=>{}, fail:()=>{}, complete:()=>{}})容易出现回调地狱原创 2021-04-30 11:04:33 · 361 阅读 · 0 评论 -
小程序学习记录九:小程序npm包的使用
包的概念一级目录二级目录三级目录一级目录二级目录三级目录原创 2021-04-30 11:04:18 · 407 阅读 · 0 评论 -
小程序学习记录十二:主包和分包概念
主包和分包概念一、分包1.什么是分包2.分包的好处3.分包后项目的构成4.分包加载规则5.分包的体积限制6.使用分包7.配置分包8.分包的打包原则9.包引用原则二、独立分包1.什么是独立分包2.独立分包和普通分包的区别3.独立分包的使用场景4.独立分包的配置方法5.独立分包的引用原则三、分包预下载1.什么是分包预下载2.配置分包的预下载3.分包预下载的限制一、分包1.什么是分包分包是指把一个完成的小程序,安装需求划分为不同的子包,在构建时打包分成不同的分包,用户在使用时按需进行加载。2.分包的好处原创 2021-04-30 11:04:01 · 9972 阅读 · 2 评论 -
小程序学习记录八:小程序组件
小程序组件一、自定义组件二、局部引用组件三、全局引用组件四、组件和页面的区别一、自定义组件1.在项目根目录中创建components-test文件夹2.在test文件夹上,鼠标右键,然后点击‘新建Component’3.输入组件名称后,会自动生成组件对于的文件,后缀名分别为js,.json,.wxml,和wxss二、局部引用组件在页面的.json文件中使用,只能在引用了组件的页面中使用。局部引入组件。{//usingComponents节点就是用来注册组件的 "usingCompon原创 2021-04-27 15:12:08 · 296 阅读 · 0 评论 -
小程序学习记录六:小程序页面开发基础
小程序页面开发基础一、页面导航二、声明式导航1.tabBar页面之间的跳转。2.非tabBar页面的跳转三级目一、页面导航浏览器中1.a链接的href属性跳转2.location.href属性跳转小程序中1.声明式导航声明一个<navigator>导航组件,通过点击这个组件来跳转2.编程式导航1.调用小程序的API进行导航,实现页面的跳转。二、声明式导航1.tabBar页面之间的跳转。<navigator url=’/Pages/message/message‘ o原创 2021-03-22 17:26:23 · 207 阅读 · 0 评论 -
小程序学习记录五:小程序网络请求
小程序网络请求一、小程序网络请求的限制二、配置reques合法域名三、发起get请求四、发起post请求五、在页面加载时请求数据六、跳过reques合法域名校验七、跨域和ajax的说明一、小程序网络请求的限制1.只能请求HTTPS类型的接口2.必须将接口的域名添加到信任列表中。3.域名不能使用ip地址或localhost4.域名必须经过icp备案5.服务器域名一个月内最多可申请5次修改。在开发工具的详情里查看域名,添加后才能请求这个域名下的所有接口。二、配置reques合法域名比如要请求w原创 2021-03-19 14:02:56 · 464 阅读 · 0 评论 -
小程序学习记录四:小程序的配置.json文件
小程序的全局配置.json文件一、pages属性二、window属性三、taBar属性四、style属性一、pages属性存放当前小程序的所有页面路径二、window属性全局设置小程序窗口的外观即小程序导航栏有三个点的部分叫导航栏。还有下拉的背景颜色。不能配置页面主题的样式。需要wxss常用配置属性名类型默认值说明navigationBarTitleTextString字符串导航栏标题内容navigationBarBackgroundColorHexC原创 2021-03-19 11:39:09 · 167 阅读 · 0 评论 -
小程序学习三:小程序wxss样式基础
小程序wxss基础一、wxss和css的区别二、rpx解释三、rpx和px的单位换算四、样式导入五、全局样式六、局部样式一、wxss和css的区别二、rpx解释rpx(responsive pixel)是微信小程序独有的,用来解决屏幕适配的尺寸单位。有了这个,不用考虑屏幕的大小了原理:rpx把所有设备屏幕等分为750px,即当前屏幕的总宽度为750rpx小程序在底层运行时,会自动把rpx的样式单位转换为对应的像素单位来渲染,从而实现屏幕的适配。三、rpx和px的单位换算iphone6上,1p原创 2021-03-19 09:42:53 · 332 阅读 · 0 评论 -
小程序学习二:小程序开发语法基础
小程序开发基础一、数据绑定二、动态绑定属性三、调试四、事件1.常用事件2.事件对象3.事件绑定语法4.获取data里的数据5.动态修改data里的数据一、数据绑定和vue用法类似1.在jsdata里定义数据Page({ data:{ info:你好'}})2.在wxml里使用数据Mustache语法,也可以叫插值表达式<view>{{info}}</view>二、动态绑定属性和vue有所不同vue是<img :src="src"&原创 2021-03-19 09:40:40 · 457 阅读 · 0 评论