javascript下载官网;download javascript 收藏 0

Node.js 新官网来了，UI 和 UX 全面升级，欢迎体验和反馈！

最新消息，Node.js 新官网已发布 Beta 预览版本，正在招募测试志愿者。如果你对新的 Node.js 网站感兴趣，欢迎参与体验，并在对应 Github 仓库提供反馈和建议。

小懒也是第一时间体验了各个页面，在感受新网站带来的 UI 和 UX 设计提升的同时，也发现了一些问题。

新版首页，相比老版本，从视觉效果、页面布局、展现内容都有了很大的提升，整体上看着更大气。Node.js 的介绍相比老版本也变得更突出、描述更全面。

最大的不同是增加了搜索框，提供全站检索（包含文档、博客、下载等），这样使用户检索信息变的更为快捷！

但体验的同时，也发现几个体验问题：

1. 首页的 Node.js LTS 下载按钮的“向右箭头”看着有些奇怪，这里的下载并不是跳转，而是直接下载文件，改成“向下箭头”可能更有语义。
2. 右侧的代码 Tab，在切换时会造成页面闪动，体验不是太好。
3. 搜索框在视口中没有垂直居中，对于前端同学来说，不能理解。

Learn 页由老版本的两列布局变成了三列布局，同时对左侧导航菜单进行了 UX 改造，树型目录形式的呈现，第三列给出了阅读时长、反馈入库及文档目录，用户体验变得更好。

发现问题：

1. 当滚动左侧导航目录时，点击某一菜单后，导航目录会滚回到顶部，这里的体验不是很好。
2. 文档顶部有面包屑导航，可能体验会更好一些。

About 页面布局和 Learn 页面类似，在介绍页顶部新增了 Node.js 吉祥物 “火箭龟” 的图片。

Download 页面的变化主要是将原有的列表 List，改成了 Select 形式，相比老版本，在历史版本、系统选择、版本选择等方便变得更为快捷。尤其是用户想下载历史版本的场景。

Blog 页面的布局方式变化比较大，UX 体验更好了！内容包括最新的 Node.js 新闻，案例研究，教程和资源，同时增加了 Everything、Announcements、Releases、Vulnerabilities、Events 等 Tab 筛选，查找内容更便捷了。

发现问题：

1. 点击 Events 时，出现了 404 的情况 “Page could not be found”。
2. 切换到移动端访问，下拉选择框的面板定位位置也有问题。

Docs 和 Certification 页面没有什么变化，还是跳到现有的 API 文档页面和对应站点。

体验地址：https://beta-node-js-org.vercel.app/en

反馈地址：https://github.com/nodejs/nodejs.org/issues

Fuse.js – 免费开源、小巧无依赖的模糊搜索 JavaScript 工具库

一个优秀的搜索工具库，简单几行代码就可以实现模糊搜索，体积小巧无依赖。

封面图：底图来自免费商用图库 Unsplash

Fuse.js 是一个功能强大、轻量级的模糊搜索库，通过提供简单的 api 调用，达到强大的模糊搜索效果，无需搞懂复杂的模糊搜索算法。

fuse.js 官网

对于大多数前端开发者来说，搜索领域的知识储备往往是一片空白。一般来说，模糊搜索是查找和输入关键词相近的字符串的搜索结果的技术，准确地说应该称为近似字符串匹配。

• 简单代码，实现模糊搜索、处理搜索，甚至不需要后端开发技术
• 数据量大的情况下表现优秀，性能很好
• 无 DOM 依赖，既可以在前端使用，也支持在 node.js 后端使用
• 强大的搜索支持：不仅支持搜索字符串数组、对象数组，支持嵌套搜索、加权搜索等

对于开发者来说，精确搜索的结果更精准，实现起来也很简单，只需要做字符串匹配即可，但这样的用户体验并不好，因为对于用户来说，键入的关键词往往是不精准的，很多时候因为输入不够规范、不够准确而导致没有搜索结果。

而模糊搜索通过匹配相似的结果，即使输入的关键词有错漏，也能“猜测”到用户想要的结果，大大提高搜索体验。Fuse.js 就是一个 JavaScript 语言下实现模糊搜索的工具库。

Fuse.js 支持多种方式安装使用，可以直接在 Vue 项目中使用：

如果是在浏览器页面中使用，直接引入<script>标签即可：

1. 基础版：仅包含标准模糊搜索的版本，轻量小巧
2. 完整版：包含标准模糊搜索、扩展搜索和逻辑查询操作，占用空间较大

一般的标题、内容搜索，使用基础版本就能满足需求。一个基础的模糊搜索代码如下：

作为一个前端开发者，没有太多后端开发的经验，很快就能上手配置成功，让项目中快速支持了模糊搜索，亲测对中文字符串搜索的支持也很好。Fuse.js 官网提供了大量的代码例子和 demo 来演示效果，不过是英文的，借助翻译工具，阅读起来没有太大阻碍。

Fuse.js 代码示例

除了基本的搜索支持，Fuse.js 支持更高级的嵌套搜索、加权搜索和扩展搜索，对搜索算法有更高要求的开发者可以去阅读文档研究。

Fuse.js 是一个完全免费的 javascript 工具库，源码基于 Apache-2.0 开源协议托管在 Github 上，任何个人和公司都可以免费下载使用，包括用在商业项目上。

关注我，持续分享高质量的免费开源、免费商用的资源。

↓↓点击查看本次分享的网址。

babylon.js是什么？强大的web3d引擎

官方解释说：它是一款强大的、美丽的、简单的、开放的、基于web的一个最好的3d引擎。

我对比了几个web3d引擎，我觉的，这个babylon官方支持的算是比较完善。相对three.js，它的文档更全，有开发工具可以使用。three.js当然也很强大，但是它的开发工具，我还没发现哪里有。我们接下来分享一下babylon.js的入门系列资料，主要来源于官方文档的翻译，以及笔者学习心得，补充的一些东西。

内容概要

• 桌面程序及下载地址
• 项目演示视频
• 可用功能
• 用编辑器开始你的web3d之旅

babylon.js编辑器第三个版本已经发布，相对版本二，多了很多功能，象多场景管理，新的工具，及改进的工具等。

编辑器是基于web的，http://editor.babylonjs.com/

教程视频参见我的头条号。

这个编辑器是一个communinity project,意为共享项目，由Julien Moreau维护。

babylon.js编辑器，有桌面程序的版本。

注意：强烈见意你使用桌面程序，这样编辑器可以很好的访问你本地文件系统，方便项目保存。

当有新版本时，你会收到软件的更新通知，当然你也可以使用离线方式工作，直接把项目保存在硬盘上，基本上，web版只能做为运行平台或是场景浏览器使用。

总之官方见意你就用桌面程序进行开发，好处多多。

下载地址:

• Windows: http://editor.babylonjs.com/BabylonJS Editor.exe
• Mac OS X: http://editor.babylonjs.com/BabylonJS Editor.dmg
• Linux: http://editor.babylonjs.com/BabylonJS Editor.zip

请去我的头条号查看，相关视频已经发布。

1. 创建、编辑和保存粒子系统
2. 创建、编辑和保存粒子系统集
3. 创建和编辑动画
4. 创建和编辑镜头光斑系统
5. 在网格上创建和编辑物理状态
6. 创建和编辑材质（包括材质库）
7. 添加和编辑声音
8. 添加和编辑纹理（包括渲染目标纹理和程序纹理）
9. 使用Electron在OneDrive/local上保存项目
10. 使用Electron在OneDrive/local上部署项目模板
11. 场景图视图
12. 创建和编辑自定义后处理
13. 将自定义脚本（JavaScript和TypeScript）附加到对象
14. 使用调试支持测试场景

运行编辑器后，您将看到几个面板：

预览：现场场景预览

资产：这将包含将来的资产，如自定义脚本等，您可以修改和拖放

图形：显示节点配置的当前场景的图形

检查器：包含场景中当前选定对象可用的所有工具。检查器用于修改选定对象的特性

统计信息：根据当前场景预览显示渲染和场景统计信息

文件：显示当前项目中已加载的所有文件。就像信息一样。

要使用这些工具并开始一个新项目，强烈建议您阅读(https://doc.babylonjs.com/resources/)

喜欢学web3的，就关注我吧，后续会持续更新BabylonJS教程

babylon.js编辑器界面

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com