![](https://img-blog.csdnimg.cn/2021012512565540.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
百度小程序开发
文章平均质量分 71
小小实习生从0开始学习百度小程序开发
伤水者王
这个作者很懒,什么都没留下…
展开
-
小程序的生命周期
文章目录1.onInit()2.onLoad()3.onShow()4.onReady()5.onHide()6.onUnLoad()2.读入数据总结onInit1.onInit()页面初始化时触发。一个页面只会调用一次,可以在 onInit 的参数中获取打开当前页面路径中的参数。onInit 执行时机早于 onLoad 。如果开发者有性能优化的需求,建议将页面的数据网络请求放在 Page.onInit 中,并在网络请求的回调中执行 setData ,可以提升页面的加载速度。2.onLoad()页原创 2021-01-28 11:01:58 · 595 阅读 · 0 评论 -
小程序开发的语法
这里写目录标题模板语法1.数据绑定循环条件s-if模板template事件处理SJS语法模板语法1.数据绑定单向绑定{{}}双向绑定:{= =}css属性绑定:class = “c-{{}}”控制属性: s-if = "flag"不需要大括号基础的运算符:<!-- operation-demo.swan --><!-- 普通变量 --><text>{{name}}</text><!-- 属性访问 --><text&原创 2021-01-28 10:25:37 · 366 阅读 · 0 评论 -
自定义组件
这里写自定义目录标题创建自定义组件组建模板和样式创建自定义组件开发者可以将页面内的功能模块抽象成自定义组件,在智能小程序的各个页面中进行使用,提升代码复用度,节省开发成本。组件的开发和一般的界面基本没差别,也是这四个文件。第一步:在 json 文件中进行自定义组件声明(在 json 文件中将 component 字段设为 true 可将这一组文件设为自定义组件)第二步:在 swan 文件、js文件、css文件中编写组件模板至此,我们的自定义组件就已经创建完毕了。第三部:在page里引用原创 2021-01-27 19:53:52 · 166 阅读 · 0 评论 -
百度智能小程序的基本原理
1.小程序的目录结构小程序开发包括全局配置文件、页面配置文件。开发者可通过app.json和app.js文件对小程序进行全局配置;通过.css、.js、.json和.swan文件进行页面配置。具体结构如下:├── app.js├── app.json├── app.css├── project.config.json└── pages└── index├── index.swan├── index.css├── index.js└── index.json└── detail├─原创 2021-01-25 21:01:31 · 883 阅读 · 0 评论 -
百度智能小程序的开发工具安装
工欲善其事,必先利其器。百度智能小程序为开发者提供了一套开发工具,包含了开发、调试、预览、发布、检测、自动化测试等功能,服务于开发者的开发全流程。这是工具下载链接:[百度开发者工具],选择适合的版本进行下载安装。(https://smartprogram.baidu.com/docs/develop/devtools/history/)安装完成后打开百度智能小程序开发工具,扫描左侧二维码进行登录对于初学者来说,可以先点击开发教程进行学习适应:根据提示,预计学习10分钟左右,可以快速上手百度智能小原创 2021-01-25 13:24:17 · 551 阅读 · 0 评论 -
与百度智能小程序的第一次邂逅
写在前面本篇摘自于百度智能小程序官网,作为官方介绍智能小程序简介智能小程序,是百度提供的一种技术解决方案。开发者基于此开发出来的服务,在各类宿主环境(手机 App、车载系统、IOT 设备等)中,可做到用户无感知安装过程即点即用。原理概览智能小程序在开发模式上基于 Web 前端开发的技能和生态,在运行时则采用了类客户端的方案,旨在使用体验上超越传统的 Web 前端技术,在开发效率上超过传统的客户端技术。也因此具有 Web 或客户端背景的开发者,可以通过官方文档和开发者社区快速学习和开发。小程序使用转载 2021-01-25 13:06:52 · 112 阅读 · 0 评论