MyFirstWebTest

新建的一个仓库，用于存放百度前端学院IFE作业内容

---

学习进度

• HTML + CSS

  • • 了解什么是Web
  • • 了解什么是HTML
  • • 了解一些基本的HTML语法及标签
  • • 了解什么是CSS
  • • 了解HTML与CSS是如何一起工作的
  • • 了解基本的CSS语法
  • • 尝试使用几个简单的CSS属性
  • • 对于HTML及CSS的发展史有一个大概的了解
  • • 明白HTML5和之前的版本大概有什么区别
  • • 掌握CSS各种选择器
  • • 掌握CSS的继承、层叠、样式优先级机制
  • • 掌握文本、文字、链接相关的样式属性
  • • 掌握背景属性
  • • 掌握列表相关的样式属性
  • • 深入了解行高属性
  • • 用两种方法来实现一个背景色为红色、宽度为960px的
      在浏览器中居中
  • • 用两种不同的方法来实现一个两列布局，其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化
  • • 用两种不同的方式来实现一个三列布局，其中左侧和右侧的部分宽度固定，中间部分宽度随浏览器宽度的变化而自适应变化
  • • 实现一个浮动布局，红色容器中每一行的蓝色容器数量随着浏览器宽度的变化而变化
  • • 掌握块状元素、内联元素、和内联块状元素的概念与区别
  • • 掌握盒模型的所有概念，学会如何计算各种盒模型相关的数值
  • • 掌握position的相关知识
  • • 掌握float的相关知识
  • • 掌握基本的布局方式
  • • 了解Grid、Flexbox等布局方式
  • • 完成task0001_index.html

  

  • • 完成task0001_blog.html

  

  • • 完成task0001_gallery.html

  

  • • 完成task0001_about.html

  

• JavaScript

  • • 实践判断各种数据类型的方法 * typeof * instanceof * constructor * prototype * jquery.type()
  • • 了解各种对象的读取、遍历方式
      • 了解for in 的用法
  • • 了解浅克隆和深度克隆概念
  • • 使用递归来实现一个深度克隆，可以复制一个目标对象，返回一个完整拷贝
  • • 使用newObj = JSON.parse (JSON.stringify(obj))来实现一个深度克隆
  • • 对数组进行去重操作，只考虑数组中元素为数字或字符串，返回一个去重后的数组 / 使用newArr = Array.from(new Set(arr))
      • 了解Set()和Array.from()的用法
  • • 实现一个简单的trim函数，用于去除一个字符串头部和尾部的空白字符 / 用trim()方法
  • • 利用正则表达式去除字符串头部尾部空白字符 / str.replace(/(^\s*)|(\s*)$/g,"");
  • • 获取一个对象里面第一层元素的数量，返回一个整数
  • • 利用正则表达式判断是否为邮箱地址
  • • 利用正则表达式判断是否为手机号码

• DOM

  • • 为element增加一个样式名为newClassName的新样式
  • • 移除element中的样式oldClassName
  • • 判断siblingNode和element是否为同一个父元素下的同一级的元素，返回bool值
      • 了解如何获取节点父元素，子元素，兄弟元素
  • • 获取element相对于浏览器窗口的位置，返回一个对象{x, y}
  • • 实现一个简单的Query
      • charAt()方法可返回指定位置的字符。
      • push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。
      • substring() 方法用于提取字符串中介于两个指定下标之间的字符。
      • indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
      • 正则表达式的运用
      • slice() 方法可从已有的数组中返回选定的元素。
      • split() 方法用于把一个字符串分割成字符串数组。
      • 模仿jQuery的迷你$选择符。
  • • 事件
      • 给一个element绑定一个针对event事件的响应，响应函数为listener
      • 移除element对象对于event事件发生时执行listener的响应
      • 实现对click事件的绑定
      • 实现对于按Enter键时的事件绑定

• BOM

  • • 判断是否为IE浏览器，返回-1或者版本号
  • • 设置cookie
  • • 获取cookie
  • • 删除cookie

• Ajax

  • • AJAX函数封装
  • • 创建ajax对象
  • • 连接服务器
  • • 发送请求
  • • 接受返回

大作业

• 处理用户输入

  • 使用正则表达式来对字符串进行分割操作。
  • uniqArray函数进行去重操作。
  • for循环，trim函数对数组项进行去除首尾空格，用来处理，该项为空的情况。
  • innerHTML进行输出。

• 计时器