微信小程序开发前端基础知识

文章目录 一、简介 1、是什么 2、为什么 二、准备工作 1、环境准备 1.1、注册账号 1.2、获取APPID 1.3、开发工具 2、创建微信小程序 三、组件 1、目录及其作用介绍 2、页面操作 3、view 块级元素 4、`<navigator>`导航跳转 5、`scroll-view`滚动 6、text 行标签 7、swiper 轮播 8、常用表单组件 8.1、button 8.2、input 9、基础内容 9.1、icon 图标 9.2、progress 进度条 四、框架 1、小程序配置 1.1、`app.json`全局配置 1、pages 2、window 3、tabBar 1.2、页面配置【局部】 2、WXML 2.1、WXML数据绑定 2.2、列表渲染 2.3、条件渲染 2.4、模板 3、框架接口_Page内的生命周期及各项函数 4、框架接口_事件函数及setData用法 5、API_基础用法 5.1、获取设备相关信息 5.2、加载中 5.3、提交成功 6、API_路由用法 6.1、wx.navigateTo 6.2、wx.switchTab 6.3、wx.reLaunch 6.4、wx.navigateTo 7、API_request发送网络请求 7.1、请求数据源：[https://edu.newsight.cn/wxList.php](https://edu.newsight.cn/wxList.php) 7.2、请求的数据在调试器中的AppData中进行查看 7.3、效果展示 7.4、wxml 7.5、wxss 7.6、js 五、ES6实用的技术 1、变量与常量 2、模板 3、解构赋值 4、箭头函数 5、for循环遍历 6、对象中函数的声明 7、默认参数 8、展开运算符 ... 六、案例 1、标题+客服 1.1、布局 html 1.2、公共样式 + 动画定义 1.3、布局样式 css 2、轮播图 2.1、布局 html 2.2、布局样式 css 3、滚动显示 3.1、布局 html 3.2、布局样式 css 4、作品展示 4.1、布局 html 4.2、布局样式 css 5、行业动态 5.1、布局 html 5.2、布局样式 css 6、底部logo 6.1、布局 html 6.2、布局样式 css 文章目录 一、简介 1、是什么 2、为什么 二、准备工作 1、环境准备 1.1、注册账号 1.2、