除了Web和Node，JavaScript还能做什么

前言

提起JavaScript，我们也许经常会想到的是，可以用来写Web页面嘛，又或者，会想起Node.js 这个服务端环境，搞前后端同构。

那么，除此之外， JavaScript还可以做什么？

JavaScript可以

  • 通过electron.js建设跨平台电脑桌面应用
  • 通过树莓派和Node.js，沟通硬件
  • 做电视机机顶盒应用，例如借助ntv.js
  • 从Hybird到React-Native，编写跨平台的混合APP，或者原生APP
  • 通过Cocos2d-x 框架或白鹭引擎，JS可以开发流行游戏
  • JS进行三维处理: WebGL和three.js
  • 做浏览器插件开发，例如Chrome插件
  • 做IDE插件开发，例如VScode编辑器的插件
  • 用JS写一个操作系统？：NodeOS
  • 微软开发的Node.js 多线程库 Napa.js，让JS也能拥抱多线程

（本文仅仅只是简单介绍，不会介绍具体用法）

S1.通过electron.js建设跨平台电脑桌面应用

官网链接 https://electronjs.org/

如果你可以建一个网站，你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架，它负责比较难搞的部分，你只需把精力放在你的应用的核心上即可。

  1. electron的实现基于Chromium 和 Node.js，并可以调用
  2. 编码完毕后，可以一键生成Mac,windows,Linux三个不同平台的应用程序
  3. electron可以直接调用Node.js的API，以及沟通桌面应用程序的内置模块

S2.可以通过JS调用树莓派接口，控制硬件

这里首先要介绍下树莓派， 树莓派（Raspberry Pi ）是一种只有信用卡大小的微型计算机，别看它小，但它“麻雀虽小，五脏俱全”，计算机有的许多基本功能，树莓派也都有

学习硬件的同学可能对树莓派有一些了解。

树莓派上有大量的GIPO接口，即输入输出接口，通过GIPO口，用户可以和硬件进行数据交互，或控制硬件。

树莓派允许许多编程语言对GIPO接口进行控制，而JavaScript也是其中之一，也就是说，我们可以通过Node.js环境和树莓派，从而控制硬件。

这样的话，也许就能做一个好玩的智能小车玩一玩

参考资料

S3.做电视机机顶盒应用，例如借助ntv.js

（注意：我搜索到的这方面的资料其实非常有限，可能有错误和纰漏，还请指正! ）

当你打开电视机机顶盒的时候，你看到的可能还是熟悉的HTML和JS，而它们被运行在一个看起来很不一样的“浏览器”上，当然，为了兼容电视机的接口，开发上可能存在很多细节上的不同，也正因如此，有积极热心的人开发了一个框架，叫ntv.js, 用来兼容不同牌子数字电视的中间件接口。

本人其实对电视机这一块不是很了解，但是通过阅读文档和相关资料，大概总结出以下内容

我们平时观看的电视软件，有 东方有线网，电信IPTV网等 不同电视软件公司， 这些电视软件呢，又有不同的二级厂商提供给它们“中间件浏览器” （终于看到一个我看得懂的词了！ 哭）

  1. 电信下提供中间件浏览器的厂商主要是 iPanel、天柏，中间件规范为“IPTV2.0/3.0规范”
  2. 东方有线 下提供中间件的厂商主要是 iPanel、SHDV、联彤

Ntv.js根据这些中间间浏览器提供的规范，实现了兼容统一的JavaScript接口，大概是这么个意思

S4.通过Hybird开发混合APP，到后来通过React-Native编写原生APP

（这件事情其实不用讲也可以，因为大家肯定都比较了解了，但还是陈述以下）

Hybird是一种混合开发应用，基于webview实现，通过ios/android下不同的接口，可以实现JavaScript和Java/Object-C代码的互通。单纯使用ios/android原生实现，开发进度和成本受不了，而单纯使用h5/js开发，页面体验更加受不了。Hybird的目的是实现H5和Naive两者之间的权衡。

Hybird开发中能看到许多H5的影子，影响其体验，所以到后来，就出现了React-Native。

React-Native所编写开发的并不是Hybird那样的混合应用，它编写的是真正的原生应用。通过JavaScript和React框架的语法进行开发。

“从使用感受上和用Objective-C或Java编写的应用相比几乎是无法区分的。 React Native所使用的基础UI组件和原生应用完全一致。” —— React-Native官网。

所以相比起Hybird, React-Native在降低开发成本的同时，尽量优化了用户的体验。

当然了，RN也有许多缺点，这些就有劳诸位自己去查了，这里不作赘述

其他资料

S5.JS语通过Cocos2d-x 框架或白鹭引擎，可以开发流行游戏

Cocos2d-js

  1. Cocos2d-x是一套开源跨平台的游戏开发框架，适配ios/android/html5/Mac/windows多端，但功能侧重于原生移动平台
  2. 提供了图形渲染、网络、用户、音频、GUI 等功能。
  3. 核心采用C++编写，支持JavaScript等语言进行开发

白鹭引擎（Egret）

  1. 白鹭为开发者提供移动端游戏开发一站式解决方案，并建立包含核心渲染引擎2D/3D、游戏开发工具、创意动画工具、资源工具、原生打包方案等全球首个HTML5完整工作流
  2. Egret中包含多个工具以及项目。而Egret Engine是一个基于TypeScript语言开发的HTML5游戏引擎

S6.JS可以进行三维处理: WebGL和three.js

WebGL (Web图形库) 是一种JavaScript API，也属于HTML5的范畴。它可以用于在任何兼容的Web浏览器中呈现交互式3D和2D图形，而无需使用插件。WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API，可以在HTML5 <canvas> 元素中使用。

而Three.js是基于WebGL封装的一个框架，能写出在浏览器上流畅运行的3D程序

图片来源： 使用webgl(three.js)搭建一个3D智慧园区

S7.做浏览器插件开发，例如Chrome插件

有的时候，为了辅助开发，你可能会下载Chrome插件，Chrome插件下载完后呢，往往会在Chrome的右上角上有个自己的小图标，点击后会弹出菜单，然后通过对菜单进行操作就可以使用相关功能，就像上面那个默认的小图标的操作一样=

其实Chrome插件里的菜单的UI和交互也还是HTML和JS实现的，我们完全可以按照规范，定制自己的自定义Chrome插件，具体的做法参考以下

参考资料

S8.做IDE插件开发,例如VScode

我们在使用VScode的时候，我们发现，许多好用的插件大大加速了我们的开发过程，那我们能不能自己写一个自己的插件呢？ 这当然也是可以的，道理和第5点是类似的，这里不多阐述，参考

参考资料

S9.NodeOS: 属于JS的操作系统

(当然了，JS写操作系统，相对其他语言来说肯定是被动的，但是我觉得吧，阅读其源码有利于前端工程师去了解操作系统的组成和构造，就是一个学习的窗口吧)

NodeOS是一个由Node.js设计的操作系统，发布于2015年。NodeOS的主要特点是：

  • 以Linux为内核
  • 以Node作为主要的运行时环境
  • 以npm作为包管理器
  • 用户自主的独立文件系统

参考资料

Github地址

S10.微软开发的Node.js 多线程库 Napa.js，让JS也能拥抱多线程

我们都知道，理论上node.js是单线程的，适合处理IO密集型的任务，但也许不适合处理计算密集型的任务。而微软提供了一个node的多线程的实现：Napa.js，让JS也能够涉略计算密集型的任务。

Napa.js的作用

  • 支持多线程，拥抱计算密集型的任务
  • 支持JavaScript线程上的对象传输，对象共享功能
  • 提供了内存分配的API

参考资料

总结

这篇文章，说了些东西，也什么都没说。 但我认为，相对于知道具体怎么做一件事情，知道能做哪些事情，也许也同样重要。

最后，欢迎大家多多补充

原文地址：https://www.cnblogs.com/penghuwan/p/11633475.html

时间： 2024-11-09 00:40:24

除了Web和Node，JavaScript还能做什么的相关文章

[HTML] 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能

在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能. 如果需要在移动浏览器中实现拨打电话,发送email,美国服务器,调用sns等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法. 采用url链接的方式,实现在Safari ios,香港服务器,Android 浏览器,webos 浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能. 1.最常用WEB页面J

web前端之JavaScript高级程序设计六：事件

web前端之JavaScript高级程序设计六:事件 JavaScript 与 HTML 之间的交互是通过事件实现的.事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间.可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码.这种在传统软件工程中被称为观察员模式的模型,支持页面的行为(JavaScript 代码)与页面的外观(HTML 和 CSS 代码)之间的松散耦合. 事件流: 事件流描述的是从页面中接收事件的顺序.但有意思的是, IE 和 Netscape 开发团队居然提出了

Web开发技术 &mdash;&mdash;JavaScript语法2(变量、数据类型、对象)

JavaScript 变量 变量是存储信息的容器. 实例 var x=2; var y=3; var z=x+y; 就像代数那样 x=2 y=3 z=x+y 在代数中,我们使用字母(比如 x)来保存值(比如 2). 通过上面的表达式 z=x+y,我们能够计算出 z 的值为 5. 在 JavaScript 中,这些字母被称为变量. 提示:您可以把变量看做存储数据的容器. JavaScript 变量 与代数一样,JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y). 变

还在做代理？不如自己搭建微信平台

我国电子商务面临的问题,淘宝退出百度无疑是一个遗憾.当在网上购物时,用户面临的一个很大的问题就是如何在众多的网站找到自己想要的物品,并以最低的价格买到.自从淘宝退出百度,建立自己的搜索引擎后,广大消费者再也不能再百度里面直接搜索有关淘宝的商品了,这无疑是一个遗憾. 现在又出现了微商城,还没有被太多人所熟知,但是微信营销已经以非常快的速度在吞噬这整个市场,微商城.商家入驻,微门店,微餐饮,微酒店,微教育,微物业,微医疗,微信墙,微花店,微美容,微生活等很多功能,微酷WeiKuCMS网站是多功能微信

web前端之JavaScript正则表达式

web前端之JavaScript正则表达式 后面有代码: \d 表示数字 \d? ?表示0个或者一个 \d+ +表示一个或者多个 \d{3} 表示三个 \d{3,5} 表示三到五个 \d{3,} 表示至少出现3次 \d* *表示0到任意个 \b 表示单词边界 \B 表示非单词边界 \bis\b 表示查找" is "的 . 表示任意字符 \ 表示转译 http:(\/\/.+\.jpg) 用()进行分组 $1 获取其内部东西 []表示或 ^表示开头 $表示结尾 g表示全局 \d{4}[/

40岁以后的程序员还能做什么?

如果不到30岁,看到40岁标题这几个字就跳过去,那么你的人生很有可能失去提早准备的机会.要回答『程序员40岁以后还可以做点什么』的这个问题,首先要看一看那些已经超过40岁的程序员现在都在干什么,然后相互比较,从中得到启发,思考如何选择一条最适合自己模仿的路. 衡量一个人成功的标准有很多,有些人把财富或权力视为成功,还有些人则把内心的安宁和身体健康视为成功,甚至不同国家地区.文化背景下也有其特色.当然,还有一个我们容易忽略的重点,就是这些前辈在他们二十多岁选择的技术和方向,过了二十年后,究竟哪些投

VPS用来配置上网外，还可以做一个同步盘

我曾经在一个活动的博文里说过,男人必须要有一个VPS和一个树莓派,VPS这个东西,以后会是中国男人的一种必备技能,今天又有一个小伙伴请教我VPS的用法,我就简单说说我目前使用的情况.首先我希望你能有点Linux基础. 一.搬瓦工的VPS非常实惠,推出过年付4刀的低配主机,内存只有64M,可惜如今已经售磬,我使用的是有家主机年付100元的小主机,内存128M,也算是低配了,通常的概念是,如此低的内存,用来跑WordPress肯定很吃力,所以大家只是用来做个上网服务器.关于这个用法,请参考秋水逸冰的

除了性，机器人还能做什么

1."我们在人类历史上第一次给了机器人感情和心."日本软银公司CEO孙正义早些时候正式对外介绍了最新研制的机器人"佩珀".除了基本款的唱歌.跳舞和人类聊天之外,它还能读懂人类感情--能对人的语调.词频和表情等表达方式进行分析,借以推测你当时的情感.据称,成功率高达七成到八成.软银打算以后让它成为一名合格的保姆.护士,甚至是跟老人作伴--但这也太大材小用了吧! <<<-------------  <_< 向左看 ("佩珀与孙正义

Web开发技术&mdash;&mdash;JavaScript语法3（函数、运算符、比较和逻辑运算符）

JavaScript 函数 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. 实例 <!DOCTYPE html> <html> <head> <script>function myFunction() { alert("Hello World!"); }</script> </head> <body> <button onclick="myFunction()"&