javascript进展,深入javascript

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

node.js v0.10.40 和node.js v4.2.2的区别

jquery是一个运行在客户端的javascript库，主要提供操作DOM等等的简化操作；

node.js是运行在服务器端的一个服务器程序，运行javascript语言，是一个服务器软件，解释执行js语言。可以用js语言操作服务器层面的事务，比如创建http链接，信息的I/O。这些是和jquery一样用的js语言进行操作执行的。

就是说node.js是一个利用js语言的服务器程序，可以运行jquery，但是其中的一些事件是用不到的；

jquery是一个js库，主要是处理客户端事务。

相关问答

Q1: javascript中的async是什么意思?????? 例如 xmlDom.load();

原文：

今天的 JavaScript 已经无处不在了，以传统的方式使用 JavaScript，开发者可以在各种 Web 浏览器中创建 Web 应用；通过 Node.js，可以开发命令行工具与服务器等应用；而在桌面领域，通过基于 JavaScript 与 HTML、CSS 等 Web 技术的 Electron 框架可以构建跨平台桌面应用；React Native 则可以用来开发跨平台移动应用；此外，JavaScript 甚至可以在 IoT 设备上运行。

Ecma TC39 管理着 ECMAScript 生态的发展，它是当前 JavaScript 语言背后的标准，谷歌 V8 团队一直积极参与 JavaScript 相关标准化工作。

V8 是谷歌开源的 JavaScript 引擎（同时也是 WebAssembly 引擎），前面提到的 Chrom、Node.js 与 Electron 等平台都基于 V8。同时除了 Chrome，基于 Chromium 的一系列 Web 浏览器，如 Opera 与即将正式发布的 Microsoft Edge 在底层也基于 V8。

在前几天的 Google I/O 2019 上，V8 团队的 Mathias Bynens 与 Sathya Gunasekaran 分享了 JavaScript 的最新研发进展。

V8 团队表示，他们的使命是要领导现代 JavaScript 与 WebAssembly 高性能，值得关注的是，分享者用了“real-world”描述性能，并介绍所谓“real-world performance”是与那些单纯为了 benchmark 数据的性能相对的，谷歌强调想要达到的是实际上在现实生活中能够做到高性能的效果，而不是那么“出世”。

他们举了几个例子。自 Chrome 61 以来，V8 团队将原始 JavaScript 解析速度提高了一倍，这些数据是在真实网站上测试得到的。同时他们已经成功从主线程中移除了 40％的解析和编译工作，网页启动变得更加顺滑。

除了 Chrome，速度提升在 Node.js 中也有很明显的体现，Node.js 12 相比 Node.js 7，async 速度提升了 10 倍，Promise.all 速度提升了 12 倍。

解析速度与运行时性能提高之外，内存占用也减少了，Chrome 70 到 Chrome 76，Android 上运行实际 Web 应用的内存消耗减少了 20%。

接下来演讲者分享了 JavaScript 的一些新特性，涵盖内容很多，下边简单介绍几个比较有意思的特性：

使用方言口语化显示时间短语 API

这是众多新 Intl.* API 中的一种，也是观众讨论比较多的一个特性，Intl.* 是指国际化特性。

我们日常生活中提到时间的时候会说“上周”、“上个月”与“42 秒前”等口语，使用新的 Intl.RelativeTimeFormat() 函数，程序可以使用特定语言返回这些短语，而不是方方正正的“one week ago”、“one month ago”和“42 seconds ago”。

演讲者使用英语与泰米尔语演示了该功能，效果如下：

目前该功能支持秒、分钟、小时、天、周、月与季的短语表示，并且支持多种语言（不清楚有没有中文支持），开发者不再需要维护一个专门的相对时间短语列表。

globalThis

想要编写适用于不同平台的 JavaScript，不管是 Node.js 还是 Web 浏览器，都需要有相应的代码来适配全局“this”，比如 Web 浏览器，需要使用“window”来判断，但在“window”不可用的情况下，还需要用“self”检查，在 Node 中可以用“global”判断，但如果是独立的 JavaScript shell 环境，那情况又有变化。

环境因素很复杂，各种平台环境需要进行繁杂的适配过程，这对于开发者来说会很痛苦，所以 V8 团队新增了一个“globalThis”特性，它可以在不依赖环境的情况下，轻松访问全局“this”。

目前 Chrome、FireFox、Safari 与 Node.js 都已经支持该特性，同时对于 polyfill 与其它需要全局访问“this”的库也适用，从这一点来说该特性是一个比较大的改进。

WeakRef

通常 JavaScript 中对象引用意味着只要对对象进行了引用，那么它就不会被 GC，而弱引用中，如果其它对象都不再引用该对象，那么 GC 机制会自动回收该对象所占用的内存，不考虑该对象是否还在该引用的结构中。

目前 JavaScript 中有 WeakMap 与 WeakSet 两个弱引用方法，只要将对象添加到 WeakMap 或 WeakSet 中，GC 在触发条件时就可以将其占用内存回收。

WeakRef 是一种更加高级的 API，它提供了一个进入对象生命周期的窗口，可以解决 WeakMap 仅支持 object 类型作为 Key 的场景。

演讲者以缓存图像为例，map 会锁住图像的 Key 与 Value，这样图像名和图像数据就不会被 GC，因为它一直被引用着。另一方面，弱引用 WeakMap 在这里并不会起作用，因为图像名是一个字符串类型，而 WeakMap 规定其 Key 只能为 object 类型。

WeakRef 通过直接缓存图像对象的方法来解决这个问题，图像名作为 Key，WeakRef 弱引用作为 Value 存储在缓存中。但这会带来另一个问题：因为图像名是 Key，那 map 仍然会一直保留着这些图像名字符串。理想的情况是这些字符串也要被 GC。

WeakRef 的解决方案是引入一个新的 API “FinalizationGroup()”，注册一个回调函数，在 GC 触发时从缓存中删除前边提到的“残留的图像名字符串”。

除了这几点，新的 JavaScript 语言特性还包括：

class fileds 可以直接在 class 中初始化变量而不用写在构造函数中

私有 setter 与 getter

String.matchAll 可以进行正则多次匹配

提高数字可读性，numeric seperators 可以在写数字的时候使用“_”作为分隔符

新的大数字类型 BigInt

新增一些 Intl.* API，也就是用于国际化的 API，比如 Intl.NumberFormat 本地化格式化数字显示，Intl.RelativeTimeFormat() 与 Intl.DateTimeFormat() 本地化显示时间

顶级 await，无需写 async

新的 Promise 函数 Promise.allSettled() 与 Promise.any()

具体内容可以查看演讲视频：

推荐阅读：什么是分布式系统吗？Redis分布式锁会吗？

有学习路线图相赠，以及各种Java资源教程领取：

Q2: html5开发有没有啥好用的js框架

1，jQTouchjQTouch易用性强，相关文档也很全面。它的特色是在使用HTML,CSS和JavaScript创建iPhoneApp方面拥有出色的能力。jQTouch使用渐进增强的方案，在您相应的HTML顶层来实现像iPhone那样的用户体验。它简单易用，提供了一个基础的小工具集以及动画方案，开发人员只需要编程控制其动态行为即可。不过有简单测试中发现app的性能存在一定的问题，页面在转换时可能出现跳转或者缺失的情况，以及在响应tap事件的时候还有周期性延迟。该项目在技术上还活跃着，不过原作者的进展和部署都显得太慢了。只需要遵守MIT的license许可就可以使用jQTouch了2，jQueryMobilejQueryMobile是这个领域的新丁，2010年8月才正式宣布成立，但是已经迅速进展到功能丰富的Alpha2测试版本了。jQueryMobile跟jQTouch相比很相似，但是更加标准，更有适应性，感觉很像jQTouch的后继版本，对用户接口和style的支持范围更加宽广了。jQueryMobile的性能是不稳定的，（虽然比jQTouch好一些）特别是在响应TAP事件的动画延迟补偿的时候。此外，还缺少一些关键的程序hook，所以不能轻松地让app更加具有动态性能。例如：当一个页面启动的时候事件触发了，这时候却无法通知响应的代码页面将转向哪个用户接口，也不能传递附加的信息给处理模块。针对上述问题，创建工作区来解决还是可行的，但是在这里作者希望其将来的版本能从jQTouch那里学习一下，并把现在的功能缺陷处理掉。jQueryMobile的相关文档资料很零散但是有所改进，,（请注意，jQueryMobile是和jQueryUI相辅相成的，并不是建在单纯jQuery之上的）想获得jQueryMobile只需获得MIT或者GPL2license。3，SenchaTouch这是个与ExtJS框架完全不同的产物，其方案与jQTouch/jQuery完全不同：Sencha生成自己的DOM（基于用JavaScript创建的对象）代替了先前存在的HTML增强方式。如此，使用Sencha工作的感觉不像是web编程，而更像是使用Java或者Flex等技术来做app的样子。比起jQuery来，Sencha的感觉更像是YUI。

Q3: Chrome JavaScript 引擎 V8 背后的牛人 Lars Bak 有什么故事

2000或2001年以前在美国，是Sun的HotSpot JDK的主力开发之一

回到丹麦，2002年创立OOVM。因为他对Smalltalk的热爱，OOVM被写成一个以Smalltalk为开发语言的迷你虚拟机，主打各种资源有限嵌入式设备，代码调试、热部署、热替换都很方便。没记错的话当时宣传是最低128K RAM就可以运行。

OOVM在2004年被当时J2ME VM的主要开发商Esmertec收购，后来改名为OSVM，以突出其能够在bare metal上运行的特性。

Lars Bak的家是个丹麦的农场，有时候高层开会就跑去他家里开...

2006年因为经济不景气，同时OSVM始终没能在市场上取得大的进展（一方面原因是Smalltalk还是太小众了），Esmertec关掉了位于丹麦的OSVM分支。

Lars Bak随后加入Google。这里Wikipedia上的记载有误，他是在06年而不是04年加入Google从事V8开发的。

Q4: Java和JS学习哪个更好呢？

JavaScript 是一种轻量级的编程语言,是可插入 HTML 页面的编程代码,插入 HTML 页面后，可由所有的现代浏览器执行.

Java是Java面向对象程序设计语言和Java平台的总称。

数据类型不同

Java数据类型有：int、double、char、Boolean等。