学习路径

零基础第一章-Web前端零基础入门免费

前端开发是什么以及我们要学习什么、什么是HTML、什么是CSS、什么是JavaScript、以及前端开发工具的介绍-HBuilder使用介绍、PhotoShop使用介绍

JavaScript快速入门 >>

零基础第二章-常用标签集合&选择器

常用标签、html、xhtml、xml、html5的区别、a标签、锚链接、a标签下载、img标签、H5新增标签以及标签语义化、选择器类型、id选择器与标签选择器、类选择器与群组选择器、包含选择器与通配符选择器、选择器优先级、包含选择器的优先级、样式重置

零基础第三章-标签类型划分&嵌套规则 免费

标签类型-块元素特征、行内元素特征、块元素与行内元素、元素类型转换、inline-block的特征、标签嵌套规则

零基础第四章-浮动

标签类型与浮动、文档流与脱离文档流、浮动的特征、inline-block与float的区别、清除浮动、after伪类清除浮动、overflower与BFC的概念、BFC的布局规则以及触发条件、BFC的布局规则、Layout

零基础第五章-定位

相对定位、绝对定位、可视区与固定定位、层级、半透明等

零基础第六章-表格表单 免费

表格、表格例子、表单

零基础第七章-兼容性免费

IE6下怪异盒模型、IE6下最小高度问题、IE6下不支持1px的点线、IE6下父级的高度撑开、IE6下双边距问题、IE67li间隙问题、IE6不支持png透明图片、IE8以及IE8之前不识别H5标签等20多个兼容性问题集锦

零基础第八章-整站开发

本章是对前面所有章节的总结,同时也恭喜你可以独立完成一个静态网站的制作了。现在就开始吧

零基础第九章-CSS3入门

css3的写法、结构选择器、伪类选择器、rgba与字体阴影、盒模型阴影与圆角、transition、transform、transform执行顺序与变换基点、3d变换、animation

零基础第十章-LESS

less介绍、编译方法、变量、混合、匹配模式、嵌套、运算、less多个案例

零基础第十一章-Bootstrap

栅格系统、栅格布局、屏幕尺寸、列排序与嵌套、特殊标签以及样式、表格相关样式、表单的操作、响应式图片、字体、导航、选项卡、路径导航与分页、列表组、面板、滚动监听、提示标签、提示框、折叠菜单等

零基础第十二章-移动端

测试环境、viewport、媒体查询、媒体特性及横竖屏切换、布局方式-media、布局方式-百分比、布局方式-弹性布局、布局方式-rem布局

JavaScript阶段

第一章-JS入门/基本语法和属性 免费

JavaScript简介、window.onload、变量、初识JavaScript函数、属性操作、字符串、if语句、流程控制例子、JavaScript初识数组、getElementsByTagName、getElementsByClassName、querySelector、querySelectorAll、for循环、this、自定义属性、JavaScript选项卡

JS第二章-数据类型/作用域/流程控制

JavaScript数据类型、typeof运算符、数据类型转换、isNaN方法、隐式类型转换、取模、算数运算符、赋值运算符、关系运算符、逻辑运算符、switch语句、for语句、while循环、函数类型之函数声明、函数参数、arguments对象、函数返回值、全局作用域、局部作用域、作用域链、预解析、闭包、垃圾回收机制

JS第三章-定时器/日期对象

重复执行定时器、延迟执行定时器、定时器里的this指向、清除重复执行定时器、运动雏形、运动原理推算、运动框架推算、运动案例、日期对象、获取日期对象的一些方法、数字版时钟、设置日期对象的方法、计算这个月的天数以及第一天是周几、历史上的今天是星期几、倒计时、日历

JS第四章-字符串/数组/Math对象

字符串概念以及charAt方法、charCodeAt与indexOf、lastIndexOf与slice、split与substring、toLowerCase与toUpperCase以及trim、JSON、JSON.parse、json.stringify、Math的方法、数组push与unshift方法、pop与shift、forEach与sort、concat与reverse、数组join、slice、splice方法

JS第五章-DOM/表格表单的操作

Dom介绍-节点、parentnode、children、找兄弟节点、offsetparent、offsetleft以及offsettop、getattribute、setattribute与removeattribute、元素的宽高、可视区的宽高、居中登录框案例、createelement、appendchild、insertbefore、removechild与replacechild、clonenode、dom操作方法的特性、留言板案例、innerhtml与dom方法的区别、动态与静态获取元素、dom操作表格/表单

JS第六章-BOM 免费

BOM、useragent、location、bom的相关尺寸、window.onscroll与window.onresize

JS第七章-事件类型

事件类型、鼠标事件、键盘事件、焦点事件、事件对象、鼠标坐标、跟随鼠标的小方块、鼠标点击出现小圆圈效果、事件源对象、键盘事件中的常用属性、键盘控制div移动、放大镜、事件绑定、移除事件、事件流概念、阻止事件冒泡、浏览器默认行为

JS第八章-事件应用

拖拽原理、拖拽的问题、限制范围与带吸附的拖拽、拖拽改变元素大小、碰撞测试、鼠标画框、自定义滚动条、滚轮事件以及封装兼容函数

JS第九章-正则表达式

字符串方法找数字、正则的概念、test方法、search方法、match方法、replace方法、分组与子项、格式化日期、中括号与匹配中文、量词、验证qq与去除首位空格、转义字符、正则获取class、重复子项

JS第十章-面向对象

面向过程选项卡、面向对象选项卡、面向对象概念、创建对象、new的作用、构造函数、原型、__proto__ 、原型链、面向对象的轮播图、包装对象、hasOwnProperty、constructor、for in 、instanceof、instanceof、to string、call与apply、赋值与赋引用、深拷贝与浅拷贝、继承、拖拽继承、组件概念、初始化函数、配置参数与默认参数、自定义事件概念、自定义事件、滑块组件

JS第十一章-jQuery

匿名函数自执行、jquery整体架构、事件、attr与data方法、获取节点、父节点以及最近的节点、索引与循环、选项卡、包装对象、元素与可视区的尺寸、元素的距离以及滚动条的距离、进入可视区加载图、时间以及事件对象、拖拽、事件委托、自定义事件、自定义事件拖拽、工具方法、渐隐渐现运动、收缩与展开运动、animate、动画延迟与停止、轮播图、表单验证插件、扩展方法、拖拽插件

JS第十二章-AJAX

表单、ajax概念、服务器环境安装、ajax数据交互流、返回数据类型、XMLHttpRequest 、get与post的区别、get请求方式、post请求方式、同步与异步、onreadystatechange与onload事件、封装ajax、ajax上传、跨域、jsonp、jsonp里的回调函数、jsonp自定义函数、封装jsonp

JS第十三章-javascript兼容性 免费

获取class、query选择器、获取计算后样书、trim、forEach、获取DOM节点、滚动条的距离、事件对象、绑定事件

JS第十四章-ECMAScript 6/编译工具 vip赠

es6简介、let、块级作用域、let与for循环、let选项卡、常量、数组的解构赋值、对象的解构赋值、字符串的扩展方法、模板字符串、math对象的扩展方法、数组的扩展方法、函数参数默认值、rest参数、箭头函数、对象简洁表示方法与属性名表达式、object.is与objec.assign、symbol、set数据结构、map数据结构、ES6转ES5的方法

JS第十五章-Git/GitHub的使用 vip赠

git与github简介、安装git并关联github、建立项目与下载项目、文件提交步骤、文件差异与撤销、删除与恢复、分支与个人主页

JS第十六章-移动端基础事件 vip赠

移动端基础事件、事件对象、重力加速度事件、手机倾斜事件、摇一摇、多指旋转、多指缩放

JS第十七章-React vip赠

react简介、render方法、JSX语法、定义组件、组件属性、组件子节点、验证组件属性值的类型、组件的嵌套、组件的状态、事件与状态结合、父子组件之间的数据传输、refsmp4

JS第十八章-NodeJS vip赠

nodejs简介、nodejs与js、全局对象与全局变量、模块、模块的作用域、读取文件、写文件、给文件追加内容、判断文件是否存在、操作文件例子、删除文件、重命名文件、读取文件信息、操作文件夹、http模块、response、url模块、url模块与fs模块结合、querystring模块

JS第十九章-网易严选(项目实战)

项目介绍、样式重置、页面头结构与样式、logo和搜索框的结构与样式、固定式导航结构、购物车结构、固定式导航样式、购物车父级样式、子导航样式、购物车弹出层样式、购物车滚动条样式、吸顶导航样式、banner结构与样式、品牌制造商结构、新品首发结构、人气推荐结构、限时购结构、居家结构、“大家都在说”结构、底部结构、产品页头部底部面包屑内容、产品图片结构、“大家都在看”结构与样式、详情结构、评价结构、翻页结构与样式、专题推荐结构与样式、404页面、导航功能、图片懒加载功能、回到顶部功能、轮播图组件、人气推荐功能、限时购功能、数据结构说明、解析URL与实现404页面、产品图片切换功能、创建规格、加减功能、详情功能、评价功能、评价数据里的轮播图、翻页功能、购物车-自定义滚动条、购物车-localStorage、购物车-添加商品、购物车-删除商品功能