一、前端能做什么

一、前端能做什么

软件

  • Web
    • web(World Wide Web)即万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。
  • vue.js
    • Vue.js是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API。
  • React.js
    • React 是一个用于构建用户界面的 JAVASCRIPT 库。主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。
  • Angular.js
    • AngularJS 通过新的属性和表达式扩展了 HTML。AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications)。

服务端

  • Node.js
    • Node.js 就是运行在服务端的 JavaScript。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。
  • koa.js
    • 基于 Node.js 平台的下一代 web开发框架,由Express框架原班人马重新打造。 Koa 并没有捆绑任何中间件,而是提供了一套优雅的方法,帮助您快速而愉快地编写服务端应用程序。
  • express.js
    • 基于 Node.js 平台,快速、开放、极简的 Web 开发框架。Express主要基于Connect中间件框架,功能丰富,随取随用。

客户端

  • react-native
    • React Native使你只使用JavaScript也能编写原生移动应用。 它在设计原理上和React一致,通过声明式的组件机制来搭建丰富多彩的用户界面。
  • flutter
    • Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。
  • ionic
    • ionic 是一个强大的 HTML5 应用程序开发框架。它主要关注外观和体验,以及和你的应用程序的UI交互,特别适合用于基于Hybrid模式的HTML5移动应用程序开发。

视频

  • hls.js
    • HLS (HTTP Live Streaming)是Apple的动态码率自适应技术。主要用于PC和Apple终端的音视频服务。包括一个m3u(8)的索引文件,TS媒体分片文件和key加密串文件。
  • flv.js
    • Flv.js是 HTML5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发,没有用到 Flash。它是一个实现了在 HTML5 视频中播放 FLV 格式视频的 JavaScript 库。它的工作原理是将 FLV 文件流转码复用成 ISO BMFF(MP4 碎片)片段,然后通过 Media Source Extensions 将 MP4 片段喂进浏览器。
  • xgplayer.js
    • 它是西瓜播放器是一个HTML5播放器类库,它本着一切都是组件化的原则设计了独立可拆卸的 UI 组件。

游戏

  • Babylon.js
    • babylon.js是一个完整的JavaScript框架,用于构建HTML5,WebGL,WebVR和Web Audio的3D游戏和体验. 除了游戏用来在页面实现一些3D场景也是没问题的.
  • Voxel.js
    • voxel.js 是一个类似于Minecraft 的 HTML5 游戏构建工具。可以在上面编程让游戏变得很好玩.

动画

  • three.js
    • three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。
  • anime.js
    • anime.js是一个灵活的轻型JavaScript动画库。anime.js遵从MIT开源协议,可应用于各种商业网站或app而无需付费。压缩后仅6K大小,且不依赖任何第三方库,加载迅速。

可视化

前端可视化其实主要基于两种方式去实现,一种是html5新出的canvas,另一种是svg。

  • canvas更像自己用手画上去的,它是一种位图,在网页中具有保存的功能,另外缺点就是放大会失真,但是毫无疑问性能比svg要好。
  • 而svg更像html标签一样,另外我们用纯div+css也可以做到可视化,不过性能就更差了,svg是基于xml的一个个标签,而这些标签可以添加dom事件,同样svg是一种矢量图,放大不会失真。

电视

  • midWay
    • Midway (中途岛)品牌是淘宝技术部(前淘宝UED)前端部门研发的一款基于 Node.js的全栈开发解决方案。它将搭配团队的其他产品,pandora 和 sandbox,将 Node.js的开发体验朝着全新的场景发展,让用户在开发过程中享受到前所未有的愉悦感
  • tvOS
    • tvOS,苹果研发系统,基于 iOS。tvOS 是专门为第四代 Apple TV设计的操作系统。

硬件

  • IoT
    • IoT.js 旨在为物联网提供一个基于 Web 技术的可相互操作的服务平台。IoT.js 的目标是要在资源受限的设备上良好运行,例如只有几 KB 的 RAM。所以它支持广泛的物联。
  • Ruff
    • Ruff是一个JavaScript运行时环境,专为硬件开发而设计。它对硬件进行了抽象,使用了基于事件驱动、异步I/O的模型,使硬件开发变得轻量而且高效。
  • Tessel
    • Tessel直接在设备上运行JavaScript,连服务器都不需要。用你自己的IDE和库去开发它,就像做网络开发一样。上传新的固件只需一句tessel 推送指令,非常简单。Tessel支持npm的库,因此能够利用日益增长的Node.js的社区及其功能。也就是说,能够直接使用HTTP,Twitter,web服务器,颜色以及对异步支持等特性。
  • JerryScript
    • JerryScript是一个适用于嵌入式设备的小型JavaScript引擎。 使用C99编写,以实现最大的可移植性。快照支持将JavaScript源代码预编译为字节码。成熟的C API,易于嵌入到应用程序中。
  • Johnny-Five
    • Johnnt-Five 是一个支持 JavaScript 语言编程的机器人和 IOT 开发平台,基于 Firmata 协议,一个机器人技术和物联网的编程框架。
发布了61 篇原创文章 · 获赞 25 · 访问量 7209

猜你喜欢

转载自blog.csdn.net/qq_42582489/article/details/104099304