想自学web前端一些基础的维护，大佬们给个建议去哪些靠谱的网站学习？

时间：2023-10-30 15:36:01 | 来源：网站运营

时间：2023-10-30 15:36:01 来源：网站运营

想自学web前端一些基础的维护，大佬们给个建议去哪些靠谱的网站学习？：一.前端通用学习方法

前端开发上手快,又容易得到反馈(页面效果是可见的) , 我推荐学习-点内容后快速实战,在实

战中找到成就感,发现问题,然后再带着问题回去系统学习, 如此往复。

二、基础

html + css .

这部分建议在w3school在线教程.上学习,边学边练,章后还有小测试。学习过程中请打开

chrome浏览器调试工具,直接命令行在内做些练习。学习资料和开发工具

javascript

要学的内容实在很多,如果没有其他编程语言的基础的话,学起来可能要费些力,还是建议先在

w3school上学习。之后建议马.上看《javascript语言精粹》, js是-门很混乱的语言,这本书能够

帮助你区分哪些是语言的精华,哪些是糟粕,对于语言i精华,应该深入学习。糟粕部分能看懂别人

写的代码就行,自己就不用尝试了。对于习惯看视频学习的同学

3. html5

需要了解htm|都提供了哪些api ,然后项目中用起来。这部分没有什么难理解的,关键在于能用

html5解决业务问题,以及不支持html5的浏览器的降级方案。这部分体现了前端的一个思想:面向

未来编程,尽早将新技术引入业务中来,而不是过分考虑兼容性问题,进而导致面向过去编程。

虽然我没用过,但好几位同学推荐过了,大概看了下,内容还不错。


正如开篇的分析,目前市场缺的是高级前端,初级到高级的门槛不在未来,而是在过去的大学基础

课。

前端为什么要学这些?因为这些都是稍微复杂一点的场景解决问题的必备武器。 比如，把-个列表

形式的地址数据,以树形渲染到页面, 或者反过来;又比如,把一一个多级嵌套的数据对象,转化成

扁平的map结构再提交到服务器。更关键的,数据结构和算法,是计算机的思维方式,尤其是分治

递归的思想,影响到代码实现、模块设计、乃至到系统设计。

三、初级

有了以上基础,就可以进行一般的静态网页设计 ,不过对于复杂的页面还需要进一步学习。

1. css

对于css的学习,我推荐分三块:“ 基础概念”，“css2.1规范” ，“css3规范” 。必看精通

CSS(第2版) (豆瓣),看完这本书你应该对:子模型,流动, block , inline ,层叠,样式优先

级,等概念非常了解了。这本确实有些年头了,但基础概念部分讲述非常清晰,可以称之为经典。

ie6 , 7相关的内容可以不看。css3的部分可以参考: CSS3实用指南(豆瓣)。这本书同样有些老,只

是最新出版的书中没发现有特别好的。

关于浏览器兼容性。webkit内核已成为市场主流, ie6、7已成为历史, ie8、9的市场份额在进一步

缩小,总之兼容[E已不在是前端工程师面试需要考察的点。

2. javascript

上面提到内容还不足以让你胜任js编程。在有了基础之后,进-步学习内容包括

简单框架。推荐先学zepto ,简单易用,在w3school简单学习js后,直接上手zepto即可完

成一些简单的项目。zepto 源码简单清晰,也适合新手阅读。补充:可以使用codecademy学习

javascript , zepto ,用户体验真的很好(感谢TonyOuyang )。学习zepto只是为了快速上手开

发项目,获得成就感。同时还是要关注JS原生编程的能力,尤其随着低端浏览器份额的下降,很多

zepto API已经可以被原生浏览器api替代。以天猫消费者端h5页面为例,主要就是靠原生S +少

量zepto api的方式开发完成,配合pwa等浏览器最新api就可以开发出极致的用户体验。

3. html5

需要了解htm|都提供了哪些api ,然后项目中用起来。这部分没有什么难理解的,关键在于能用

html5解决业务问题,以及不支持html5的浏览器的降级方案。这部分体现了前端的一个思想:面向

未来编程,尽早将新技术引入业务中来,而不是过分考虑兼容性问题,进而导致面向过去编程。