javscript全栈:javascript可以用在各个领域(序)

作者:

方晓(陆金所前端工程师)

适应读者

  • 前端工程师
  • 前端架构师
  • javascript爱好者
  • 测试工程师
  • 吃瓜群众

什么叫javascript全栈?

大多数人觉得js是不是处理下dom元素,写写页面,其实javascript发展到今天已经可以使用于各个领域,javasript全栈是通过javascript技术来实现各种领域的一种形态,javascript统治全世界指日可待。

我们看看javascript的排名:

javascript可以做什么?

1. 浏览器客户端

大部分公司的前端都在使用javascript来完成浏览器客户端的开发,大多数会用到jquery,reactjs,AngularJS, Vue.js, bootstrap等等。

2. 服务端

有些有大前端团队的公司开始使用nodejs做web服务端开发。

3. app

hybrid-app:cordova(以前叫phonegap), hbuilder

natvie-app:react,weex。

4. 微信小程序

这里就不用赘述了,微信自己研发的一套,比较像react。

5. 桌面应用

用来开发pc的桌面应用,小部分公司在提供这种应用,一般使用Electron,NW.js, heX(国产,有道)

6. 浏览器插件开发

chrome-plugin,firefox等等,一般用来开发一些小工具来提高效率。chrome有一个store里面可以下载这类插件。

7. 游戏开发

WebGL:浏览器游戏

2d游戏: cocos2d 支持js

3d游戏:Unity3d 支持js

8. VR

渐渐流行的VR,也可以通过js来开发和渲染,现在各个浏览器厂商在推进WebVR提供支持。

9. AR

大家可能对这个比较陌生,

增强现实技术(Augmented Reality,简称 AR),是一种实时地计算摄影机影像的位置及角度并加上相应图像、视频、3D模型的技术,这种技术的目标是在屏幕上把虚拟世界套在现实世界并进行互动。这种技术1990年提出。随着随身电子产品CPU运算能力的提升,预期增强现实的用途将会越来越广。可以参考《Leap Motion JavaScript开发 手势控制基础篇》

10. 硬件

可以看https://tessel.io/

11. 操作系统

firefox Os虽然在移动操作系统失败了,但物联网还是有很多可以作为的,我们可以用javascript开发操作系统的界面了。

写到这儿大家有没有觉得javascript统治全世界了呢,javascript在任何场景都会有它的用武之地。

javascript全栈指南推出计划

微信公众号:大前端工程师, 会将全栈指南的各种技术做为不同的专题定期给大家推送原创干货文章与教程,帮助大家熟悉javascript在各个领域的应用。

 

时间: 2024-11-13 09:27:19

javscript全栈:javascript可以用在各个领域(序)的相关文章

全栈JavaScript之路( 二十四 )DOM2、DOM3, 不涉及XML命名空间的扩展

(一)DocumentType 类型的变化新增三个属性: publicId,systemId,internalSubset(内部子集) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" [<!ELEMENT name (#PCDATA)>] > 通过, document.doc

全栈JavaScript之路(十五)HTML5 focus 扩展 (焦点扩展)

HTML5 添加了辅助管理 focus 的功能,  文档获得焦点的途径有; 页面加载,用户输入(一般是按tab键),和 在代码中调用focus()函数. HTML5新增的辅助管理焦点的属性与方法有: document.activeElement 属性, 这个属性指向获得焦点的元素,文档加载期间 值为null, 文档加载完成,保存得是  document.body 的引用. document.hasFocus()方法, 确定文档是否获得了焦点. 查询文档获知哪个元素获得了焦点,以及确定文档是否获得

全栈JavaScript之路(十六)HTML5 HTMLDocument 类型的变化

HTML5 扩展了 HTMLDocument, 增加了新的功能. 1.document.readState = 'loading' || 'complete'  //支持readyState 属性的浏览器有IE4+.Firefox 3.6+.Safari.Chrome 和Opera 9+. 2.document.compatMode = 'CSS1Compat' || 'BackCompat' //实现这个属性的浏览器有ie6,Firefox.Safari 3.1+.Opera 和Chrome.

全栈JavaScript之路(十)学习 DocumentFragment 类型 节点

DocumentFragment 类型节点,代表一个文档片段,是一种轻量级的'文档' 对象,可以包含其它类型节点,并有能力访问.操作其中的节点,但是在文档中没有文档标记,相当于是一个页面不可见的容器.其构造函数为,function DocumentFragment() {[native code]}. DocumentFragment 类型节点的特征; nodeType:11 nodeName:#document-fragment nodeValue:null prasentNode:null

全栈JavaScript之路( 二十三 )DOM2、DOM3, 涉及XML命名空间的扩展(一)

<!DOCTYPE html> <xhtml:html xmlns:xhtml="http://www.w3.org/1999/xhtml"> <head> <title>Example XHTML page</title> </head> <body> <s:svg xmlns:s="http://www.w3.org/2000/svg" version="1.1&

全栈JavaScript之路(八)学习 CDATASection 类型 节点

CDATASection 类型节点只针对于 基于XML 的文档,表示的是CDATA 数据. 构造器函数为: CDATASection function(){[native code]} CDATASection 类型 继承自 Text 类型,因此这类型的节点,拥有Text 类型节点 除splitText(),方法之外的所有方法. CDATASection 类型有以下特点: nodeType:4 nodeName:#cdata-section parentNode: 可能是Element 或者 是

全栈JavaScript之路(十七)HTML5 新增字符集属性

HTML5 增加了几个文档字符集属性. document.charset : 表示文档的实际使用的字符集. document.defaultCharset: 表示默认的字符集,跟浏览器以及操作系统设置有关. 如果文档没有使用默认字符集,那么 document.charset 与 document.defaultCharset 可能不同. 设置文档字符集: 但可以通过<meta>元素.响应头部或直接设置charset 属性修改这个值.来看三个例子. <meta http-equiv=&qu

全栈JavaScript之路(十一)学习 Attr 类型 节点

元素的特性在DOM 中用Attr 类型的节点表示.在所有浏览器中都可以访问 Attr 类型的构造函数与原型. 从技术上讲,Attr 类型节点 就是指,元素的 Attrbutes 属性 中的节点.构造器函数为; function Attr() { [native code] } 尽管 也是称之为节点,但是:Attr 类型的节点不是文档树的一部分! Attr 类型 节点 的特性: nodeType:2 nodeName: 值为特性的名称 nodeValue: 值为特性的值 prasentNode:n

全栈JavaScript之路(十九)HTML5 插入 html标记 ( 一 )innerHTML 与outerHTML

在需要给文档插入大量的html 标记下,通过DOM操作很麻烦,你不仅要创建一系列的节点,而且还要小心地按照顺序把它们接结起来. 利用html 标签 插入技术,可以直接插入html代码字符串,简单.高效! 以下插入html标签相关的扩展已经纳入html5 规范. 1.innerHTML 属性 2.outerHTML 属性 3.insertAdjacentHTML 方法 innerHTML 属性 有两种模式,写模式与读模式. 在读模式下,返回的是html 代码字符串. 例如: <div id="

全栈JavaScript之路(十八)HTML5 自定义数据属性

HTML5 规范规定,用户可以为元素 自定义非标准属性, 但是要添加 data- 前缀. 目的是为元素提供与页面渲染无关的信息.或者语义信息.这些属性名可以随意添加,只要带上前缀 data- 开头就可以. <div id="myid" data-appid="1" data-appname="csdn"></div> 添加属性这后可以通过 dataset 访问自定义属性,dataset 属性 是DOMStringMap