web前台开发需要掌握这几个知识点，你知道吗？

凡是从事互联网的人基本都会写几行 html代码，用过 Word 和 Dreamweaver 也能做出规整的页面，所以大部分人会很自然地认为“页面的开发没什么技术含量，很简单”。

不仅有这种普遍的认知，对从业者来说也有很多疑惑：做页面前台实现，没问题；兼容性，小 case；图片集成，一直都在用……

能有什么问题？瓶颈啊、天花板啊、转型啊、出路啊，这里面的水有多深，让我们舀舀看。

在不同的时期对页面前台的看法似乎是多变的。在互联网早期的时候，小车还是比房子贵的，烧饼和 粉丝还只是用来吃的，菊花还只是用来泡茶的。学习资料的话可以加下web前台开发学习裙：659加上479再加上860自己去群里下载下。

那时的页面设计风格相对单一，对应的页面需求比较简单，并且当时的浏览器也基本是 IE6 的天下，javascript 也只是网页特效的代名词，HTML 页面本身没有引起太多人的关注，似乎只需能用 div 甚至 table 加 css 辅助把图片定好位，把页面内容预留好就OK了。

随着页面内容的丰富，设计风格的发展，交互复杂性的添加，AJAX 的应用，浏览器的升级换代，又让大家重新对最基本的页面本身重视起来。

1..实现效果图是最基本的工作

把视觉稿通过页面代码的方式体现出来包含了两个基本诉求：

1.能够真实反映视觉稿;

2.能够通 过浏览器的兼容。

这两个诉求的达成需要我们有追求细节的态度和肯定的页面功底，能完成这两个内容即可以初步进入页面前台的从业者行列了，但这就代表着我们 可以胜任页面开发的工作了?

不，才刚刚开始。

2.与设计师的沟通和项目的参加

沟通很重要。

先抛出几个问题：我们有没有和设计师讨论过某些效果对低端浏览器渲染效率影响比较大?

有没有讨论过部分效果可以用 CSS3 实现从而使得结构更加简洁清晰?

有没有在代码和视觉中寻追求过平衡?

X 图片上传失败，请重新上传

页面前台的开发向基本客户，编写的代码也直接作用在浏览器上，我们有义务对页面的稳固性和渲染效率负责。我们也经常碰到项目在总体进度压力下导致的设计与页面前台开发同步进行，这时更有必要尽量多地获取项目信息，理解我们还要做些什么，这些可以帮助我们充分考虑重用和框架拓展。

3.良好的页面结构

页面结构的编写好比盖房的地基建设，其好坏会直接影响到 CSS 代码的质量、js 开发、后端开发还会影响到以后的页面拓展、迭代和页面调整。

4.关于 hack

很多同学在页面开发时上网搜索最多的就是 hack 了，我们完全要依赖 hack 来实现页面兼容性，答案能否定的。

5.柔美的代码

现在很多 web 项目功能复杂，代码规模也会变得很庞大，如何更好地进行协同开发和维护是我们面临的一个问题。需要考虑完善统一的规划，还有要养成良好的代码开发习惯才会在面临各种情况时游刃有余。翻阅页面代码，看到正当的标签使用、良好的注释、清晰的代码结构、意图精确的 css 不仅犹如欣赏一个艺术品，更为下游开发和协同开发降低了不小的沟通成本。

8年编程经验，整理了一批2019年最新WEB前台教学视频，帮助自学前台、想转行学习前台的同学，不管是学习规划、学习路线、学习资料、问题解答。私信我回复：领取资料

6、具备企业家的精神

最优秀的开发人员不会是游手好闲者。对他们来讲，产品的成功不仅仅意味着他们的薪水有着落了。由于他们在工作中热情饱满，他们是为了项目有更好的发展而工作，而且会一往无前。

X 图片上传失败，请重新上传

HTML5技术人员掌握的内容：

第一阶段：前台页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局；

第二阶段：JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发；

第三阶段：PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后台开发、前台工程化与板块化应用、PC端网站开发、PC端管理信息系统前台开发；

第四阶段：手机端项目开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp；

第五阶段：混合（Hybrid）开发：各类混合应用开发；

第六阶段：NodeJS全栈开发：WebApp后台系统开发。