一、起因

因为贝格前端工场的主营业务就是前端开发，少不了和各类前端开发人员打交道，高手见过N多，新手也见过N多。

新手有个特点，每次和聊，言必称框架，框架，框架，还给我展示自己用框架做的案例，其实所谓案例，就照着教程把预制菜加热一下而已，压根就不了解框架背后来龙去脉，原理等，所谓的能有也就是跟着教程一步步走，场景略有变化，立马就歇菜了。

这些都可以理解，毕竟是新手嘛，啥都会还叫新手？

相比这种，大部分公司还是希望用基础扎实的人，哪怕你不懂框架，html，css，JavaScript扎实，学框架也是很容易的事情。

所以本文就聊一聊前端框架的一些常识。

二、当前的三大框架

当前比较流行的三大前端框架分别是：

Angular：由 Google 推出的一款前端框架，使用 TypeScript 语言编写，采用组件化开发模式，具有强大的数据绑定和依赖注入功能，适用于大型应用的开发。
React：由 Facebook 推出的一款前端框架，采用组件化开发模式，使用 JSX 语法，具有高效的虚拟 DOM 和优秀的性能表现，适用于构建高性能、可复用的 UI 组件。
Vue：一款轻量级的前端框架，由尤雨溪开发，采用 MVVM 模式，具有响应式的数据绑定和组件化开发模式，易于上手和学习，适用于中小型应用的开发。

三、前端框架产生的背景

前端框架的产生是由于前端开发的需求和发展所促成的。在 Web 应用程序的早期，前端开发主要是基于 HTML、CSS 和 JavaScript 进行的，开发者需要手动编写大量的代码来实现各种功能，这样的开发模式效率低下，代码难以维护。

随着 Web 应用程序的复杂度不断提高，前端开发面临着越来越多的挑战，例如需求变更、代码维护、性能优化等。为了解决这些问题，前端开发者开始尝试使用一些工具和框架来提高开发效率和代码质量。

最早的前端框架是 Backbone.js，它于2010年发布，它提供了一套基于 MVC 模式的开发框架，可以帮助开发者更好地组织代码和数据。随着时间的推移，越来越多的前端框架陆续出现，例如 Angular、React、Vue 等，它们提供了更加丰富和高效的功能和组件，可以帮助开发者更快速地构建复杂的 Web 应用程序。

前端框架的产生是由于前端开发的需求和发展所促成的，它们为前端开发者提供了更加高效和规范的开发模式，提高了开发效率和代码质量，成为了前端开发中不可或缺的重要工具。

三、前端框架对前端开发带来的帮助

前端框架可以对前端开发者带来以下几方面的帮助：

提高开发效率：前端框架提供了许多现成的组件和功能，开发者可以直接调用这些组件和功能，避免了重复开发的工作，提高了开发效率。
统一开发标准：前端框架可以提供统一的开发标准和规范，避免了开发者之间的差异性，提高了代码的可读性和可维护性。
提高代码质量：前端框架可以帮助开发者更好地组织和管理代码，提高了代码的可维护性和可扩展性，减少了代码出错的可能性，提高了代码的质量。
优化用户体验：前端框架可以提供许多优化用户体验的功能，例如响应式设计、动画效果等，提高了用户的满意度和体验。
降低学习成本：前端框架可以提供许多现成的组件和功能，开发者可以直接调用这些组件和功能，降低了学习和掌握新技术的成本。

前端框架可以帮助前端开发者提高开发效率、统一开发标准、提高代码质量、优化用户体验、降低学习成本等方面。

四、前端框架对前端开发的禁锢

前端框架可以提高前端开发效率，但同时也会对前端开发带来一些禁锢，主要表现为以下几个方面：

限制了创新：前端框架的设计思想和架构是由框架作者或团队预设的，开发者需要按照框架的规范来开发，这可能会限制开发者的创新能力，导致应用的创新程度不足。
依赖太多：前端框架通常依赖于许多其他的库和工具，这些依赖可能会导致开发者需要掌握更多的知识和技能，增加学习成本和开发难度。
性能问题：一些前端框架可能会导致应用性能下降，例如加载速度变慢、CPU 占用率过高等问题，这可能会影响用户体验和应用的可用性。
可维护性下降：前端框架通常会引入许多抽象层和中间件，这可能会导致代码的可读性和可维护性下降，增加了调试和维护的难度。
过度依赖框架：一些开发者可能会过度依赖前端框架，而忽略了对底层技术和原理的掌握，这可能会导致开发者的技术水平停滞不前，无法适应新的技术和需求。

前端框架对前端开发带来了一定的禁锢，开发者需要权衡使用框架的利弊，避免过度依赖框架，保持对底层技术和原理的掌握，以提高开发效率和代码质量。

五、可取的态度：打牢基础，使用框架但不迷失。

前端开发者对待框架的态度应该是理性和客观的。框架是一种工具，它可以帮助开发者提高开发效率、降低开发成本、提高代码质量等，但它并不是万能的，也不是解决所有问题的银弹。

因此，前端开发者应该具有以下正确的态度：

熟练掌握框架的使用：前端开发者应该深入了解所使用的框架的各种功能和组件，熟练掌握其使用方法和技巧，以便更好地利用框架提高开发效率和代码质量。
理性选择框架：前端开发者应该根据项目需求和自身技能水平，理性选择适合的框架，不要盲目跟风或者追求新潮流，因为每个框架都有其优缺点和适用场景。
理解框架的原理和机制：前端开发者应该深入理解框架的原理和机制，而不是仅仅会使用框架提供的 API，这样可以更好地发挥框架的优势，同时也可以更好地解决框架的问题和缺点。
不断学习和更新：前端开发者应该不断学习和更新自己的知识和技能，了解最新的前端技术和框架，以便更好地适应不断变化的前端开发环境。

后记

回到前面那个人的提问，有了框架是不是就不用学html，css和JavaScript了，恰恰相反，这些框架都在指出，学习之前要具备html、css和JavaScript的基础。

有位网友直接回复了题主一句话：你见过那栋楼是从二层开始盖的。
说的十分贴切。

","gnid":"9e971c434bc6f2741","img_data":[{"flag":2,"img":[{"desc":"","height":"480","title":"","url":"https://p0.ssl.img.360kuai.com/t01be64ecf7ad447ada.png","width":"876"},{"desc":"","height":"500","title":"","url":"https://p0.ssl.img.360kuai.com/t0150489950e4021d48.jpg","width":"888"},{"desc":"","height":"600","title":"","url":"https://p0.ssl.img.360kuai.com/t01fdc713a3b60b1af1.jpg","width":"1200"},{"desc":"","height":"481","title":"","url":"https://p0.ssl.img.360kuai.com/t01f0530c672343fa34.jpg","width":"1200"},{"desc":"","height":"477","title":"","url":"https://p0.ssl.img.360kuai.com/t0193226633da067011.jpg","width":"1200"}]}],"original":0,"pat":"art_src_0,fts0,sts0","powerby":"pika","pub_time":1707789529000,"pure":"","rawurl":"http://zm.news.so.com/0935f617b391ef156a64d43bc91a9690","redirect":0,"rptid":"236383ebefdbf191","rss_ext":[],"s":"t","src":"贝格前端工场","tag":[{"clk":"ktechnology_1:java","k":"java","u":""}],"title":"迷失在前端框架中的初级开发者，总觉得大厦要从二层开始建

简凝露4279网页前端主要是学什么内容呢?
路德燕14744085380 ______ 网页前端课程大部分是指Web网页前端工程师,Web网页前端课程基于Web2.0之上,主要学习web3.0的技术,实现网页在PC端和移动端的应用.HTML5+CSS3布局、...

简凝露4279做web前端开发都应该会些什么 -
路德燕14744085380 ______ web前端开发工程师,做的工作与网站前/后台系统的页面相关,使用到的主要技术包括:HTML、CSS、JavaScript,如果能会后台编程语言,当然会更好. 现代web前端开发已经不能像传统web开发已经简单的描述成切图、css、js了.在新的HTML5规范中,加入很多新的特性,这样就对web前端工程师有了更高的要求,比如数据库操作,使用cancvs、css3绘图.

简凝露4279小白到web前端工程师需要学习哪些知识 -
路德燕14744085380 ______ 优就业的Web前端课程一共分为六个阶段第一阶段Html5+CSS3:主要学习HTML5基础、CSS基础、HTML5进阶、CSS3进阶、Less 第二阶段JS交互设计:主要学习JavaScript核心语法、DOM和BOM、JavaScript高级进阶、面向对象编程、...

简凝露4279前端工程师需要学哪些课程? -
路德燕14744085380 ______ Web前端至少要学 1) , HTML 2) , CSS 关键字:选择器 3) , JavaScript 关键字:代码质量,安全,压缩,无污染 4) , 易用性 5) , 国际化关键字: UTF-8 , charset 6) , 性能关键字: Yahoo 的 14 条准则 7) , 基础结构和过程关键字:文...

简凝露4279请问前端要学什么知识,大概的框架是? -
路德燕14744085380 ______ p>前端需要学习HTML、CSS和JS.jpg＂ target=＂_blank＂ title=＂点击查看大图＂ class=＂ikqb_img_alink＂> 萌萌哒小三猫 2016-10-13 0 0 分享

简凝露4279web开发需要学什么 -
路德燕14744085380 ______ 基础的是html和css,还有js.进阶的要学一些框架,比如jQurey,React,Angular,Vue等等,还有一些工具,比如Gulp,Webpack.

简凝露4279web前端需要哪些技术? -
路德燕14744085380 ______ web前端主要学习Html5和css制作精美的静态页面,之后核心课程学习Java script这门语言,并使用各种JS框架和库实现交互性.以前大家常用的是JQuery、Bootstrap框架,现在形成React、Vue、Angular三大主流框架. web前端开发一直是推...

简凝露4279web前端开发框架有哪些 -
路德燕14744085380 ______ 最流行的应该 jQuery 其他就是 ExtJS,YUI 之类的

简凝露4279web前端开发的框架有哪些 -
路德燕14744085380 ______ web前端开发的框架大致有如下几种 1、Bootstrap Boostrap是目前最流行用得最广泛的一款框架.它是一套优美,直观并且给力的web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面.提供了很多流行的样式简洁的UI组件,栅格系...

简凝露4279前端框架比较常用的有什么?
路德燕14744085380 ______ 1、WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库,它是由微信内部团队专门为微信网页和小程序制作的前端样式,可以让用户有更加统一的使用感.这个小巧的框架提供了微信产品一般常用的一些组建样式,在进行微信页面制作的时候可以进行参考和使用.

（编辑：自媒体）