web开发要学习什么技术,前端需要看哪些书

Angular 和 React 是一对由来已久的对手。它们都是功能强大、最新、使用广泛的 JavaScript 框架,并且都面临着一个重大的变化:它们之间的竞争变成了 一场 流行度的较量。我们将通过四个主要指标来找出最流行的框架:NPM 趋势、Stack Overflow Survey、GitHub stars 和公开的职位招聘。

  • 在Node Package Manager报告中,React 仍然是最流行的 JavaScript 框架。从 2018 年 12 月到 2020 年 7 月这段时间,它的年下载量大约是 Vue.js 的 5 倍,是 Angular 的 13 倍。

  • 根据2019 年 Stack Overflow 开发人员调查结果,React 最受开发人员喜爱(74.5%)、其次是 Vue.js(73.6%),最后是 Angular.js(57.6%)。

  • 第四次JavaScript Risiing Stars 统计 了 GitHub 每年新增的星数,显示了惊人的统计数据:Vue.js 以 31.4k 星排名第一,React 以 22.4k 星排名第二,Angular.js 以 12k 星排名第四。

  • 2020 年 7 月 8 日在Indeed 招聘网站搜索的结果显示:在美国,React 有 43678 个招聘职位,Angular 有 10458 个招聘职位,而 Vue.js 仅有 1391 个招聘职位。

因此,我们可以认为 ,React 在工作岗位方面是个赢家,在开发人员中的受欢迎程度经久不衰。尽管如此,我们也可以看到,由于 Vue.js 社区坚定的支持,Vue.js 与 React 的对立情绪越来越激烈。Angular 保持着稳定的中间地位,得到了来自开发商和雇主双方的积极反馈。

框架组件

框架的性能是由最有价值的部分——它的组件决定的。它们的工作流与接收输入数据的方式以及对数据的响应方式有关。

  • Angular 的组件命名为 directive(指令) , 它们是由 Angular 跟踪的 DOM 元素上的标记。A ngular 将组件的 UI 部分作为 HTML 标签的属性 ,并将 UI 和 组件的 行为以 JavaScript 代码的形式分离开来。

  • 与 Angular 相反,React 结合了 UI 和组件的行为。简单地说,同一部分 代码 负责 UI 元素的创建并控制其行为。

  • 在 Vue.js 中,UI 和行为是组件的一部分。该框架也是高度可定制的,允许在脚本中结合 UI 和组件行为。

性能和框架大小

  • Angular 使用真实 DOM,因此它最适合用于内容不时更新的单页应用程序。这会使更新过程变得非常缓慢,并且在丢失流的情况下,将需要花费很长时间才能找出问题所在。值得庆幸的是,双向数据绑定过程将模型中所做的所有更改都以一种安全高效的方式复制到视图中。由于可用的特性范围很广,与 Vue 和 React 相比,应用程序要“重”得多(约 500KB),这会稍微降低性能。

  • 与 Angular 相反,React 使用了虚拟 DOM,增强了需要定期 更新 内容的所有应用程序 (不论大小) 的性能。单向数据可以更好地控制项目。缺点可能是开发人员需要不断升级他们的技能,以适应 React 不断发展的特性。由于 React 没有提供大量的库,所以,它的大小比 Angular 要小得多( 只有 约 100KB)。

  • Vue 也使用虚拟 DOM,因此在项目中的更改不会正式对 DOM 产生影响。Vue 在这三者中,大小最小(大约 80KB),这大大提高了它的性能。

Vue 也使用虚拟 DOM,因此在项目中的更改不会正式对 DOM 产生影响。Vue 在这三者中,大小最小(大约 80KB),这大大提高了它的性能。

总之,考虑到性能,Vue 和 React 在开发易于维护和无 Bug 的 Web 应用程序更加方便。

对于正在考虑学习 新框架 的人来说,掌握一个新框架的过程 是否足够简单 非常重要。那么,在它们三个中,哪一个最适合学习呢?

学习曲线

Vue.js 可能是最容易学的 , 这主要有两个原因:

  1. 它不需要特殊的设置。首先,你只需将 Vue 库导入到 HTML 文件中,并添加一些 JS(对于较大的 Vue 项目)即可。

  2. 无需学习大型特殊语法。Vue 的用法基于 JavaScript 和 HTML,通过 v-for 之类的指令进行了增强,这些指令都很容易解释。

Angular 和 React 都需要更为复杂的项目设置。不过,安装设置的可用性简化了这项任务:create-react-app、 Angular CLI 和Vue CLI(用于更复杂的项目)。

要掌握 Angular 和 React,还需要学习相应的 TypeScript 或 JSX 语法。

其中 ,Angular 的学习曲线被认为比 React 要陡峭得多。Angular 是一个不断发展的复杂框架,为解决单个问题提供了多种选择。

React 也需要开发者持续学习 ,因为它经常更新,但若有初学者教程和基本的 JavaScript 知识,学习起来就会容易 得多 。主要困难在于 Redux 库。

应用案列

  • Angular 由 Google 开发,并在其 AdWords 应用程序中 大量 使用,以最大限度地提高性能。其他使用 Angular 的著名网站,我们可以列举如下:Guardian、Lego、Nike、PayPal 和 Weather.com。

  • React 最初是为 Facebook 设计的,现在仍被该公司积极用于创建各种产品 ,包括 Twitter、Instagram、Whatapp 和 WordPress 都 采用了这个框架。

  • 与 Angular 和 React 不同,Vue 并没有强大的客户在其每个产品中实现它。不过,值得庆幸的是它的灵活性。它已经在这些流行品牌中得到了普及:9Gag、Nintendo、GitLab 和 Grammarly 等。

发展速度

  • 尽管使用React和Angular都可以轻松进行修改,但是你的应用程序的速度取决于具有开发人员可用功能的库的数量。

  • React的体系结构比Angular易于扩展,但是在Angular中开发Web应用程序比React更快。

  • 为了通过用户交互呈现相对复杂的UI,这三个框架都是不错的选择。但是,如果你正在寻找可以立即添加到应用程序中的内容,那么Vue是一个绝佳的选择。Vue使从原型到产品的转换变得容易。

结论

最后


分享一套我整理的面试干货,这份文档结合了我多年的面试官经验,站在面试官的角度来告诉你,面试官提的那些问题他最想听到你给他的回答是什么,分享出来帮助那些对前途感到迷茫的朋友。

面试经验技巧篇
  • 经验技巧1 如何巧妙地回答面试官的问题

  • 经验技巧2 如何回答技术性的问题

  • 经验技巧3 如何回答非技术性问题

  • 经验技巧4 如何回答快速估算类问题

  • 经验技巧5 如何回答算法设计问题

  • 经验技巧6 如何回答系统设计题

  • 经验技巧7 如何解决求职中的时间冲突问题

  • 经验技巧8 如果面试问题曾经遇见过,是否要告知面试官

  • 经验技巧9 在被企业拒绝后是否可以再申请
    自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

结尾

正式学习前端大概 3 年多了,很早就想整理这个书单了,因为常常会有朋友问,前端该如何学习,学习前端该看哪些书,我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。

戳这里免费领取前端学习资料

就想整理这个书单了,因为常常会有朋友问,前端该如何学习,学习前端该看哪些书,我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。

戳这里免费领取前端学习资料

前端学习书籍导图-1

  • 26
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Web前端设计基础是一本非常适合初学者的入门籍,它详细介绍了Web前端开发的基本概念和技术。本内容涵盖HTML、CSS、JavaScript及其相关应用,还包括响应式设计、性能优化和Web安全等方面的内容。 在阅读本时,读者会了解到HTML是如何用于表示和组织Web页面的基本结构,CSS如何用于控制页面的外观和排版,以及JavaScript如何提供动态效果和交互功能。此外,读者还会学习到如何使用开发工具、如何优化站点性能以及如何确保Web安全等方面的内容。 本的特点在于它结合了基础知识的讲解和实践经验的分享,通过实例讲解帮助读者更好地理解Web前端设计的基本原理和技术。此外,中还提供了一些练习和案例,让读者在阅读学习后可以进一步巩固所学知识。 总之,Web前端设计基础叮叮店是一本非常适合初学者的入门籍,适合那些希望了解Web前端开发的基础知识和技能,希望通过学习进一步提高自己的实践能力和专业水平的读者来阅读。 ### 回答2: Web前端设计是指开发网站的可视化部分,包含用户界面设计和用户体验设计。在这个领域中,设计基础非常重要,它对于整个网站开发过程的关键性起着很大的作用。 叮叮店是一个具有代表性的网站,针对这个网站,我们可以从以下几个方面来说明Web前端设计的基础。 首先,网站的整体布局和结构应该清晰明了。在设计网站的时候,应该考虑到网站的导航和内容分类,可以通过合理的分组和引导用户的方式,使用户轻松找到所需的信息。 其次,颜色搭配和字体的选择也是网站设计中非常关键的要素。不同的颜色和字体能够给用户不同的视觉刺激,从而引起不同的情感和感受。因此,在设计网站时,应该注意一些基本原则,如颜色搭配的互补性和字体的可读性等。 除此之外,网站的交互设计和响应式设计也是不可忽略的。如何让用户更好地与网站进行交互和体验,并解决在不同设备上访问网站时的问题,是Web前端设计师需要重点关注的问题。 综上所述,Web前端设计的基础是一个非常综合的概念。设计师需要综合运用各种技能和知识,才能够设计出一个功能齐全、操作简单、容易维护的网站,而叮叮店正是一个很好的例子。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值