小程序学习总结
文章平均质量分 86
小程序学习总结
会蹦的鱼
这个作者很懒,什么都没留下…
展开
-
小程序学习day01-小程序与普通网页开发的区别、设置微信开发者工具的外观和代理、创建小程序项目、如何查看项目效果、小程序代码构成、主界面的5个部分
网页运行在浏览器环境中,小程序运行在微信环境中由于运行环境的不同,在小程序中无法调用DOM和BOM的API,但是小程序可以调用微信环境提供的各种API,比如:地理定位、扫码、支付等网页的开发模式:浏览器+代码编辑器;小程序开发模式:申请开发账号、安装小程序开发者工具、创建和配置小程序项目成功新建:原创 2024-08-09 17:00:00 · 573 阅读 · 0 评论 -
小程序学习day02-JSON配置文件、小程序页面、WXML、WXSS
当允许时,微信会通过爬虫的形式,为小程序的页面建立索引,当用户的搜索关键字和页面的索引匹配成功的时候,小程序的页面可能展示在搜索结果中。原创 2024-08-10 17:00:00 · 690 阅读 · 0 评论 -
小程序学习day03-小程序的.js文件、小程序的宿主环境、常用的组件-视图类、常用基础内容组件、其他常用组件
把小程序的代码包下载到本地——>解析app.json全局配置文件——>执行app.js小程序入口文件,调用APP函数,创建小程序实例——>渲染小程序首页——>启动完成。加载解析页面的.json配置文件——>加载页面的.wxml模版和.wxss样式——>执行页面的.js文件,调用Pages函数,创建页面示例——>渲染完成。逻辑层和渲染层的通信(由微信客户端进行转发)在仅加边框的情况下,可看出image具有默认的宽高(宽322px,高242px)视图容器、基础内容、表单组件、导航组件、媒体组件、原创 2024-08-11 17:00:00 · 915 阅读 · 0 评论 -
小程序学习day04-小程序API、小程序的上传(测试号没有上传的功能)、小程序的版本、小程序的二维码、数据绑定
点击“上传”——>填写“版本号”(备注可不填写) 登录小程序管理后台——>设置——>基本设置——>基本信息——>小程序码及线下物料下载 登录“小程序管理后台”——>点击侧边栏的“统计”——>点击相应的tab可以看到相关的数据打开“微信”——>搜索“小程序数据助手”——>查看已发布的小程序相关数据原创 2024-08-12 16:42:41 · 405 阅读 · 0 评论 -
小程序学习day05-事件绑定、事件传参(小程序中不能在绑定事件的)、实现文本框和data数据的动态绑定、条件渲染、wx:for
Wx:elif和wx:else来添加else进行判断。原创 2024-08-13 16:01:51 · 787 阅读 · 0 评论 -
小程序学习day06-wx:for续、WXSS模版样式、rpx尺寸单位、@import、全局样式与局部样式、全局配置
在list页面在index页面(在list.wxss页面中修改字体颜色,不会作用到index页面)4)style(是否启用新版的组件样式)原创 2024-08-14 17:00:00 · 729 阅读 · 0 评论 -
小程序学习day07-页面配置、网络数据请求、页面导航-声明式导航、编程式导航
如果要后推到上一级页面或者多级页面,需要指定open-type属性(必须为navigateBack,表示要进行后台导航)和delta属性(必须是数字,表示后退的层级)complete(function):非必须,接口调用结束的回调函数(调用成功、失败均执行)complete(function):非必须,接口调用结束的回调函数(调用成功、失败均执行)complete(function):非必须,接口调用结束的回调函数(调用成功、失败均执行)success(function):非必须,接口调用成功的回调函数。原创 2024-08-15 16:53:35 · 1077 阅读 · 0 评论 -
小程序学习day08-导航传参、下拉刷新(移动端的专有名词)、上拉触底(移动端的专有名词)、自定义编译模式、生命周期
注:页面生命周期的范围较小,应用生命周期的范围较大。原创 2024-08-16 17:00:00 · 965 阅读 · 0 评论 -
小程序学习day09-WXS脚本、自定义组件-组件的创建、引用、组件与页面的区别、组件的样式隔离
在其他页面无效默认情况下,自定义组件 的样式隔离性能防止组件内外样式互相干扰的问题,但是有时需要外界能够控制组件内部的样式,可以通过styleIsolation实现。原创 2024-08-18 09:43:51 · 672 阅读 · 0 评论 -
小程序学习day10-自定义组件的data数据、方法、属性,data与properties的关系、自定子组件之数据监听器
语法:“对象1,对象2”:function(对象1的新值,对象2的新值){}}})示例(求num1+num2为sum)语法:Component({Observers:{“对象.属性1,对象.属性2”:function(属性1的新值,属性2的新值){}}})原创 2024-08-21 16:34:54 · 699 阅读 · 0 评论 -
小程序学习day11-生命周期函数、组件所在页面的生命周期、自定义组件的插槽、自定义组件的父子通信
语法:生命周期函数(){}Lifetimes:{生命周期函数(){}} pageLifetimes:{ show(){}, hide(){}, resize(){} }已知:子组件中无法同步修改父组件传过来的值传参:调用:原创 2024-08-22 17:00:00 · 1048 阅读 · 0 评论 -
小程序学习day12-自定义组件(续)-behaviors、小程序对npm的支持与限制、vant组件库的安装和使用、Vant Weapp使用css变量定制vant主题样式
新建一个js文件,创建behavior实例,可以包含属性、数据和方法。原创 2024-08-23 17:00:00 · 841 阅读 · 0 评论 -
小程序学习day13-API Promise化、全局数据共享(状态管理)、分包
②重新构建npm显示:示例:效果: 分包前,小程序的所有页面和资源都被打包到了一起,导致项目体积过大,影响小程序首次启动的下载时间在app.json中新增与pages平级的subpackages属性,为其配置根目录,页面路径通过name命名在“详情”的“基本信息”中,查看“本地代码”在普通分包的基础上,添加independent属性比如:Wifi与all同一个分包中的页面享有共同的预下载限额2M(同一页面内所有分包预下载体积之和<=2M)原创 2024-08-24 17:00:00 · 660 阅读 · 0 评论