本课堂由浅入深，从前端基础讲起，旨在帮助小程序开发者们解决开发中遇到的问题，为开发者们快速赋能，提高开发体验。

本期课程

课程主题：
《前端基础-JS篇，依赖引用》

课程简介：
本课程是小程序研发最佳实践系列课程【一期】第 2 堂。
通过本门课程的学习，你将了解ES6模块，熟悉并掌握输出/引用模块接口的方式。

讲师介绍：
雪庭，来自支付宝行业技术部，从零到一打造支付宝电子发票、信用卡还款小程序，千万级PV应用，在实际业务中提炼沉淀小程序研发最佳实践。

话不多说，开始上课咯！
《前端基础-JS篇，依赖引用》（ 视频点击：https://v.youku.com/v_show/id_XNDM0MDcwNTI5Mg==.html?spm=a2hzp.8253869.0.0 ）。

怎么样？

是不是满满干货？

是不是对接下来的课程充满期待？

本课堂定期为开发者们奉上新鲜的教学视频，敬请关注，不容错过哟。

想观看往期视频资源，可以在课程目录里点击前往。

课程安排

本系列课程按照学习阶段分为三期：

• 一期 - 覆盖基础，面向支付宝小程序开发的新手（或有简单经验），帮助开发者独立完成基本小程序开发
• 二期 - 提供进阶内容，帮助开发者解决更复杂的业务场景
• 三期 - 高级课程，深入原理

课程目录【一期】

HTML

1. [ 页面搭建 ] - 页面结构划分，搭建

CSS

1. [ 盒模型 ] - margin, padding, border, content
2. [ css单位 ] - px, em, rem, rpx
3. [ 选择器 ] - id, class, 权重
4. [ 页面布局 ] - relative/absolute, flex
5. [ flex详解 ] - flex-direction, flex-grow, 水平垂直居中...
6. [ 动画 ] - transition，animation
7. [ 小技巧 ] - 画圆，画箭头，画对号...

JS

1. [ 变量常量 ] - var, let, const, 解构赋值 （点击前往）
2. [ 依赖引用 ] - import, export （本期）
3. [ 异步操作 ] - promise, async/await, setTimeout
4. [ 数组操作 ] - forEach, map, slice, splice, filter, find, includes
5. [ 对象操作 ] - 取值, Object.keys()
6. [ 字符串操作 ] - 拼接, 模板字符串, includes, split …
7. [ 数值操作 ] - parseInt, parseFloat, toFixed
8. [ 类型判断 ] - 判断数组，判断空对象，防空处理，null vs undefined
9. [ 事件机制 ] - 冒泡，捕获，事件代理

二、小程序基础

框架

1. [ 全局配置 ] - 全局配置，全局样式，getApp()
2. [ 页面开发 ] - 数据绑定, 列表渲染, 条件渲染, 生命周期
3. [ 组件开发 ] - props, methods
4. [ 运行机制 ] - worker，message channel

常用组件

1. [ 基础组件 ] - view, text, button, input, image, picker
2. [ 扩展组件 ] - popover, pageResult, inputItem, swipeAction

API

1. [ 常用API ] - 页面跳转, 提示, 操作菜单, 选择城市, 滚动，用户授权, 唤起支付...

三、数据流

herculex

1. [ 数据流基础 ] - 基本概念
2. [ herculex基础 ] - 认识store结构（state, getters...），基本使用
3. [ herculex进阶 ] - 全局 store，组件 connect
4. [ 实战 ] - herculex 实战（基本版，进阶版）

四、研发工具

1. [ 小程序 IDE ] - 基本使用
2. [ anymock ] - 创建，使用
3. [ mas ] - 基本使用