通过对比,用熟悉的技能开发小程序,不同的地方快速学习
2017-12-15原创侠课岛 基础入门
前端/移动端/微信小程序开发基础入门 38 0 10324
本教程图文或视频等内容版权归侠课岛所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。
赞 38
快速认识小程序 11分37秒
小程序是什么?适合哪些场景?怎么申请开通?官方开发资源有哪些?
小程序开发所需投入 05分15秒
很低的投入成本就可以做一个小程序啦
创建小程序项目 11分32秒
使用小程序开发工具快速创建一个项目,认识项目目录与页面结构
小程序运行机制 08分29秒
了解小程序的启动、运行、更新、再次打开的逻辑机制
小程序全局配置-页面路径 03分48秒
配置每个页面的访问路径
小程序全局配置-窗口表现 10分39秒
小程序状态栏、导航条、表态、窗口背景色等窗口表现形式设定
小程序全局配置-tabBar 15分08秒
底部tabBar配置和样式设置
小程序全局配置-网络超时和Debug 03分47秒
开启Debug、设置网络超时请求时长
小程序全局配置-页面配置 06分29秒
单个页面的窗口表现等配置,覆盖全局配置,与全局配置的对比
App.js-注册程序和场景值 19分38秒
创建一个小程序的App实例,认识进入场景和场景值,了解小程序的前台与后台
使用全局数据的两种方式 07分00秒
App实例globalData和模块化枚举场景来定义全局数据
注册页面-page()函数-生命周期 10分37秒
页面进入到销毁的生命周期过程的理解
注册页面-page()函数-页面相关事件处理函数 15分15秒
下拉刷新、上拉触底、页面滚动、转发分享等页面相关处理函数的使用
JS文件作用域 06分00秒
小程序中JS文件作用域、全局调用app实例、全局方法和属性访问和设置
逻辑JS模块化 08分37秒
每个功能一个独立模块、更加灵活、代码拆分为多个模块让你的代码更加简洁
调用微信原生API 19分58秒
认识微信API,通过API调用微信功能
理解ES6的Promise 17分26秒
什么是Promise?如何使用?多级回调如何解决?catch()和then()是什么
使用Promise封装微信API调用 17分42秒
使用ES6的Promise来避免回调地狱,封装一个Promise模块来统一调用微信API
小程序页面栈 10分16秒
认识页面栈,获取页面栈数组数据
小程序的路由使用 28分07秒
讲解如何访问一个页面,各种路由访问方式有什么不同,如何获取页面数据路由数据,导航组件和API使用
小程序JS和普通浏览器JS的区别 05分51秒
视图层概览 05分02秒
认识小程序的视图层
视图层WXML-数据绑定-基本数据绑定 10分05秒
Mustache语法、数据绑定显示、布尔值
视图层WXML-数据绑定-数据运算 11分42秒
数据算数运算、三元运算、逻辑判断、路径运算、字符串运算的使用
视图层WXML-数据绑定-数据组合 13分07秒
数组组合、对象组合在视图中绑定使用
视图层WXML-渲染-列表渲染 14分28秒
数据循环、列表显示、数据索引、数据循环嵌套等使用
视图层WXML-渲染-条件渲染 05分27秒
视图内容根据条件设定来渲染、显示隐藏等
视图层WXML-模板使用 09分45秒
认识小程序中的模板技术和基本的使用
视图层WXML-引用外部模板 13分32秒
把共用视图WXML抽取出来,多页面使用,更加方便的后期维护和修改
视图层WXML-事件绑定 13分49秒
认识小程序中如何使用事件和绑定事件的几种形式
视图层WXML-事件传播 20分36秒
彻底理解前端开发中的事件传播规律:捕获、冒泡、目标阶段,认识事件对象、阻止事件冒泡等,小程序如此,网页前端也如此
视图层-WXSS使用 23分20秒
CSS与WXSS对比,快速在小程序中写CSS:支持的选择器、样式导入、内联样式、全局和局部样式
视图层-组件使用 10分22秒
小程序中各个组件的特点、共有属性、数据类型、基本使用演示
视图层-WXSS使用-CSS中flex使用基础 03分42秒
快速认识flex
视图层-WXSS使用-CSS中flex父容器属性 08分43秒
flex父级容器实现水平排列方向、换行、水平对齐方式、垂直对齐方式、多行对齐方式控制
视图层-WXSS使用-CSS中flex子项目属性 11分12秒
定义flex子项目的样式:实现排序、扩大比率、缩小比率、单个对齐方式等
视图层-WXSS使用-CSS中flex常见布局演示 08分02秒
单列、多列多行、经典页面布局等使用flex布局来演示实现
小程序中的基础库和版本兼容 23分38秒
认识小程序的基础库、如何在低版本微信中使用高版本功能、兼容提醒
在小程序中使用ES6-类(Class)创建和使用 08分44秒
使用ES6的Class,让你的代码更加清晰易于维护,小程序可以用,其他网页前端开发也可以用的哦
在小程序中使用ES6-类的私有方法和属性 03分05秒
私有方法和私有属性的定义和使用,把代码更加安全的封闭起来
在小程序中使用ES6-类的getters和setters 05分14秒
ES6中getters和setters的使用
在小程序中使用ES6-类的静态方法 04分13秒
讲解在ES6中如何定义和使用静态方法
在小程序中使用ES6-类的继承 07分18秒
ES6中Class继承的使用,定义父类方法,子类重写,代码更加方便扩展开发
在小程序中使用ES6-模块化 08分41秒
ES6中的模块化特点和使用、import和export、与小程序模块化对比
在小程序中使用自定义图标字体 15分57秒
演示在小程序中如何使用图标,SVG转换为字体,字体转换为Base64的字体字符串
事件传播 20分38秒
JavaScript事件传播和小程序事件传播理解与应用
页面间通讯和数据传递-参数传递和全局数据 10分29秒
小程序中基本的页面间数据通讯方式,方便而又快捷
页面间通讯和数据传递-自定义模拟事件通讯 19分55秒
使用ES6 Class开发自定义模拟事件类,实现页面间数据传递和通讯
扫码加微信领取1天全站体验VIP
已签到2天,连续签到7天即可领取7天全站VIP
金币可以用来做什么?
恭喜!签到成功,获得+2积分
react进阶教程,深入了解React的高阶组件,store的最佳实践,reducer性能优化,component性能优化等