Web前端初体验

参加工作近3年,大概也知道怎么做前端开发,但从来没有真正做过一个网站。

想做一个网页

一开始,我仅仅是想做一个网页,然后尽可能美化一下。于是上了W3School看了下教程。于是这苦大仇深的前端跟我杠上了。

做网页首先当然是HTML。它还算比较简单,熟悉下元素标签、标签属性、外部引用样式和脚本、html版本特性。其他的都是在实践的时候直接查文档。

其次为了美化网页少不了CSS。总觉得它像是做菜的时候添加的调味料。需要掌握样式表书写语法、样式表效果的生效顺序(内联>内部>外部)、不同选择器的特点与使用方法。CSS的难点应该体现在不同浏览器的兼容问题上。目前刚入门,暂时没碰到兼容性问题。再者W3School对不同浏览器做了兼容性测试,并有总结,可以作为参考解决实际问题。

然后为了动态化网页(主要是异步请求与加载数据),需要用到浏览器端执行的脚本JavaScript。JavaScript在语法上与Java差别不大,而本人有lua脚本开发经验,接触起来也不难。除了基本语法,JavaScript最重要的是封装了与浏览器交互的接口,有点类似与开发平台相关应用时用到的系统调用。但据我从身边同事了解来的,JavaScript关于浏览器方面的接口实际上使用得不多,更多的是使用某些js框架。例如getElementById可以用jQuery的$选择器替代。确实省事很多。

产生了更多的麻烦

经过对上面技术的简单认识,我做了一个简单的网页。但是产生了更多的问题。存放网页文件和提供请求接口的服务器总是要的,因此我需要做一个服务器。得益于这几年的工作,在这方面我有比较多的选择。考虑了种种因素我选择了nginx与node.js作为方向(主要是不想搭建环境)。nginx没什么问题,js不熟悉。

node.js有很多第三方模块可以借用,在这里可以搜索你想要的模块。做网站我选择了比较简单的express、mysql连接器也是比较主流的这个、最后为了简化代码我了解了async模块。

实际上没啥卵用

大概花了一个星期的工作外的时间真的做了一个网页。但是还是一坨屎的它实在太丑了,不敢贴出来。

ChardLau

继续阅读此作者的更多文章