web前端开发中class 想转行做Web要了解的Web前端学习经验

大家平时对前端开发都十分关注，今天为大家整理了web前端开发中class 想转行做Web要了解的Web前端学习经验，下面就随我爱编程网小编一起来看一下吧。

想转行做Web要了解的Web前端学习经验

今天小编要跟大家分享的文章是关于想转行做Web要了解的Web前端学习经验。很多准备转行做Web的小伙伴们都说自己越学越迷茫，不知道该从哪里下手，今天小编为大家梳理了一些学习Web前端的经验，以及学习的步骤，分享给大家，希望对你们学习能有帮助。下面我们一起来看一看吧！





计算机行业很多领域都符合28定律，也就是20%的东西的使用频率占到80%，所以很适合囫囵吞枣，因此我们的重点就是把这20%学起来，而首先要做的就是把这20%的东西找出来。


在我看来前端这20%的东西大概就是常用的html标签，css的盒子模型，基本的原生js，以及熟练使用jquery，ajax，常见浏览器的兼容。


拿下这些东西意义非凡，一方面证明你适合做前端这份工作，另一方面这些技能能让你找到一份工作。让你能够从容地去学习剩下的80%。


总之就是专心对付最重要的东西，那些什么less、sass、angular这类的东西，当你把我之前说的基础打好之后，学习起来畅通无阻，随学随用。


最后我觉得最难的就是实践，只有实践才能学到真正的技术，新人很难参与一些有价值有意义的项目，没有这些项目又很难成长，所以自己有项目可参与应该珍惜，没项目应该多造一些有价值的轮子。具体的Web前端学习经验如下：


1、HTML的学习


html的语法、格式，常用的标签极其作用，理解标签的嵌套，学习使用firefox+firebug或者chrom的调试工具，能够使用这些工具调试html、css、js、断点调试、抓包。


2、CSS、js的学习


如何引入css、js(有多少种方法，各种方法有什么区别)，理解id、class属性的区别，学会css的常用选择器，理解盒子模型(padding，margin，border，width，height，)，css坐标系，css布局(position的absolute、relative
、fixed、static)，css浮动(float：left、right
)和清除浮动(clear),display:inline、block、inline-block、flex。


3、基本编程的学习


js的执行顺序，基本的编程基础(变量、运算、流程控制、数组、调用函数、自定义函数、对象)、json、js的dom操作、js的事件机制(委托、绑定、监听，冒泡和阻止冒泡，兼容性)，了解ajax的xmlhttprequest及其创建方法(多浏览器兼容)、跨域，明白其工作原理，


有朋友说http协议，确实是我疏忽，http协议是Web的根本，所以其重要性再怎么强调都不为过，熟悉http协议对Web开发的方方面面都有不少帮助，比如理解及使用ajax，比如调试程序、抓取数据等等，不过http是一个很杂很细的东西，内容很多，我建议也囫囵吞枣式地学习，先了解、熟悉简单的，以后在项目中遇到深入点的再进一步学习。


4、jQuery的学习


使用jquery解放你的开发工作，学会jq选择器，修改属性、监听事件、修改css，学会写jquery插件。这一步我觉得可以和第3步穿插学习。


5、搭建服务器


弄个傻瓜服务器比如wamp，phpstudy等软件，可以一键建立一个apache+php+mysql的服务器，前期可以把你的静态页发布到本地服务器，使用本地服务器配合ajax学习。


6、学点服务器端


学点服务器端，建议php+mysql。服务器端脚本其实很简单，总结起来就是4个东西：SESSION、COOKIE、Request、Response，结合http协议理解如何从Request取得数据，经过处理后Response给客户端。这就是整个过程。


至于mysql也就是基本的sql语句。如何使用php进行CURD操作。这块其实很难总结，基本上以实现业务为主。


7、框架学习


来点框架，理解MVC模式、推荐个比较流行的MVC框架：ThinkPHP，简洁好用不解释，国人弄的，文档和例子什么的非常丰富。


以上就是小编今天为大家分享的关于想转行做Web要了解的Web前端学习经验的文章，希望本篇文章能够对正在从事Web相关工作的小伙伴们有所帮助，想要了解更多Web前端相关知识记得关注北大青鸟Web培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的Web前端工程师！


作者：walle来源：知乎


链接：#/question/28187933/answer/77050877

Web前端工程师要知道的JavaScript变量命名规范

今天小编要跟大家分享的文章是关于Web前端工程师要知道的JavaScript变量命名规范，正在从事Web前端工作的小伙伴们来和小编一起看一看吧，希望本篇文章能够对大家有所帮助。


JavaScript变量命名规范：只能由英语字母、数字、下划线、美元符号$构成，且不能以数字开头，并且不能是JavaScript保留字。





下列都是非常正确的变量命名：


varhaha=250;


varxixi=300;


vara1=400;


vara2=400;


varabc_123=400;


var$abc=999;


var$o0_0o$=888;


var$=1000;


var_=2000;


var________=3000;


下列都是错误的命名：


vara-1=1000;//不能有怪异符号


vara@=2000;//不能有怪异符号


var2year=3000;//不能以数字开头


vara￥=4000;//不能有怪异符号


vara*#$#$@=5000;//不能有怪异符号


varab=300;//不能有空格


下列的单词，叫做保留字，就是说不允许当做变量名


abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto


implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile


需要注意大写字母是可以使用的，并且大小写敏感。也就是说A和a是两个变量。


1varA=250;


2vara=888;


以上就是小编今天为大家分享的关于Web前端工程师要知道的JavaScript变量命名规范的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助。想要了解更多Web前端知识记得关注北大青鸟Web培训官网。最后祝愿小伙伴们工作顺利!

css中class究竟是鸡肋还是鸡肉

css3中，提供了新型的，可以使用通配符的选择方法。例如：[id=^sec]{
}，表示将此样式，应用在所有id以sec开头的html元素，比如id为section、sec3等的元素都会受到这些规则的影响。这样，我们就可以通过元素命名，来区别不同功能区域，并且使用通配符选择器来统一样式。而这一点，和class的功能类似。class与id的区别就在于，id一个网页中，只能有一个，而class可以有多个，这样可以让多个元素使用相同的样式。

因此，作者在书中说，不推荐使用class，class最终会消失。然而在另一本前端著作《编写高质量代码Web前端开发修炼之道》中，却推荐使用原子类的方法，来提高css样式的重用程度。之前，本人也写过一篇关于创建和使用原子类的文章，并且在现在的设计中应用原子类，感觉非常方便灵活性非常强大。在这里，潜行者m不禁思考，class究竟可取不可取？是鸡肉还是鸡肋？
class和id的区别
html中class和id属性，是用来标记元素、区别元素，这样就可以用css来精确控制样式，也可以使用javascript来控制元素。但class和id是有明显区别的，在网页中，id属性的值只能有一个，但是class的值是可以重复的。比如，我定义一个div的id为a，那么网页中不能再出现一个html元素的id为a；但是我定义一个div的class属性为b，我可以再其他的元素中，定义class属性为b。这样，就可以实现代码的重用，比如两个div都是红色背景，只需写出一个class（.r{background-color:#ff0000;})，然后在两个div中都指定class属性为
r
即可，而要使用id控制，则需要在两个div中，都写上background-color:#ff0000;。同时，id和class的优先级也是不同的，id的优先级要高于class，如果对同一个元素，分别用id和class指定同一属性不同的值，浏览器会优先解析id的值。
鸡肉说：
class可以极大的提高代码的重用，特别是使用原子类，既方便维护，又方便应用。而使用id，必须指定id然后指定大量重复的样式。css3中，虽然升级的强大的选择规则，但是仍然比较混乱，不利于维护。同时，存在即合理，w3c制定出class和id是有他们的道理的，负责不同的工作，class仍然会不断的被使用。
鸡肋说：
css3中，强大的id选择规则，已经可以对相近元素指定相同的样式，达到重用的目的。它已经完全可以取代class的作用，而且对于javascript来说，只能使用id来控制，说不定以后class就会消失了。 我爱编程网

以上就是今天分享给大家的内容了，想要了解更多前端开发资讯，敬请关注我爱编程网！