前端课程

(4 月 19 日)

什么是前端?

前端简介

(4 月 20 日)

  1. HTML 常用标签讲解
  • 常用标签
  • 图片及超链接
  • 工欲善其事必先利其器 编辑器让开发更高效 emmet 语法

(4 月 21 日)

  1. CSS 常用属性
  • CSS 选择器
  • CSS 权重
  • CSS 文本属性
  • CSS 列表属性
  • CSS 边框属性
  • CSS 属性继承
  • 背景及透明度
  • 溢出属性
  • 通过浏览器调试、前端必备浏览器插件推荐

(4 月 24 日)

  1. CSS 框模型
  • CSS 框模型内边距、外边距
  • CSS 浮动、应用场景及如何清除浮动带来的高度塌陷问题
  • CSS 元素类型转换 block、inline、inline-block、none、flex、grid、table
  • CSS 相对定位
  • CSS 绝对定位
  • CSS 固定定位
  • CSS 定位元素的层叠顺序
  • CSS 层叠元素实现居中效果

(4 月 25 日)

  1. CSS 动画
  • CSS 过度效果
  • CSS 转化属性之位移
  • CSS 转化属性之旋转
  • CSS 转化属性之缩放

(4 月 26 日)

  1. 如何开始一个基础的前端项目
  • 目录建设
  • 设置一个总体的默认样式
  • 常用设置类名的单词、命名规范都有哪些?
  • 基本的 PS 快捷键使用
  • 完成一个简单的页面

(4 月 27 日)

  1. 整个页面布局完成效果
  • 移动端布局? 小程序使用?

(4 月 28 日)

  1. Javascript
  • Javascript 简介、基础
  • Javascript 书写位置
  • Javascript 注释、结束符
  • Javascript 输入输出语句、字面量、声明、赋值
  • Javascript 变量、变量的本质、命名规范、如何定义变量
  • Javascript 数据类型[基本数据类型]
  • Javascript 数字类型及算数运算
  • Javascript 字符串类型、模板字符串
  • Javascript 布尔型、null、undefined 及类型检测
  • Javascript 数据类型[引用数据类型]
  • Javascript Array Object
  • Javascript 显示、隐式转换

(5 月 8 日)?这天上不上班

  1. Javascript 运算符
  • Javascript 赋值运算符
  • Javascript 自增自减运算符
  • Javascript 比较运算符
  • Javascript 逻辑运算符
  • Javascript 三元运算符
  • Javascript if switch 判断
  • Javascript for while 循环、嵌套循环
  • Javascript 数组的使用、获取最大值、最小值、修改、删除、新增

( 5 月 9 日)

  1. Javascript 函数
  • Javascript 函数的参数及默认参数
  • Javascript 函数返回值
  • Javascript 函数作用域
  • Javascript 变量的访问原则
  • Javascript 匿名函数、立即执行函数
  • Javascript 逻辑中断 满足一定条件让右边代码不执行

( 5 月 10 日)

  1. Javascript 什么是对象、基本使用
  • Javascript 对象的增删改
  • Javascript 对象的方法
  • Javascript 遍历对象 及简单的页面渲染

( 5 月 11 日)

  1. Javascript DOM(文档对象模型)操作
  • Javascript DOM 是什么
  • Javascript 如何获取 DOM
  • Javascript 查找 DOM 节点、增加 DOM 节点、克隆 DOM 节点、删除 DOM 节点
  • Javascript 设置自定义属性 data
  • Javascript 定时器及倒计时效果实现
  • Javascript 事件监听及鼠标事件、焦点事件、键盘事件
  • Javascript 事件对象 event 及其常用属性、环境对象 this 以及回调函数
  • Javascript 事件流、事件捕获、事件冒泡以及阻止冒泡
  • Javascript 事件解绑、mouseenter、mouseover 区别
  • Javascript 事件委托
  • Javascript 阻止元素的默认事件
  • Javascript 页面加载及页面滚动事件
  • JQuery 代替上面的操作

( 5 月 12 日)

  1. Javascript 日期对象操作
  • Javascript 时间戳、倒计时案例
  • BOM(浏览器对象模型)和延迟函数 setTimeout
  • 事件循环 event loop
  • 浏览器 location、navigator、history 对象
  • 储存机制 cookie、localStorage、sessionStorage

( 5 月 15 日)

  1. Javascript
  • Javascript 正则表达式
  • ES6+版本特性

( 5 月 16 日)

  1. JS 框架还没介绍 感觉讲不完了,上面的教程如果讲得快,则继续下面的每日简介 随想...
Last Updated:
Contributors: lolis