web前端之路 - 开篇

一 web发展历程

了解事物的历史有助于我们渐进式的从发展的思路清楚了解事物的来龙去脉。

这里有一篇网文写得比较清晰和完整:https://www.tianmaying.com/tutorial/web-history

二 前后端分离

前后端分离为我们说明前后端分离的依据,缘由,以及提供理论基础。

在这里也有一篇博客写得非常好,里面详细阐明了前后端分离,以及前端的一些情况和诉求,http://www.cnblogs.com/aspnethot/articles/3678994.html

三 Commonjs

不得不说js由于他的灵活性造成了很多混乱不堪是使用,以及造成很多很多的问题,而这些问题其实是一些基础性的,与业务无关的,但又时时刻刻困扰着我们的。CommonJs的出现就是解决这一类问题。

可以说Commonjs对于前端的入门具有非常好的指导作用。这里也有一篇博客专门对CommonJs做了总结,写得也非常好,http://www.cnblogs.com/aspnethot/articles/3678994.html

四 CommonJs的实现

1 commonjs规范了js加载模式,包管理机制,为js模块化编程提供了规范和约束。那么他的amd模式实现者之一requirejs也是一个非常重要而基础性的角色。

这些在阮一峰大神的博客中已有非常详细的说明:http://www.ruanyifeng.com/blog/2012/10/javascript_module.html,具体如何使用可以查看requirejs的官方网站。

2 另外一种js加载方式cmd,即同步加载他的实现者seajs,这个我不太了解,只是知道有这种东西。

五 前端模块化编程

有了commonjs规范的出现,他很好的解决了模块化编程的理论基础,为js模块化编程提供了基础性约定。在前端的任意一个mv*的框架中都是一个基础,可以大胆的说任何一个前端框架他首先也必须是

基于模块化编程为基础的,只不过不同的框架在模块化的实现和机制上存在一些差异化。如angular他的模块的实现基于ts语言。

时间: 2024-10-29 19:11:23

web前端之路 - 开篇的相关文章

【转】别人家的孩子之《说说我的web前端之路,分享些前端的好书》

链接http://www.cnblogs.com/Darren_code/archive/2011/02/09/JavaScript.html   2011-10-31 22:56 by 聂微东 PS:(11年现在都16年了 落后了5年哎...) WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才.本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解JavaScript或者是刚接触JavaScript的朋友,

我的web前端之路_入门篇

去年下半年我开始了我的web前端之旅,由于是工作三年后转行,为了尽快入门,我选择了参加培训班.这里我想特别说明一下,网上有很多鄙视培训的同学,但就我个人的培训经历而言,除了最后一阶段会有类似于面试忽悠,简历包装这样的辅导外,就从课程本身来说安排的还是比较合理的,授课老师知识水平和教学水平也都不错,学习氛围也比较好.除了性价比我觉得不是很高外,还有就是培训结束后自己能否保持学习.对于还在上学的同学,我是比较推荐自学.如果你对前端开发有兴趣,不妨自己学起来,现在网上的资源还是挺丰富的,如果学习中有什

我的web前端之路

毕业3年,真的很迷茫,不知道从事哪行,工资一直在最底层徘徊吧! 很多人说,我是女孩子,随便找份工作就ok了.但是生活真的很现实,看到身边的人好像都比你过的好,你真的愿意就这样庸庸碌碌拿着4000千元工资过一辈子吗?何况自己讨厌这样看不到前景,下了班就是逛街的生活. 现在还不算老,应该为自己的未来努力打拼了. 转行对于我来讲,真的是需要很大的决心,需要面对前期微薄的工资,需要私下花更多时间去学习,这样才能跟的上技术需要的脚步. 想来想去,还是想做前端开发这行,期待2年之后,破茧成蝶的那天!那时的自

1.web前端之路:HTML基础

HTML 1.HTML结构 <!DOCTYPE html> <!--语法开始--> <html lang="en"> <head> <!--头部信息,如title标签定义的网页标题--> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--主体信息,包含网页显示的内容-

7.web前端之路:CSS剖析指之盒子模型

一.margin和padding作用域 盒子模型 二.margin margin:用于控制元素与元素之间的距离:margin的最基本用途就是控制元素周围空间的空隔 从视角上达到相互隔开的目的,俗称为外边距,其大小不会影响盒子的大小. 三.padding padding:用于控制内容与边框之间的距离,俗称为内边距,其大小会将盒子想四周撑开. 四.注意 边框在默认情况下定位于浏览器窗口的左上角,但是并没有紧贴着浏览器的宽口的边框,这是因为body 本身也是一个盒子(它存在于HTML这个大盒子里面),

6.web前端之路:DOM

DOM 文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口.它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式.我们最为关心的是,DOM把网页和脚本以及其他编程语言联系了起来.DOM属于浏览器,而不是JavaScript语言规范里规定的核心内容. 一.查找元素 1.直接查找 var obj0 = document.getElementById('SomeId'); 根据ID获取一个标签 var obj1 = document.

5.web前端之路:JavaScript

JavaScript JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规范编写相应代码, 浏览器可以解释并做出相应的处理. 一.如何编写 1.JavaScript代码存在形式 <!--方式一 --> <script type="text/javascript" src="JS文件"></script> <!--方式二 --> <scri

6.web前端之路:JavaScript作用域

JavaScript 一."JavaScript中无块级作用域" 在Java和C#中存在块级作用域,即:大括号也是一个作用域 public static void main () { if(1==1){ String name = "seven"; } System.out.println(name); } // 报错 Java public static void Main() { if(1==1){ string name = "seven"

Web前端开发推荐阅读书籍、学习课程下载

转自http://www.xuanfengge.com/fe-books.html 前言 学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 除了在项目中学习和跟着有经验的同事学习,读书也是必不可少的.书中有着相对完整的知识体系,每读一本好书都会带来一次全面的提高. 而如果深一脚浅一脚的学习,写出代码的质量会参差不齐.初学者的首要任务是成为靠谱的熟练开发者,能够稳定的输出有一定质量的代码. 前端技术发展速度特别快,总是涌现出很多新的东西,需要不断的学习