认识小程序中如何使用事件和绑定事件的几种形式
2017-12-20原创侠课岛 基础入门
前端/移动端/微信小程序开发基础入门 39 0 9309
本教程图文或视频等内容版权归侠课岛所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。
赞 39
快速认识小程序 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性能优化等