前端常见框架及组件的大体认识

前端的知识体系

做前端,不只是 html+css+javascript,你必须知道更多。

一、框架

1. vue

简介

vue 于 2014 年 2 月由 Google 前员工 尤雨溪 发布。
在国内,vue有着得天独厚的优势,因为它的作者是华人尤雨溪,技术文档相对友好。
在有HTML,CSS,JavaScript的基础上,可以快速上手。

特点
  • 渐进式学习,易于上手。
  • 双向数据绑定。
  • 华人开发者,文档友好。
  • 在国内大/中/小企业中大量应用。
  • 仅限于web开发,但是在其他框架的加持下可以做到全端开发。
套件

2. react

简介

React 于2013年5月由 Facebook 发布。
React 让创建交互式 UI 变得轻松。为应用程序中的每个状态设计简单的视图,当数据发生变化时,React 将有效地更新和呈现正确的组件。

特点
  • 大厂背景,不用担心成熟度和维护稳定性。
  • 上手相对困难,适合大项目。
套件
  • React Native 使用JavaScript开发原生Android和iOS应用

3. angular

简介

angular 于 2010 年 9 月由 Google 发布。
学会用 Angular 构建应用,然后把这些代码和能力复用在多种多种不同平台的应用上: Web、移动 Web、移动应用、原生应用和桌面原生应用。
相比于vue的轻巧,angular凭借 Typescript 本身比 JavaScript 更加工程化的优势,大型项目中angular会更具优势。

特点
  • 大厂背景,不用担心成熟度和维护稳定性。
  • 可以开发Web、移动 Web、移动应用、原生应用和桌面原生应用。
  • 功能比react更加丰富,一个是真正的大而全的framework。
  • 上手比较困难,需要完全掌握相关知识,时候大型项目。

5. flutter

简介

Flutter是于2015年由 谷歌 开发的开源移动应用软件开发工具包,用于将一套代码打包为原生的Android和iOS开发应用。

特点
  • 所见即所得,一边开发一般预览。
  • 一套代码搞定Android和iOS两大平台。

性能表现:无性能问题,同原生性能。

6. uni-app

简介

uni-app 由DCloud公司开发,DCloud是国内流应用行业的开创者。
是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web、以及各种小程序、快应用等多个平台。

特点
  • 一套代码全端开花,极高的提高开发效率。

性能表现:vue页面性能一般,同web性能;nvue页面性能向原生性能靠近。

套件
  • Nvue 提供基于weex的原生渲染
  • 5+Runtime 增强版的手机浏览器引擎,使js可以访问原生接口
  • unicloud Serverless 无服务器开发开发框架
  • uniMPsdk 让你的APP具备小程序能力

7. electron

简介

Electron 是一个跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。
其实就是把 V8 引擎单独包装起来,使之成为可以在桌面运行的类浏览器平台,并提供了更多的接口。

特点
  • Electron 兼容 Mac、Windows 和 Linux,可以构建出三个平台的应用程序。
  • 使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序。

8. node.js

简介

node.js是一种javascript的运行环境,能够使得javascript脱离浏览器运行。
我们可以使用它在电脑上跑一个用javascript写的服务程序;达到前端变后端的高级效果。

特点
  • 轻量、可伸缩,适于实时数据交互应用
  • 非阻塞I/O
  • 事件驱动
  • 单进程,单线程

二、规范

1. TypeScript

TypeScriptJavaScript 的超集,是在2012年10月由 微软 公司推出的。
他处理了 JavaScript 的一些问题,语法更加严谨,适合开发 大型项目。

我过一篇TypeScript的入门文章,详见TypeScript的认识与入门学习

2. ECMAScript 6

是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript 2015(ES2015)。
但大家都喜欢叫他 ES6

我写过一篇ES6的入门文章,详见JavaScript ES6语法新特性整理,ES6必须掌握的知识点,更强大更方便

3. Sass

专业级CSS扩展语言,可以实现类似脚本方式来编写更加灵活易管理的css代码。

三、UI

1. bootstrap

Bootstrap是著名的社交网站、微博的先驱Twitter在2011年8月推出的开源WEB前端框架,集合CSS和HTML,使用了最新的浏览器技术,为快速WEB开发提供了一套前端工具包,包括布局、网格、表格、按钮、表单、导航、提示等等。使用Bootstrap可以构建出非常优雅的前端界面,而且占用资源非常小。

2. element ui

Element-UI是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,手机端有对应框架是 Mint UI 。

3. Vant

Vant是基于vue的一款开源的移动端组件库。
目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本。

四、组件

1. echarts

一个基于 JavaScript 的开源可视化图表库。
echarts 项目最初是由百度推出的,后捐献给了Apache开源基金维护。

2. webuploader

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。

五、工具

1. postman

最常用的接口测试工具.
我写了一篇入门的使用方法文章,详见 使用 Postman 做好接口测试,拒绝相互甩锅

2. nginx

我写过一篇相关文章,详见 使用nginx代理实现前后端分离开发调试,零基础教程

3. git/svn

版本管理工具。

我写过一篇相关文章,详见 版本管理客户端,TortoiseSVN和TortoiseGit

4. Webpack

前端打包工具。

5. VScode

由微软推出的编辑器,拥有体积轻,扩展性强的特点。
使用TypeScript + Electron开发,是目前最欢迎的IDE之一。

六、其他

  • hybrid 及原生和H5混合开发
  • canvas WEB端的画图组件
  • Gojs 功能强大的图形库
  • WebGL/three.js WEB端的一种3D渲染
  • Serverless 无后端开发,一般直接使用云端数据库和nodejs的环境进行开发,如uniCloud
  • axios promise实现对ajax技术的一种封装
  • webassembly 一种可以在浏览器中执行的编程语言,比JavaScript更快
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
计算机组成原理是研究计算机硬件系统的基本原理和结构的学科。它主要包括以下几个方面的内容: 1. 计算机的基本组成部分:计算机由中央处理器(CPU)、存储器(内存)、输入设备和输出设备组成。其中,CPU负责执行指令和进行数据处理,内存用于存储程序和数据,输入设备用于接收外部信息,输出设备用于向外部输出结果。 2. 数据表示与运算:计算机中的数据以二进制形式表示,包括整数、浮点数、字符等。计算机通过算术逻辑单元(ALU)进行数据的运算,包括加法、减法、乘法、除法等操作。 3. 指令系统与指令执行:计算机通过指令系统来控制其操作,指令包括操作码和操作数。指令执行过程包括指令的取指、指令的译码、操作数的获取、指令的执行等步骤。 4. 存储器层次结构:计算机中的存储器按照速度和容量的不同划分为多个层次,包括高速缓存、主存储器和辅助存储器。不同层次的存储器之间通过地址映射和数据传输来实现数据的访问。 5. 输入输出系统:计算机通过输入输出系统与外部设备进行数据的输入和输出。输入输出系统包括输入输出接口、设备控制器和外部设备。 6. 总线与通信:计算机中的各个组件通过总线进行数据的传输和通信。总线包括地址总线、数据总线和控制总线,用于传输地址、数据和控制信号。 7. 中断与异常处理:计算机中的中断和异常是处理外部事件和内部错误的机制。当发生中断或异常时,计算机会暂停当前任务,转而处理中断或异常事件。 8. CPU设计与流水线:CPU是计算机的核心部件,负责执行指令和进行数据处理。流水线是一种提高CPU性能的技术,将指令执行过程划分为多个阶段,并同时执行多条指令。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值