前端系统学习笔记——目录

之前已经自学过相关的课程，但是感觉基础还是不够扎实，决定再次系统的学习一遍，对相关知识以及遇到的一些问题进行梳理~

之后会不断更新笔记的目录，加油ヾ(◍°∇°◍)ﾉﾞ

00 关于开发工具

     sublime

　　代码编辑器

　　sublime安装与使用

　　sublime上插件的安装与使用

　webstorm

　　代码编辑器

　　webstorm常见快捷方法与遇到的一些问题

   markdown

　　轻量级标记语言

　　markdown语法

　  在sublime上安装markdown插件

         typora使用入门

　Photoshop

　　切图工具

　　Photoshop基本操作

01 浏览器

　  一种用于检索并展示万维网信息资源的应用程序

     浏览器简介

     浏览器前缀

02 HTML

　 超文本标记语言（英文全称:HyperText Markup Language）

　　HTML基本结构

　　HTML常用标签

　　HTML中的相对路径与绝对路径

　　HTML——列表标签

　　HTML——表格标签

　　HTML——表单标签

　　HTML5新增标签和属性

 03 CSS

　　层叠样式表(英文全称：Cascading Style Sheets)

　　CSS简介

　　CSS——字体样式属性

　　CSS——选择器

　　CSS——外观样式及应用　

　　引入CSS样式表（书写位置）

　　CSS案例1（导航栏）

    CSS案例2（一个简单的新闻网页）

　　CSS——标签显示模式

　　CSS书写规范

　　CSS——背景及应用

　　CSS——背景渐变

　　CSS三大特性

　　CSS盒模型及应用

　　CSS——浮动及应用&清除浮动

　　CSS四种定位及应用

　　CSS案例3（在线教育网站）

　　CSS——元素的显示与隐藏

　　CSS——溢出文字隐藏

　　CSS——精灵技术

　　CSS字体图标

　　CSS——滑动门技术及应用

　　CSS——BFC

　　CSS——before和after伪元素

　　CSS——用户界面样式

　　CSS——垂直居中

　　CSS案例4（布局）

　　CSS案例5（小黄人）

　　CSS——优雅降级和渐进增强

　　CSS3——过渡

　　CSS3——2D变形和3D变形

　　CSS3——动画

　　CSS3——伸缩布局及应用

　　CSS W3C统一验证工具

　　CSS压缩　

　　HTML+CSS项目——模拟京东网页

 04 JavaScript

　　层叠样式表(英文全称：Cascading Style Sheets)

　　JS基础知识

 　　JavaScript简介

　 　JS变量

　　 JS数据类型

　　 JS操作符

　 　JS流程控制语句

　 　JS分支结构与循环结构

　 　JS数组

　 　JS函数

　 　JS作用域

　 　JS预解析与变量提升

　 　JS对象

　 　JS高级知识

　　 JS基础知识回顾

　 　JS面向对象编程

　 　JS继承

　 　JS函数进阶

　　 正则表达式

　　 附录：

　　　　A 代码规范

　　　　     代码风格

                   JavaScript Standard Style

           Airbnb JavaScript Style Guide() {

                   校验工具

                   JSLint

           JSHint

           ESLint

　　　　B Chrome 开发者工具

　　　　C 文档相关工具

                电子文档制作工具: docute

           流程图工具：DiagramDesigner

 05 WebAPI

　　浏览器提供的API(一组方法)

　  WebAPI介绍

　　DOM的介绍

　　DOM——获取页面元素

　　DOM——事件详解

　　DOM——属性操作

　　DOM——创建元素的三种方式

　　DOM——节点操作

　　BOM的介绍

　　BOM——特效

　　　

 　　  附录：元素的类型

 06 jQuery

            JS函数库

　　  初始jQuery

　　　jQuery的两把利器

　　  使用jQuery函数

　　　使用jQuery对象

　　　jQuery插件

 

 07 ajax

　　　“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是一种创建交互式网页应用的网页开发技术。

　　　Ajax介绍

　　　Apache安装

　　  PHP介绍

　

 08 移动Web开发

 09 响应式开发

 10 ES6

 11 node

 12 Express

 13 vue

 14 webpack

 15 git

 16 微信小程序

 17 react

 18 Angular

 19 HTTP

 20 PHP

 21 D3.js+Three.js