jquery 冒泡（jquery冒泡事件）

怎么制定Web前端学习计划？

1、HTML+css（html5+css3）

2、javascript

3、jquery

4、jquery插件

5、移动端的jquery mobile

高级的：

1、面向对象的css，css预处理等

2、Vue.js(前卫的前端mvc框架)

3、js常见的设计模式

4、node.js

其他兴趣方向：

html5游戏开发，web安全等

阶段1.前端核心基础 HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM BOM编程、jQuery框架

阶段2.HTML5 + CSS3 + 移动端核心 HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练 阶段

3.移动端 移动端核心、移动端适配、移动端特效 阶段

4.服务器端 服务器端开发、数据库操作、前后端交互核心、微信公众号开发 阶段

5.JavaScript高级 JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、 JavaScript函数式编程JavaScript设计模式 阶段

6.前端必备 性能优化、版本控制工具、模块化、项目构建工具 阶段

7.高级框架 React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析 阶段

8.小程序 原生小程序入门、原生小程序API使用、小程序框架Mpvue

一个非常好的问题。先解释下Web前端开发的新发展。

随着移动互联网的发展，前端开发成为重点。移动端有多个平台，Android，iOS，微信小程序，支付宝小程序，还有不断出现的新操作系统，比如阿里YunOS，华为鸿蒙，等等。

为了支持这些平台和系统，越来越多的应用开始使用H5跨平台架构，现在有个新名词叫做“大前端”。

一，H5跨平台开发

这时的H5前端开发已经不再是单单的网页开发了，而是前端应用开发。具体到H5 Hybrid架构，常用三剑客：HTML, css, JavaScript

1) HTML和css是页面设计，没有代码逻辑

2) JavaScript编程，还有其它衍生语言，比如常用的TypeScript

JavaScript是一种脚本语言，由解释器加载执行，常用在网页前端动态展示、和服务后端交互等场景。接下来重点介绍JavaScript开发。

二，学习阶段和时间计划

1）编程基础，一到两周

学习JavaScript语言基础，掌握基本的编程方法。如果对着课本教程学习比较枯燥，难以坚持，那么可以使用网上的一些学习练手资源，边学习边动手，比如HackerRank

2）开发框架，一到两月

JavaScript前端开发有很多成熟的框架可用，比如JQuery, AngularJS，React，还有前后端都跑通的NoteJS。阿里开源框架Ant Design Pro是一个功能完善的脚手架，推荐新学者练手。

新手学习时，推荐当前普遍使用的Top3开发框架，太新或者太旧的都不适合用来学习练手。

3）项目经验，一到两年

学习的最终目的是学以致用，在实际项目中积累经验，不断提升。有了一定技术基础后，推荐尝试参与开源项目，在开发功能、提交代码的过程中，提升非常快。而且开源项目经验，和工作经验一样，应聘时非常受欢迎。

---

我是工作多年的Web应用架构师，欢迎关注我，了解更多IT专业知识。

想学简单的网页制作，应该从哪开始入手，有没有一份计划呢？

我是老李，我来回答！更多技术分享，欢迎点关注

这两年来，互联网发展越来越好，网页技术也变成了刚需技能，就算你不是想做开发工程师，也应该学一点来做个简单网页。

今天就来讲一下基础的一些网页开发需要学习的路线吧。

首先，基本的网页制作我们一般都是指基础的PC端网页开发，完成基本的布局，完整表达网页需要展示的内容信息，表达出人性化的网页效果。

那么这种程度应该怎么学习呢？？

首先，无论学任何一个技术，都是从零基础开始的，网页开发也是一样。做软件开发，是从事编程开发工作，必须先从语法基础开始学习，通过语法组成产品效果。

网页开发的基础语法，由HTML+CSS+JavaScript组成，这是网页开发最基本的3个语言。

网页布局基础：HTML+CSS

HTML就是超文本标记语言，组成网页内容的最基本语言。你可以直接说他是网页的骨架，网页的图片、文字、视频、音频、程序都需要他引入到网页中体现。光是HTML做网页，只是有了内容，当然是远远不够的。因为只是HTML的话，只能用Table做布局才能勉强做出个成型的网页来。但是从Web2.0时代开始，都是盒子模型布局法了，也就是用DIV+CSS来实现布局了。CSS就是层叠样式表。通过样式属性来对标签进行布局规范，在不再使用table布局的时候，只要CSS样式对网页标签进行对应的布局实现才是正确的开发方式了。HTML(div)+CSS布局，是基础入门的基本步骤，在这个阶段，你需要学习的内容，包括有：1.标签语义化，SEO2.页面加载的流程和原理3.网页结构4.盒子模型（W3C盒子模型和IE盒子模型）5.CSS选择器6.CSS布局浮动、定位在刚刚开始的阶段，大家学习的布局方式基本都是以px为单位的静态布局方法。熟悉好布局方法，先给自己一个小目标，做一个简单的电商网页的基本结构出来，不用特效，不需要交互。

浏览器脚本语言：JavaScript

JavaScript是我们学习前端开发中非常重要的一个内容，也是一个大家经常掉坑里的难点。JavaScript现在可以说是互联网时代使用率最高的脚本语言了，在网页中，所有的数据渲染，特效的交互都需要利用JavaScript，来影响浏览器的显示。JavaScript不只是开发网页特效和渲染数据的重要内容，如果你想往编程开发工程师发展，在学习前端开发的后期，大量使用算法和框架的时候，对JavaScript基础的考验也是很多的。在基础阶段，我们学习JavaScript需要注意：1.基本关键字指令2.基本数据类型、数组3.函数4.面向对象编程5.原型链、闭包6.JSON7.Ajax8.DOM(文档对象模型 原生DOM操作)9.事件捕获、冒泡、代理10.常用函数方法在JavaScript部分学习，主要还是要去理解好交互的原理，把原理分析清楚，真的理解语法，那写出多复杂的逻辑也是手到擒来。

快速开发网页特效jQuery

说到学习JavaScript，很多小白同学肯定会很头痛他的原生写法。每次逻辑业务都需要手动写，也就是用一次就造一次轮子。觉得很麻烦。如果能简单一点就好了。因为JavaScript有可以封装的特性，所以在后面也出现了很多用JavaScript封装的类库、插件。比如说最经典的类库就是jQuery了。jQuery类库就是在类库里面封装好了很多JavaScript的事件方法。jQuery通过封装，减轻了遍历、对象选择等等很多的问题。把网页特效的实现变得简单化，通过调用方法就可以了。在学习jQuery的时候，需要重点认识的有:1.jQuery语法和JavaScript原生语法的差异2.Dom对象和jQuery对象3.jQuery的入口函数和JavaScript的入口函数的差异4.jQuery事件的执行逻辑。学习jQuery，最需要达到的效果就是能快速的完成网页的特效，比如说轮播图、手风琴菜单、旋转木马、放大镜等等这些特效。能完成一个电商网站的布局+特效开发是最基本的要求了。这些就是零基础学习必备的一些基本内容，在入门前端开发最基本需要掌握的东西，把基础理解好，才能为后面的学习做更多的准备。

我是前端开发老李，如果你想学习更多前端开发的内容，点击关注不迷路！