做前端开发的软件技能,怎么快速做一个前端项目

等你往深的接触并有自己一定理解后你可能跟我一样会对整个前端有新的认知。

过硬的基础

可能不止一遍又一遍的强调,熟练运用( html, css, js)这并不意味着基础就扎实了。你是否会遇到这样的问题: 吐槽自己的代码为什么没有长进?吐槽新的框架出来了,可我连之前的版本还没掌握?尝试着翻阅源码奈何根本读不下去或者只是一知半解?因为这些问题都是发生在我的身上,我尝试着去扩展自己的技术栈,然后小程序也会,web app也懂,服务端也略知一二,浏览器源码…… 这些看似有着丰富经验的解答,但实则暴露了一个问题,哪一个都是只知皮毛。后来我沉下心来,重拾基础,慢慢的我代码可以做性能优化,源码似乎也看进去了。然后我发现基础往深的钻研,我似乎发现新大陆一样。接下来给大家分享一下我的学习经历; 依旧是基础,并逐步展开。

  • html

重新把 html 知识点并且重点是 html5 的新特性再过一遍,对常用的语义化标签,新增的 canvas,本地存储,xhr,dom,bom api进行总结归纳。然后尝试着封装一些 api,对原始 xhr 进行整理等等,对于这些知识不需要刻意去弄懂底层实现,只要能够熟练掌握并可以根据业务做到良好的扩展就可以了。

做前端开发的软件技能,怎么快速做一个前端项目图1

另外,这个权威指南看不下去就算了,找其中的重难点知识进行梳理。

  • css

我不知道以后会不会出现 css4 ,但就目前而掌握 css3 已经相当不错,在前端领域对样式掌握到手到擒来绝非易事(并不是熟练应用各种类库,插件)。我当初学习样式始于兴趣,终于瓶颈,不过目前依旧在学习嘛。学习样式最快而且最容易上手的是拿现有模板去实现交互效果。举例,以实现天猫静态页为依剧,不管你用什么前端框架做辅助( jquery),一定要手写,既锻炼了html,也能快速css,css3。如果遇到难点,查阅资料(科学上网),或者控制台查其网页实现,然后就往深层挖掘。

做前端开发的软件技能,怎么快速做一个前端项目图2

然后就是这本书,很有必要读一读。

  • Javascript

前端的核心,从web端,到移动端,到客户端,再到服务器,都可以看到js的身影。你抱怨自己编程能力没有长进,抱怨源码读不懂都和不理解它有密切关系。js 的类型和语法、作用域和闭包、this 和对象原型链、异步和性能、es6 新特性( promise、proxy)。这些是从基础到进阶,每一块都必须深入掌握,越深越好。

不管你是否造轮子,也或者你正忙于业务开发,真正阻碍你前进的便是这些大山,去掌握它们,锻炼自己的内功。

做前端开发的软件技能,怎么快速做一个前端项目图3

不管你之前读的是犀牛书,红宝书还是官方web文档mdn,我现在只想推荐你认真读一下这个系列。

前面说了一大堆关于基础的问题,前端也不止这些但不管怎么说基础必须过关。

类库及框架

有了基础,相信你应该不惧目前的各类框架,mvc也好,mvp也罢,mvvm( vue, angular, react )也都ok。保持你的深度,然后扩展技术栈,这个时候你不用担心翻看源码的问题,相信你能快速掌握。

掌握node

以前端代表服务器开发node为主,你不会陌生,有了基础什么事件循环( even loop)、任务队列、异步回调,掌握它们只是时间问题,当前这些是 js 引擎和浏览器机制相关的问题。然后就是至少熟悉一种后端语言,数据库知识( sql, nosql)。

web api

掌握浏览器的渲染机制,缓存机制,安全问题,性能优化,网络io,同源策略等等

算法和设计模式

最后补充一个就是它,提示自己的逻辑思维和编程能力,算法必不可少。掌握设计模式通样可以便于我们对代码的掌握,以及性能优化,重构等工作。

做前端开发的软件技能,怎么快速做一个前端项目图4

没事了也刷刷题训练一下思维能力。

写在最后,说了这么多还是想重点提及的是基础。我也一直在学习,希望能够同大家一起进步。

原创文章,作者:普尔小编,如若转载,请注明出处:http://www.puerpx.cn/pxwd/6164.html

(0)
上一篇 2022-12-24 下午2:14
下一篇 2022-12-24 下午2:55

相关推荐