什么是前端开发?

前端开发是什么一种工作?这里以修房子举例:

jquery根据数据去生成对应的html代码。首先得有一个html代码的"房屋构造",然后根据数据去填充"房屋构造"的"血肉",最后JavaScript通过事件等方法给一砖一瓦修好的房屋添加"灵魂"、"思想"。

这就是前端工作涉及到的三大组成部分:HTML、css、javaScript;对应分别是:"骨架"、"血肉"、"灵魂"。在写代码的过程中,一砖一瓦就是一个键盘一个键盘敲击出来的"王国",首先搭建地基,修建房梁,使其有个大概得轮廓,而后用白粉、水泥装饰它,写到这儿是不是就结束了呢?答案是:不是的,前面两步是静态的,房子感觉修好了,但是静态的,这需要源源不断的灵魂、活力注入,所以里面需要住一家人,人可以在里面做各种事情。

说得或许不对,仅代表个人观点。。。

前端开发需要不断的学习知识

前端变化快,年年变,月月变。你看前端框架都变了好多了?从原生的html、css、javaScript三者分离;到jquery操作dom节点+layui组件的使用;到Vue前端框架、React前端框架、(市面上常用的是这两种),还有其它:Angular、Svelte、Ember.js、Backbone.js等

不同前端框架的介绍 ,以及特点介绍

React:

  • 简介: 由 Facebook 开发和维护的 JavaScript 库,用于构建用户界面,特别是单页应用。
  • 特点 :
    • 组件化: UI 被分割成独立的、可复用的组件。
    • 虚拟DOM: 提高性能,通过在内存中维护虚拟DOM来最小化实际DOM操作。
    • 单向数据流: 数据流动方向明确,有利于调试和理解应用。
  • 主要使用场景: 单页应用(SPA),需要高交互性的用户界面。

Vue.js:

  • 简介: 由 Evan You 开发的渐进式 JavaScript 框架,用于构建用户界面。
  • 特点 :
    • 渐进式框架: 可以根据需求选择性使用框架功能。
    • 双向数据绑定: 提供类似 Angular 的数据绑定机制。
    • 组件化: 支持组件化开发,简化 UI 组件的开发和管理。
  • 主要使用场景: 中小型项目、需要快速上手的项目。

Angular:

  • 简介: 由 Google 开发和维护的前端框架,用于构建复杂的大型应用。
  • 特点 :
    • 完整框架: 提供了从数据绑定、表单处理到路由、依赖注入等一系列功能。
    • 双向数据绑定: 模型和视图自动同步。
    • TypeScript: 使用 TypeScript 编写,提供了静态类型检查和现代 JavaScript 特性。
  • 主要使用场景: 企业级应用,大型复杂项目。

Svelte:

  • 简介: 一种新型的前端框架,区别于其他框架,它在构建时而不是运行时执行大部分工作。
  • 特点 :
    • 无虚拟DOM: 编译时转换为高效的原生 JavaScript 代码,直接操作 DOM。
    • 性能优越: 因为编译时完成了大部分工作,运行时性能优于虚拟DOM框架。
    • 更少的代码: 语法简洁,需要编写的代码量少。
  • 主要使用场景: 性能要求高、需要轻量级解决方案的项目。

Ember.js:

  • 简介: 用于构建复杂的单页应用的前端框架。
  • 特点 :
    • 约定优于配置: 采用大量的约定,减少开发者的配置和决策。
    • 强大的路由系统: 支持嵌套路由和异步数据加载。
    • 稳定性: 框架的 API 和功能稳定,适合长期维护的项目。
  • 主要使用场景: 需要快速开发、维护成本低的复杂应用。

Backbone.js:

  • 简介: 轻量级的前端 MVC 框架。
  • 特点 :
    • 结构简单: 提供最基本的 MVC 组件,易于理解和使用。
    • 灵活性高: 可以与其他库和框架组合使用。
    • 事件驱动: 通过事件系统管理模型和视图的交互。
  • 主要使用场景: 需要灵活性高、简单的应用或与其他库组合使用。

在什么场景下,选择什么样的前端框架?

选择合适的前端框架,取决于项目的规模、复杂度、团队的技术栈和具体需求。

  • 架构风格: Angular 是一个全能的框架,提供了完整的解决方案;React 和 Vue 则更专注于视图层,但可以通过生态系统扩展功能;Svelte 在构建时优化,运行时性能优越;Ember 提供约定优于配置的开发方式;Backbone 简单轻量,适合与其他库组合使用。
  • 数据绑定: Angular 和 Vue 提供双向数据绑定;React 和 Svelte 使用单向数据流;Ember 和 Backbone 采用事件驱动模式。
  • 学习曲线: Vue 和 Svelte 相对容易上手;React 和 Angular 需要更多的学习和理解;Ember 和 Backbone 由于其独特的设计理念,学习成本可能较高。
  • 性能: Svelte 通过编译时优化,性能最佳;React 和 Vue 的虚拟 DOM 提高了性能;Angular 和 Ember 由于功能完整,性能相对较差但适用于大型项目。

写在最后,在开发的时候,总会有奇奇怪怪的想法想记录一下。。。

相关推荐
卸任6 小时前
Vibe coding工具使用心得
前端·ai编程
brien97 小时前
为什么模型标称 1M,Google Antigravity 聊到 256K 却突然失忆?我们给它做了个原生行内监控圆环
前端
修炼的dance7 小时前
录屏关键帧间隔多少合适?六档实测,2秒到10秒小了75.6%
前端
Lank_M7 小时前
关键帧从1秒拉到10秒,录屏小87.3%,摄像头小10.8%
前端
补码缩写7 小时前
用 ffprobe 拆录屏,八成字节在 29 个关键帧上
前端
百思不得小李7 小时前
一个复杂的动态表单是如何实现的
前端·设计模式
陈随易7 小时前
Cmder 停更 17 个月,2.0 支持 Windows Terminal
前端·后端·程序员
清晨Coding7 小时前
删了 Cookie 还能自动登录?Google系网站登录态自动恢复的原理分析
javascript
风骏时光牛马8 小时前
前沿视界
前端
kyriewen8 小时前
我扫了 814 个依赖,97 个还敢要 Node 10
前端·javascript·程序员