‘壹’ web前端开发要怎么学
要学前端就要想了解前端是什么，用官方的定义，就是网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。
用我们的话来说，前端就是网页给访问网站的人看的内容和页面，而前端开发顾名思义就是这些内容的制作，也就是代码的实现。而要实现这些代码，就要用到HTML，CSS及JavaScript三大基础知识。目前看来。论趋势如何发展，它们都是整个前端开发的三大基石。
前端学习起来知识面比较广，知识很杂乱，可能自学起来有一定的困难，缺乏学习方向。如果要报班培训的话，也是一个不错的选择，至少，你能明确自己的学习方向，遇到问题可以及时解决，不过可能要承担昂贵的学费。
总之，无论是自学还是报班，前端的学习都是一个大工程，都需要自己多下功夫的。学无止境，付出全身心的努力，你一定能得到收获。
‘贰’ 前端入门级之如何从零开始前端（估计要被人鄙
现在web前端，HTML5技术发展很成熟了，实用性也非常广，普及率也很高，当然就业率也高，需求大
，现在学习还不晚，只要认真努力学习，就能成功！
‘叁’ 学习web前端需要记笔记吗
可以说学习任何一门技术原则上都是需要记笔记的。
中国有句俗话：好记性不如烂笔头。
前期记笔记有助于加深印象，以后也可以更快速的记住内容。
‘肆’ 前端进阶阶段学什么
前端进阶阶段学什么?
答：1、学习前端技术的基本三大组件：HTML、CSS、JS。
2、浏览器的发展，越来越多的浏览器支持ES6甚至ES7的语法，通过Babel可以将ES6/ES7的语法转换成ES5，从而在现有环境中可以运行，因此ES6、ES7基本成为了现代JS语法的开发标准。
3、类似于Java中的Maven、iOS中的CocoaPods，NPM和Yarn
‘伍’ web前端几个小知识点笔记
不需要一点小知识点，这里是web所有的知识点。
第一阶段HTML和CSS，第二阶段是前端的基础；第三阶段是PHP和Ajax和前端模块化，还有第四阶段的移动web开发，第五阶段的品优项目；第六阶段是扩展技术。
HTML：
网页内容载体。内容就是企业有什么需求，希望用户浏览的信息，包含文字图片、视频等。
CSS：
样式表现。就像是网页的衣服。比如来说就是：标题内容的字体、颜色，或者是否加入背景图片、边框等。所有这些用来改变内容外观的东西。一般就是<head></head>中用代码来改变字体颜色和效果。
JavaScript：
是用来实现网页上的特效。例如：新闻重点的东西轮换，或者是鼠标下滑之后动画的表现。换而言之是带有动画的，有交互的一般都是用JavaScript来实现的。
‘陆’ 我想学习前端，想问下前端从入门到进阶需要具备哪些知识
html、html5
css、css3
javascript
es678910
三大框架选一个来学，vue、react、Angular
微信小程序
‘柒’ web前端怎么自学，有什么好的网站，或者资料推荐吗
随着Web前端的风行于世，有许多小伙伴加入了前端开发行业，但是有很多小伙伴想学Web前端很久了
首先，Web工程师要入门必须要了解前端、后端、后台的基本概念，同时要了解基本的html、css和javascript语法，最后根据设计师的设计图在不考虑兼容性的情况下把页面做出来。
其次，你可以把html、css和javascript分成三个阶段进行学习。
第一阶段：HTML的学习
Html是超文本标记语言，英文全称为HyperText Mark-up Language，这是一个网页的骨架。静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。
当然，学习html过程是比较枯燥乏味的，所以你需要更有效的学习策略。依w3cschool看来，你可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，想必会比单纯记忆HTML标签和属性有趣、有用的多吧?
第二阶段：CSS的学习
CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。
学习css建议可以看相关的一些书籍，如《CSS权威指南》(很详细、很经典!)、《CSS揭秘》 《精通CSS：高级Web标准解决方案》，博客和专栏等也可以浏览。
第三阶段：JavaScript的学习
JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，进而实现客户端的特效、验证、交互等。
建议可以看《javascript语言精粹》，js是一门很混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕。如果是精华部分，我们在后续进阶部分可以深入研究，而如果是糟粕部分，那么只要大概看懂别人写的渣代码就可以，自己还是不要尝试为妙。
通过这三个阶段的学习，我们就可以往更高级的web前端工程师进阶了!
这里给你推荐5个网站供你学习
博客园
一个面向开发者的知识分享社区，一个IT技术人员想为IT技术人员们提供一个纯净的技术交流空间，博客园很长时间只有一个不能再简单的博客，近四年，博客园仅靠一个人几年工作的积蓄在维持。
芯晴素材网-网页特效代码
是一个集各种网页素材以及网页源码为一体的面向开发人员的一个网页素材网站，如果你想要学习前端页面开发，这里，将是一个很好的起点。
jquery中文网
前端所能涉及领域的干货文章，包括：Jquery、脚本编程、数据库、服务器技术、操作系统、建站教程。
菜鸟教程
网站HTML、CSS、Javascript、PHP、C、Python等基础编程教程，同一个知识点有多篇不同角度的文章可供参考学习，资源免费，会实时更新站内文章。
jquery插件库
各种前端程序员能用到的插件，喜欢研究新东西的自学者可以在这个网站里挖掘各种小插件。
以上的回答希望对你有所帮助
‘捌’ 前端学习笔记style，currentStyle，getComputedStyle的区别和用法
在看博客的时候看到了这个这3个家伙-style，currentStyle，getComputedStyle。以前学习的时候没碰到过，既然现在碰到了，就小小的研究了一下。发现了些许问题，也许是时代久远，也有可能是自己孤陋寡闻，但它实实在在的让我感到迷惑。虽说陶渊明说，读书不求甚解，但作为想成为一名优秀前端的前端开发者，还是要弄个明白，要不然睡不着觉啊！
先做个铺垫吧。说说层叠样式表的三种形式(三种的叫法不一，按照各自的习惯)：
一。内联样式：在HTML标签用style属性设置。如：
1 <p style="color:#f90;">这是内联样式</p>
二。嵌入样式：通过<head>标签内通过<style>标签设置。如：
1 <style type="text/css">
2 /*这是嵌入样式*/
3 .stuff{color:#f90}
4 </style>
三。外部样式：通过<link>标签设置。如：
1 <link rel="stylesheet" href="path/style.css" type="text/css">
2
3 ============================================
4 /*外部样式*/
5 @charset "UTF-8";
6 .stuff{color:#f90;}
推荐使用第三种方式。
下面该三位主角上场了。
第一位向我们缓缓走来的是style。它的使用方法是obj.style.attr;某位影评人在他的博客中评价道：
style只能获取元素的内联样式，内部样式和外部样式使用style是获取不到的。
用下面代码验证了一下，确实如上所说。我使用了三种样式，得到的结果都是内联样式的值。
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>无标题文档</title>
6 <link href="style.css" rel="stylesheet" type="text/css"/>
7 <style type="text/css">
8 #stuff{width:300px;}
9 </style>
10 <script type="text/javascript">
11 window.onload = function(){
12 var oDiv = document.getElementById('stuff');
13 console.log(oDiv.style.width);
14 //alert(oDiv.style.width);
15 };
16
17 </script>
18 </head>
19
20 <body>
21 <div id="stuff" style="width:400px;"></div>
22 </body>
23 </html>
外链样式表style.css:
1 @charset "utf-8"; 2 /* CSS Document */ 3 #stuff{width:100px;}
得到的结果是400px.
紧跟在style之后的是currentStyle，据说它有个强大的后盾MS，也就是说这家伙只能在IE浏览器里能用。其他的不好使。它的使用方法是window.currentStyle["attr']或者window.currentStyle.attr。在IE中获取内嵌样式表中width的属性值为300px，在Mozilla Firefox中无法通过。
最后一位走来的是getComputedStyle，它的用法是window.getComputedStyle(ob, pseudoElt)["attr']或window.getComputedStyle(ob, pseudoElt).attr。其中，pseudoElt表示如 :after,:before之类的伪类，如果不用伪类的话设置为null即可。
还是那位影评人评论道：
getComputedStyle同currentStyle作用相同，但是适用于FF、opera、safari、chrome。
抱着怀疑的态度，我又验证了一下，果然IE7，IE8，IE9都报错了：
对象不支持“getComputedStyle”属性或方法
<img src="http://www.it165.net/uploadfile/files/2014/0624/20140624200921240.jpg" alt="鷌莰ky" http:="" www.it165.net="" e="" ewl="" "="" target="_blank" class="keylink" style="border: 1px solid rgb(204, 204, 204); padding: 5px; margin: 0px; list-style: none; width: 650px; height: 322.5997045790251px;">浏览器的兼容性问题。浏览器的兼容性问题对于前端开发者来说确实是一个头疼的问题，尤其是罪魁祸首IE6。但是我们不能惧而远之，而是见招拆招，兵来将挡水来土掩。在和它战斗的过程中你会得到很多的乐趣，以及战胜它之后的成就感！！！
另外说一点：getComputedStyle和currentStyle只能获取属性值，无法设置属性。如果想设置属性值，可是使用ob.style.attr.
‘玖’ web前端学习笔记（二）清除浮动的几种方法
1.父标签overflow:hidden
2.样式属性clear，属性值一般是both，left，right。