前端练级攻略(第二部门)
你可以用两种要领做这个尝试。你可以先用 HTML 和 CSS 计划和建设机关,然后用 JavaScript 增进交互性。可能你可以先编写J avaScript 逻辑,然后再进入机关。另外,你可以行使jQuery,但也可以随意行使纯 JavaScript。 JavaScript框架 把握了JavaScript的基本常识之后,是时辰进修 JavaScript 框架了。框架是 JavaScript 库,可以辅佐你结构和组织代码。JavaScript 框架为开拓职员提供了伟大前端题目的可一再办理方案,好比状态打点、路由和机能优化。它们凡是用于构建web应用措施。 我不会讲授每个JavaScript框架,这里有几个框架的快速预览:Angular、React + Flux、Ember、Aurelia、Vue和Meteor。你不必进修每个框架。挑一个,好勤进修。不要追逐框架,相反,要领略框架所基于的底层编程哲学和原则。 架构模式 在查察框架之前,领略框架倾向于行使的一些架构模式是很重要的:MVC(Model–view–controller)、MVVM(Model–view–viewmodel)v和vMVP(Model–view–presenter)。这些模式被计划成在应用层之间建设清楚的存眷点疏散。 存眷点疏散是一种计划原则,首要头脑是将应用措施拆分为差异的域特定层。 譬喻,你可以行使JavaScript 工具(凡是称为模子)来存储状态,而不是让 HTML 保持应用措施状态。 要相识更多关于这些模式的信息,请先阅读 Chrome Developers 的 MVC。之后,阅读领略 MVC 和MVP(面向JavaScript和骨干开拓职员)。在那篇文章中,不要担忧学不会,看不懂,只需领略 MVC和 MVP 的部门观念即可。 Addy Osman 还写了关于 MVVM 的 领略 MVVM 的JavaScript开拓职员指南。要相识 MVC 的发源及其发生的缘故起因,请阅读 Martin Fowler 关于GUI系统布局的文章。最后,阅读 JavaScript MV* Patterns一节,进修 JavaScript 计划模式。进修JavaScript计划模式是一本很棒的免费在线书本。 计划模式 JavaScript 框架不会从头发现轮子。它们中的大大都依靠于计划模式。你可以将计划模式视为办理软件开拓中常见题目的通用模板。 固然领略 JavaScript 计划模式并不是进修框架的先决前提,但我提议在偶然刻的时辰可以看看以下几种计划模式。
领略并可以或许实现个中的一些计划模式不只会使你成为更好的工程师,并且还会辅佐你领略一些框架的底层成果。 AngularJS AngularJS 是一个JavaScript MVC 框架,偶然也是 MVVM 框架。它由谷歌维护,并在2010年初次宣布时囊括了 JavaScript 社区。 Angular 是一个声明性框架。辅佐我领略怎样从呼吁式编程过渡到声明式JavaScript编程的最有辅佐的文章之一是在StackOverflow上的 AngularJS 与 jQuery有何差异。 假如你想相识更多关于 Angular 的常识,请查察 Angular文档。他们还提供了一个名为 Angular Cat 的教程,可以让你顿时投入到编程中去。Tim Jacobi 在 Github常识库中提供了一个更完备的 Angular 进修指南。另外,看看约翰·帕帕写的这本势力巨子的最佳实践气魄威风凛凛指南。 React + Flux Angular 办理了开拓职员在构建伟大的前端体系时所面对的很多题目。另一个风行的器材是 React,它是一个用于构建用户界面的库。你可以把它想象成 MVC 中的 V。由于 React 只是一个库,以是它凡是行使一个称为 Flux 的架构。 Facebook计划React和Flux是为了办理MVC的一些弱点及其在局限上的题目。看看他们闻名的演示 黑客方法:从头思索Facebook的Web应用措施开拓。它高出了Flux,它发源于此。 (编辑:湖南网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |