whqet
whqet
## 课程概述 1. 课程简介 2. 课程定位 3. 课程资源 4. 课程活动 ## Vue概述 1. 简单介绍 2. 学习资源 ## 体验Vue ### 了解与原生JS的不同 使用原生JS的方式实现一个简单的交互，单机按钮实现内容的显示控制 ```html 按钮 写几个字 //DOM操作 var oBtn=document.querySelector('#btn'); var oCon=document.querySelector(".content"); oBtn.addEventListener("click",function(){...
# 引入 1. [2017年 JavaScript 明星项目](https://risingstars.js.org/2017/zh) # Vue.js 1. [Vue.js官方网站](https://cn.vuejs.org/) [github官方账号](https://github.com/vuejs/vue) 2. [Vue.js官方教程](https://cn.vuejs.org/v2/guide/) [官方文档](https://cn.vuejs.org/v2/api/) 3. Vue.js作者[尤雨溪](http://evanyou.me/) 4. [Awesome Vue.js](https://github.com/vuejs/awesome-vue)
本课程为交互开发的进阶课程，旨在通过项目实战的方式提升学生的交互开发能力，课程内容主要包括以下几个部分： 1. JS语言的深化和提升 2. VUE框架 3. 微信小程序开发（可选） 4. APICloud APP开发（可选）
## 目的 请大家在自己账号里实现打字效果，熟悉巩固函数的应用。 ## 要求 1. 打字效果多多创意 2. 下次上课前提交，格式 00王海庆 [打字效果]() 收获与体会 ## 参考 1. [效果1](https://codepen.io/Tbgse/pen/dYaJyJ?q=text+effect&limit=all&type=type-pens) 2. [效果2](https://codepen.io/wagerfield/pen/wftcE?q=text+effect&limit=all&type=type-pens)
[Front-End-Checklist](https://github.com/thedaviddias/Front-End-Checklist)，极具极客思维的现代网站前端备忘录。
## 目的 下次课我们将学习Javascript里的事件对象，希望大家可以在下次课前，自主学习相关知识点。 ## 要求 1. 事件类型，重点学习鼠标事件和键盘事件 2. 事件对象，把握事件对象的属性和方法 4. 相关案例 ## 资源 0. [课程讲义](https://bestace.github.io/fed/ppt/42.htm) 1. [事件种类](http://javascript.ruanyifeng.com/dom/event-type.html) 2. [事件对象](http://javascript.ruanyifeng.com/dom/event.html#toc12) 3. [w3school](http://www.w3school.com.cn/jsref/dom_obj_event.asp) ## 练习 1. [示例效果](https://codepen.io/whqet/pen/YrMZWY?editors=0010) 2. [课堂效果](https://bestace.github.io/fed/ppt/demos/jsBase/tabs2.html) ### 请陈克行同学做好*事件对象*的分享交流工作。