# day01 - Web APIs 学习目标： 可以对元素属性进行操作 可以对元素内容进行设置 可以对元素样式进行设置 # 1. 变量声明 # 1.1 var、 let 和 const 变量声明有三个，我们应该用哪个呢？ 首先 var 先排除，老派写法，问题很多，可以淘汰掉。 let or const ？ 建议：<span style="color: red">const 优先 </span>，尽量使用 const，原因是： const...

# day02 - Web APIs 学习目标： 掌握事件绑定处理和事件对象，完成常见网页交互 # 1. 事件监听（绑定） 什么是事件？ 用户行为被程序侦测到。 比如：用户点击一个按钮。 什么是事件监听？ 让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应。 比如：鼠标经过显示下拉菜单，比如点击可以播放轮播图等等。 语法： 元素对象.addEventListener('事件类型'， 要执行的函数) 事件监听三要素 事件源：哪个 dom 元素被事件触发了，要获取 dom 元素 事件类型：用什么方式触发，比如鼠标单击 click、鼠标经过...

# day05 - Web APIs 学习目标： 利用 BOM 对象实现对历史、地址、浏览器信息的操作或获取 利用本地存储实现学生信息表案例 # 1. Window 对象 # 1.1 BOM (浏览器对象模型) BOM (Browser Object Model) 是浏览器对象模型 window 对象是一个全局对象，也可以说是 JavaScript 中的顶级对象 像 document、alert ()、console.log () 这些都是 window 的属性，基本 BOM 的属性和方法都是 window 的。 所有通过 var 定义在全局作用域中的变量、函数都会变成...

# 第一章 快速入门 # 0、TypeScript 简介 TypeScript 是 JavaScript 的超集。 它对 JS 进行了扩展，向 JS 中引入了类型的概念，并添加了许多新的特性。 TS 代码需要通过编译器编译为 JS，然后再交由 JS 解析器执行。 TS 完全兼容 JS，换言之，任何的 JS 代码都可以直接当成 JS 使用。 相较于 JS 而言，TS 拥有了静态类型，更加严格的语法，更强大的功能；TS 可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几率；TS 代码可以编译为任意版本的 JS 代码，可有效解决不同 JS 运行环境的兼容问题；同样的功能，TS...

# day04 - Web APIs 学习目标： 理解节点 (标签) 的增删改查 具备编写增加学生信息表案例的能力 # 1. 日期对象 目标：掌握日期对象，可以让网页显示日期 日期对象：用来表示时间的对象 作用：可以得到当前系统时间 # 1.1 实例化 目标：能够实例化日期对象 在代码中发现了 new 关键字时，一般将这个操作称为实例化 创建一个时间对象并获取时间 获得当前时间 1const date = new Date() 获得指定时间 12const date = new...

# 第二章：面向对象 面向对象是程序中一个非常重要的思想，它被很多同学理解成了一个比较难，比较深奥的问题，其实不然。面向对象很简单，简而言之就是程序之中所有的操作都需要通过对象来完成。 举例来说： 操作浏览器要使用 window 对象 操作网页要使用 document 对象 操作控制台要使用 console...

# 日常小记 # 1.vue 全局事件 在 main.js 中 beforecreate 钩子中添加 123beforeCreate() { Vue.prototype.$bus=this }, 如上就添加了全局事件，以学生和学校兄弟组件为例，学校需要调用学生的数据时，可以绑定事件 # School.vue 12345mounted(){ this.$bus.$on("demo",(data)=>{...

# day06 - Web APIs 学习目标： 能够利用正则表达式校验输入信息的合法性 具备利用正则表达式验证小兔鲜注册页面表单的能力 # 1. 正则表达式 # 1.1 介绍 正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式。在 JavaScript 中，正则表达式也是对象 通常用来查找、替换那些符合正则表达式的文本，许多语言都支持正则表达式 请在上图中找出【戴帽子和眼镜的男人】 戴帽子、戴眼镜、男人都是描述信息，通过这些信息能够在人群中查找到确定的某个人，那么这些用于查找的描述信息编写一个模式，对应到计算机中就是所谓的正则表达式 正则表达式在...

# SpreadJS 的使用 导入所需要的包 123yarn add @grapecity/spread-sheets-resources-zhyarn add @grapecity/spread-sheets-vueyarn add @grapecity/spread-sheets