实战中贯穿ES6+ 语法,前端完全使用原生JS语法,不依赖框架,实现模块、组件、请求、视图渲染和事件绑定等,打造一个电商网站的账号体系SDK,提升自己的开发效率和代码可维护性。
Async/Await
解决复杂请求中回调嵌套问题提升可维护性
Let/const
避免前后覆盖、变量提升
变量未声明就使用等常见问题
Import、Export
解决模块化开发的问题
更好的进行编译时优化
箭头函数
简化写法,解决了
this指向不确定的问题
新的数组、对象、字符串方法
常用的操作内置支持,无需自己
写方法实现,提升开发效率
Fetch API
提供更简便易用的请求方法
配合async/await提升开发效率
Symbol
提升JS对象的封装性
避免外部对内部的覆盖
变量解构赋值
提供了更方便的写法,简化代码
原生JS开发
不依赖框架,实现模块化、组件化、API请求、视图渲染和事件绑定
揭秘JS SDK背后的套路
完善代码通用性、兼容性、核心能力的封装性和外部配置的灵活性
贴近实战
了解通用账号体系的业务逻辑和前端项目的整体设计和开发流程
SDK通用功能
UMD打包
接口设计
登录
表单验证
按钮和输入框交互
注册
活人验证
短信验证, 手机号验证
个人信息填写
支付方式绑定
找回密码
选择找回方式
邮箱找回
手机号找回
个人中心
收货地址管理
安全设置
个人信息设置
html-bundler
脚手架工具,对以下三种工具进行配置整合,快速搭建项目
Webpack
模块化转可识别的非模块化JS,代码压缩等优化
Babel
编译工具,将ES6+ 语法转换为兼容性好的ES5语法
Gulp
对CSS等资源处理,整体构建流程处理
环境准备
架构和模块设计
Mock数据与公共模块开发
业务模块开发
业务模块串联
问答专区
讲师集中答疑
关于课程的问题都可在问答区随时提问讲师会进行集中答疑
源码开放
整套代码下载
课程案例代码完全开放给你,你可以根据所学知识自行修改、优化
本课程是ES6实战进阶课程,对你的学习能力及基础都有要求,如果你还对ES6基础语法不是很了解,建议你先
从《 ES6零基础教学 解析彩票项目》这门课程学起,有助你稳固ES6基础知识
学前必备技术
掌握JavaScript基础知识
有一定的Web项目开发经验
如无法下载使用图片另存为
下载海报选课、学习遇到问题?
扫码添加指导老师 1V1 帮助你!
添加后老师会第一时间解决你的问题