我的前端学习之路(一)

回想自己开始学习前端的时候,应该是大二。当时对于前端,其实是一个模糊的概念。每当看到互联网上各种酷炫的网页特效,令人赏心悦目的色彩搭配,以及简洁明了的布局排版等等,这些都让我心动神迷。抱着对前端的兴趣,懵懵懂懂地开始了前端的自学之路。上大学前,以为大学课程应该会教各种牛逼哄哄的编程技术。其实不然,大学的课程更多的是理论的,而且并没有教太多关于前端的知识。当然部分选修课有,但还是教得太浅,停留在纸上教学。所以很多时候需要靠自学。

我的学习之路像大多数人一样,看书。记得当时去图书馆借关于网页开发的书,面对一个个书架竟然有点不知所措,类别繁多,眼花缭乱。很多书动不动就起个从零开始学习xxx的书名,一看就是专门为我们这些前端菜鸟写的。拿起来看目录,都差不多,知识点很细,很教科书。不过这种书,我借了基本都没怎么看过,因为看着就觉得无聊,而且知识点过于分散,看了之后只能记得书上有这个东西,但具体用途记不清,写网页时还是得再找相应的知识点。我不否认看书没用,我也看了不少书,而且看书让我能够有个大体的知识体系结构。我觉得边看书边实践会更好,这样不会枯燥。而且当实践后对于所用的有了一些心得体会后,再回过头去看书会让我们加深印象,这时看书能够带着自己的一些理解体会。慢慢地,书上的内容就能掌握得差不多了。除了看书外,接下来就讲讲我学习前端的一些方法。这些方法可能有的不是很有效,但也是我的前端学习之路的摸索与积累。

如何创建一个AngularJS项目

AngularJS是一个Google优秀的开源的JS框架,可以从Github查看angular.js的相关源代码。如今,AngularJS在前端开发中如日中天,AngularJS具有很多优秀的特性,可以参考这篇文章10 Reasons Why You Should Use AngularJS。前段时间,开始自己着手搭建一个基于AngularJS的前端项目。在项目搭建的时候,遇到了各种各样的问题。接下来,本文就详细介绍一下我是如何创建一个AngularJS项目的。

AngularJS

从零开始学习GruntJS

随着Nodejs快速发展壮大,无论是前端,还是服务器端都涌现了一大批的基于Nodejs开发的框架工具。这让熟悉JavaScript的前端人员,也可以用简单的几条命令就可以很快创建一个Web服务,并成长为一名全栈式工程师。值得一提的是,本博客就是基于Nodejs开发的一个类Wordpress的博客工具Hexo进行搭建的。Nodejs的出现是前端开发人员的一大福音。今天要介绍的这个GruntJS,就是基于Nodejs的一个JavaScript构建工具。构建工具能让任务自动化,比如:编译、单元测试、代码检查、压缩文件等等。通过配置好任务,构建工具能够按照配置好的执行相关任务,这样能够大大节省开发的时间。

GruntJS

Spring Web MVC框架搭建

这几天由于项目需要,开始着手搭建项目Web的后端。后端采用的是Spring Web MVC + Hibernate4 + MySQL架构。之前的项目基本都是通过XML文件进行项目配置的,这一次将采用纯Java进行配置,Servlet3.0之后才支持这种配置,所以要选择支持Servlet3.0的容器运行,如:Tomcat7+、Jetty9等。一直习惯用Eclipse进行项目开发,本次开发将迁移到Intellij IDEA,我用的是IDEA15版本。目前最常见的构建工具有MavenGradle,由于对Gradle比较熟悉,所以还是依然选择Gradle进行项目的构建。接下来将一步一步地介绍本次项目后台的搭建过程。

为什么需要html doctype

刚开始学习html时,我们通常会忽略html文档中的一句声明,这句声明放在html文档的第一行。我记得开始学的时候,都是从<html>标签开始写起,而且发现这样写并没有什么问题。后来发现很多前端面试时都喜欢问关于这个声明的问题,而且通过浏览器调试工具查看互联网上的网站时,几乎所有的html文档的第一行都写着这个声明。那究竟这个声明是干什么用的?为什么没声明的时候好像也没什么问题?

什么是DOCTYPE

DOCTYPE就是文档类型的意思,可以想到在文档开头写声明,就是为了告诉浏览器这个文档是什么类型的,需要采用什么样的规则来解释它。如果不声明的话,那么浏览器就会按照自己默认的方式进行解释,目前浏览器的版本各式各样,所以就算同一个html文档,展示出来也不尽相同。那么多浏览器都按照自己的方式来解析,所以肯定需要一个统一标准,而这正是W3C所做的工作。在开头声明DOCTYPE就是让浏览器采用指定的W3C规范来解释html文档。

从现在开始写博客

很早就想拥有一个属于自己的博客网站。为什么会有这种想法?作为一个计算机从业人员,讲的通俗点就是『码农』。我觉得博客这个东西嘛,就像你自己的一个门面,是一个与其他人,甚至与自己交流的一扇窗口。我们常常会google,百度遇到的各种问题,基本上都能在别人的博客上搜出很多相关的问题解答。当然,我对国内现在博客的一些博文质量是不敢苟同,基本都是到处转载、粘贴复制,完全没有自己的独特见解。所以很多时候,我更倾向于看国外的博客。以后,我会在这里多多发表自己的原创博文,与大家交流技术,分享看法。

从现在开始写博客