章摘要：这篇文章将给大家展现一个大致的html的世界，让大家心里对一个大致的方向以及格式有一个较为大概的了解，内容中可能会出现较为深入的代码知识，不必惊慌，这些代码知识以后都会持续在文中讲解，想要学习请持续关注我的文章。

html初识：首先，推荐大家2个比较好用的写html页面的软件，editplus和sublime ,在这里，我将使用sublime作为html开发软件来给大家进行代码的展示。特别提醒一下，不要使用一些非常强大的专业工具来帮助实现html代码，不要依赖自动提示，这样对初期没有基础的人来讲是一种灾难！

在这里，有些同学可能会想找前端的工作，或者说刚接触这行不久对方向有比较大的一个迷茫的区域，那么，如果想要找到前端的工作。以下这些知识必须要学到一个比较精通的程度：

1.html + div + css:

这是基础，不必多说。

2.Html5 + css3:

目前最流行的前端页面技术，除了IE6、7、8以外，IE9及很多浏览器已经对h5+css3 有很好的技术支持，css3的出现替代了很多的图片以及特效，许多效果是JS所难以实现的，我举个例子：

这是一段普通的一个按钮的代码，加了一些普通的css样式，最后结果如下：

那么，我们如果加上一些css3和h5的样式呢？话不多，具体代码贴上：

这一段加上了h5和css3的样式，最后效果如下：

这样给客户的感觉是不是要比第一种普通的好很多呢？自己看着也舒服。

H5给我们增加了很多语义化的标签，包括selection,nav,article,foot,head等，还对媒体标签进行了扩增，最重要的是增入了画布（canvas），svg等效果非常酷炫的一套代码。但是canvas和svg对JS的要求非常高，甚至会应用到很多的设计模式以及算法。回复java获取更多相关知识内容。

HP是世界上最好的语言，这是一个老梗。

有不少学习PHP的程序员后来去做了前端开发，毕竟近些年前端开发还是蛮吃香的。

学习PHP不仅仅要学习html，而且还要学习CSS。

CSS是万维网联盟在 HTML 4.0 之外提出，目的是为了让CSS完成样式与内容的分离。

那么，CSS如何入门呢?w3cschool在这里分享几个方法：

0、研究w3cschool CSS教程

w3cschool官方本身就有CSS教程，我们看教程的目的主要还是要了解CSS到底是干什么用的。

其实，用一句简单的话来说，改变我们看的网页的样子.。

1、CSS微课游戏化编程体验

w3cschool新开发了CSS微课，这可能是很多程序员小伙伴所需要的。

CSS直接抓住了CSS教程中比较核心的一些概念和语法，并且有实战的训练习题。

其内容包括了CSS基础、CSS文本样式、CSS属性、CSS定位和布局，让你系统、立体地全面认识CSS。

CSS微课实现了游戏化的编程体验，关卡是循序渐进的，这迫使你不能跳跃而忽略一些重要的编程知识。

其中，习题类型包含了判断题、选择题、实战训练题。

理论离不开实战，CSS微课做到了例子多，概括技术全面。

当你可以通关的时候，你已经对CSS算是有一个比较深刻的认识，也掌握了一定的CSS编程技能。

2、CSS看什么书呢?

学编程一定要让编程本身变得有趣，所以大可以先玩编程。

用CSS微课学习是一种有趣化的方法。

另外，阅读《css禅意花园》，就当成一本故事书看，随便翻翻你会发现css确实很好玩的。

过了解JavaScript的构建块以及它们是如何工作的，将能够编写更好的代码和应用程序。据 GitHut 统计 数据所示，在GitHub中的活动存储库和总推送方面，JavaScript处于顶部。它也不落后于其他类别。

如果项目越来越依赖于 JavaScript，这意味着开发人员必须利用语言和生态系统提供的所有内容，对内部进行更深入的了解，以便构建出色的软件。事实证明，有很多开发人员每天都在使用JavaScript，但却不知道背后发生了什么。

概述

几乎每个人都已经听说过 V8 引擎，大多数人都知道 JavaScript 是单线程的，或者它使用的是回调队列。本文详细介绍这些概念，并解释 JavaScrip 实际如何运行。通过了解这些细节，你将能够适当地利用所提供的 API 来编写更好的、非阻塞的应用程序。

JavaScript引擎

JavaScript引擎的一个流行示例是Google的V8引擎。例如，在Chrome和Node.js中使用V8引擎，下面是一个非常简化的视图：

V8引擎由两个主要部件组成:

• Memory Heap(内存堆)?—?内存分配地址的地方
• Call Stack(调用堆栈) — 代码执行的地方

Runtime(运行时)

有些浏览器的 API 经常被使用到(比如说：setTimeout)，但是，这些 API 却不是引擎提供的。那么，他们是从哪儿来的呢？事实上这里面实际情况有点复杂。

所以说还有很多引擎之外的 API，我们把这些称为浏览器提供 API 称为 Web API，比如说 DOM、AJAX、setTimeout等等。

然后我们还拥有如此流行的事件循环和回调队列。

调用栈

JavaScript是一种单线程编程语言，这意味着它只有一个调用堆栈。因此，它一次只能做一件事。

调用栈是一种数据结构，它记录了当前程序中的位置。如果运行到一个函数，它就会将其放置到栈顶，当从这个函数返回的时候，就会将这个函数从栈顶弹出，这就是调用栈做的事情。

来个例子：

当程序开始执行的时候，调用栈是空的，然后，步骤如下：

每一个进入调用栈的都称为调用帧。

这能清楚的知道当异常发生的时候堆栈追踪是怎么被构造的，堆栈的状态是如何的，让我们看一下下面的代码：

如果这发生在 Chrome 里(假设这段代码是在一个名为 foo.js 的文件中)，那么将会生成以下的堆栈追踪：

"堆栈溢出"，当你达到调用栈最大的大小的时候就会发生这种情况，而且这相当容易发生，特别是在你写递归的时候却没有全方位的测试它。我们来看看下面的代码：

当引擎开始执行这段代码时，它首先调用函数“foo”。然而，这个函数是递归的，并且在没有任何终止条件的情况下开始调用自己。因此，在执行的每一步中，相同的函数都会被一次又一次地添加到调用堆栈中，如下所示：

然而，在某些时候，调用堆栈中的函数调用数量超过了调用堆栈的实际大小，浏览器决定采取行动，抛出一个错误，它可能是这样的:

在单个线程上运行代码很容易，因为你不必处理在多线程环境中出现的复杂场景——例如死锁。

但是在一个线程上运行也非常有限制，由于 JavaScript 只有一个调用堆栈，当某段代码运行变慢时会发生什么?

并发与事件循环

当调用堆栈中的函数调用需要花费大量时间来处理时会发生什么情况? 例如，假设你希望在浏览器中使用JavaScript进行一些复杂的图像转换。

你可能会问-为什么这是一个问题?问题是，当调用堆栈有函数要执行时，浏览器实际上不能做任何其他事情——它被阻塞了，这意味着浏览器不能呈现，它不能运行任何其他代码，它只是卡住了，如果你想在应用中使用流畅的页面效果，这就会产生问题。

那么，怎样才能在不阻塞UI和不使浏览器失去响应的情况下执行大量代码呢?解决方案是异步回调。