搜索[js框架]结果-低调大师优秀个人博客

精选列表

搜索[js框架]，共10000篇文章

moovie.js —— 专注于电影的 HTML5 播放器

moovie.js 是专注于电影的 HTML5 播放器，容易上手和使用，支持倍速播放、快捷键操作、字幕偏移即时调整等功能。

2021-07-19

MyServerless 3.0 发布，在前端 JS/HTML 里直接写 Java 和 SQL

2.myserverless.properties文件中新增web_files选项，可以指定在哪些前端文件中允许直接书写远程Java脚本和SQL，默认是html,htm,js,jsp,php这几种。

2021-07-19

android、ios都没有的混合JS和Java实现页面控制

背景我们都知道前端开发中论开发效率，用类似小程序的开发效率要高于Android和IOS，因为小程序采用了H5的设计思想，采用Html5标签、CSS做页面布局和样式，JS控制逻辑和交互，H5的编写页面效率要远远高于

2021-06-21

D3.js 7.0 正式发布，数据可视化 JavaScript 库

D3（或者叫 D3.js）7.0 已正式发布。从该版本起，D3 以 ESM 形式提供，因此会要求使用环境安装了 Node.js 12 或更高版本。

2021-06-13

Vue.js 2021 最新报告：流行度逐渐上升、小型组织最爱

Monterail 发布了第三版 Vue.js 报告，并声称是迄今为止关于 Vue.js 最全面的报告。这份报告包含了统计数据、专家访谈、调查以及新发布的和 Vue.js 3 有关的信息。

2021-03-23

Node.js v14.15.5 (LTS) 和 v10.23.3 (LTS) 发布

Nodo.js 两个 LTS 分支发布了更新，分别是 v14.15.5 和v10.23.3。

2021-02-10

JS作用域和变量提升看这一篇就够了

作用域是JS中一个很基础但是很重要的概念，面试中也经常出现，本文会详细深入的讲解这个概念及其他相关的概念，包括声明提升，块级作用域，作用域链及作用域链延长等问题。

2021-01-19

轻松理解JS中的面向对象，顺便搞懂prototype和proto

这篇文章主要讲一下JS中面向对象以及 __proto__，ptototype和constructor，这几个概念都是相关的，所以一起讲了。

2021-01-14

Node.js 实现抢票小工具&短信通知提醒

;</td> td的样式名为a代表不可选样式名为e代表已满样式名为d代表已购样式名为b则是我们要找的，代表可选，也就是有余票到这一步，整个购票流程就清楚了到时候我们通过Node.js

2021-01-14

猎鹰与龙飞船基于 Linux，采用 C++、Chromium 与 JS 开发

最近两天科技界最重大的事件莫过于马斯克的 SpaceX 成功实现了猎鹰 9 号（Falcon 9）带着龙飞船（Crew Dragon）成功发射，并使飞船与国际空间站对接，将 NASA 两名宇航员送上了轨道前哨。背后关于 Falcon 9 与 Crew Dragon 使用的计算机和软件等信息也引起了开发者的关注。多年前就存在的相关论坛提问帖也被翻了出来。自称为 SpaceX 公司软件开发团队的网友表示 Falcon 9 火箭与 C#、MVC 都没有关系。Falcon、Dragon（此次载人的 Crew Dragon 前一代飞船）的应用主要使用LabVIEW 进行编码，用于开发任务和发射控制的 GUI，供工程师和操作员监控车辆遥测并指挥火箭、航天器和护垫支持设备。 LabVIEW（LaboratoryVirtualInstrumentationEngineeringWorkbench，实验室虚拟仪器工程平台）是一种程序开发环境，由美国国家仪器（NI）公司研制开发的，类似于 C和 BASIC 开发环境。LabVIEW 采用图形化编辑语言 G 编写程序，产生的程序是框图的形式。该网友还表示 Dragon 和 Falcon 9 使用Linux 操作系统，其他网友补充，在 GDC 2016 与 Dragon 团队交流后了解到，Falcon 采用“三重冗余”系统，简单来讲，Falcon9 具有 3 个双核 x86 处理器，每个核上都运行 Linux 实例。飞行软件采用 C/C++ 编写。对于每个计算/决定，“飞行字符串”都会比较两个核的结果，如果存在不一致，则字符串是错误的，不发送任何命令。如果两个内核都返回相同的响应，则字符串将命令发送到火箭上的各种微控制器，这些微控制器控制诸如引擎之类的东西。运行在 PowerPC 处理器上的微控制器从三个飞行字符串接收到三个命令，他们充当法官来选择正确的行动方案。如果所有三个字符串都一致，则微控制器将执行命令。而 Crew Dragon 飞行界面上使用了 Chromium 与 JavaScript 开发，实际的飞行计算机仍基于C++ 运行。

2020-06-01

你知道 JS 中的模块导入有一个缺点吗？

现在在 app.js 文件中导入函数 exequalsIgnoreCase 我们大多数会这样来引入：首先，您必须编写导入名称import {}。

2020-04-07

【开发者成长】一文详解JS垃圾回收机制

云栖号资讯：【点击查看更多行业资讯】在这里您可以找到不同行业的第一手的上云资讯，还在等什么，快来！ V8的内存限制我们先抑后扬，Node不同于其他后端语言，Node在对系统的内存使用中，只能使用到系统的部分内存，比如64位系统只能使用1.4GB，32位系统只能使用0.7GB。随之到来的问题是Node采用单线程，就导致每个线程无法对大的内存对象进行处理，比如将一个2GB的文件读入内存进行字符串分析处理，即使你有16G的物理内存。 V8的对象分配在javascript中我们的基本类型存储在栈中，所有对象都分配给了堆处理。我们每赋值一个对象，该对象的内存就会分配在堆中。如果已申请堆所剩内存不足以分配新的对象，将会继续申请新内存，直到堆的大小超过V8的内存大小限制为止。至于V8的内存限制，起源于V8本身是chrome为浏览器设计而生，而浏览器中对于网页来说，V8控制的内存绰绰有余。还源于V8设计者对于V8的垃圾回收机制的限制，官方以1.5GB的垃圾回收堆内存为例，V8执行一个小的垃圾回收要使用50毫秒以上，做一次常规非增量式垃圾回收要在1秒以上。最关键的，javascript的垃圾回收会对javascript执行线程形成阻塞，作为一个开发人员你应该能够清楚时长1秒的进程阻塞，对你的项目性能的影响，故此V8的设计者采用了对堆内存进行限制的策略。 V8的内存分代 V8的垃圾回收策略主要基于分代，那么怎么分代呢？在V8中，主要将内存分为新生代和老生代两类。新生代指的是那些存活时间较短的对象，老生代指的是存活时间较长的或者常驻内存的对象。而新生代加老生代的对象所占空间大小就是V8的堆的整体大小。补充知识点：V8提供了设置新生代和老生代最大内存值的方式，从而可以调整V8的整体内存限制，使用更多的内存空间。 V8的主要垃圾回收算法 **Scanvenge算法**Scanvenge是一种复制形式的垃圾回收算法，是应用于新生代对象中的一种垃圾回收算法，算法首先将堆内存一分为二，两部分空间一半用来分配赋值的对象，叫做From空间，另一半处于空闲的叫做To空间。为什么要有一半空间用来闲置呢？这不是让我们的可用内存更小了吗？当我们为堆分配对象时，会将分配对象放到From空间中存储，在V8的垃圾和回收过程中，会首先检查From中存活的对象（什么是存活的对象，就是指那些还被继续引用没有完全释放的对象），V8会将From中存活的对象夫妇复制到To空间中，同时清理掉已经被释放的对象空间。完成该过程From空间和To空间即完成了角色对换，也就是在下一次回收中，之前的From空间变成了To空间，之前的To空间变成了From空间。这样我们来重新定义一下：用来存放对象的一半是From空间，处于闲置状态的一半是To空间。 Scanvenge算法明显的缺点就是只能使用堆内存的一半，但是随之带来的好处就是它在时间效率上的优异的表现，属于典型的牺牲空间换取时间的算法。需要强调的是，开头提到的Scanvenge算法是应用于新生代对象中的一种垃圾回收算法，因为新生代对象中的生命周期较短的特性，也契合于该算法优先时间考虑的特性。怎样算生命周期较长的对象？当一个对象经过多次复制依然存活时，它将会被认为是生命周期较长的对象。这种生命周期较长的对象随后会被移动到老生代对象中，采用新的算法（Mark-Sweep&Mark-Compact）进行管理，这个过程称为晋升。通过上图可以了解到，对象进行垃圾回收是怎样从From到To之间转换的，那么这个晋升的过程在哪儿体现呢？在默认情况下，V8对新生代对象进行从From到To空间进行复制时，会先检查它的内存地址来判断这个对象是否已经经历过一次Scanvenge回收。如果已经经历过，那么会将该对象从From空间直接复制到老生代空间，如果没有，才会将其复制到To空间。以上，我们讲述的就是一个新生代对象如何晋升为老生代对象的第一个条件“对象是否经历过Scanvenge回收”，那么第二个条件也许你会更困惑，超出限制？多少算在限制？怎么超出？假设一个对象像刚才说的没有经历过Scanvenge回收，要将它复制到To空间之前，还要再进行一次检查。检查To空间是否已经使用了超过25%，如果To空间超过25%，该对象将直接被晋升到老生代空间进行管理。完整看一下这个流程：对象晋升后，该对象即成为老生代中的存活周期较长的对象，所以我们可以重新对老生代进行定义：老生代对象为存活周期较长或常驻内存的对象，或为新生代对象回收中溢出的对象。至于为什么设置25%的原因是，当一次Scanvenge回收完成时，To空间变为From空间，如果新的From空间使用占比过高，将对接下来的内存分配到这个新的From空间过程存在很大的影响。 Mark-Sweep&Mark-Compact算法接下来，讲一下老生代中的对象使用的回收算法，这种算法（Mark-Sweep）也是我们常说的垃圾回收中的标记清除算法。首先，老生代空间不会一分为二，老生代空间进行垃圾回收时，首先是标记阶段。V8会在标记阶段遍历老生代空间中的所有对象，并标记存活的对象（即还没有被完全释放的对象），在随后的清除阶段，会将所有未标记的老生代对象全部回收。再来张图：如果你稍微有点强迫症，你就发现这张图有点问题。Mark-Sweep在执行完清除之后，导致内存空间出现不连续的情况，就像你的磁盘分析图一样。这样会带来的一个问题就是，当你需要分配一个较大的对象时，剩余的内存因为碎片化的原因，没有任何一个内存碎片足以分配给这个大的对象内存空间，就会导致提前触发垃圾回收，而这次回收是不必要的。所以Mark-Compact算法随之而生，Mark-Compact比Mark-Sweep增加了一个整理的概念，它的回收执行顺序是标记—整理—清除。Mark-Compact所谓的整理概念是指在对象同样被标记为存活后，会将活着的对象往一端移动，移动完成后在直接清理掉死亡的对象内存。不要晕，来张图，你就可以的：两种差别显而易见，Mark-Compact算法执行后的内存空间更合理。但是因为Mark-Compact算法需要移动对象，随之导致的就是它的执行速度没有Mark-Sweep快。所以在V8中主要使用Mark-Sweep算法，只有在空间不足以对新生代中晋升过来的对象进行分配时，才会使用Mark-Compact算法进行回收。 Incremental Marking算法因为垃圾回收会阻塞javascript的运行，故此老生代对象又因为其占用空间大，存活对象多的特点，对其进行标记，整理，回收的过程引起的阻塞要远远比新生代对象回收过程一起的阻塞要严重的多，Incremental Marking算法成为了优化老生代对象耗时的算法选择。为了降低老生代空间垃圾回收带来的停顿影响，V8 采用了增量标记（incremental marking）的算法。将原本一口气停顿完成的来及回收过程拆分为许多小“步进”，每做完一“步进”就让JavaScript应用逻辑继续执行一小会儿，垃圾回收与应用逻辑交替执行直到标记阶段完成。取得的效果就是，将老生代空间垃圾回收的最大停顿时间可以减少到原本的1/6左右。有点晕，不要怕，咱有图： V8 后续还引入了延迟清理（lazy sweeping）、增量式整理（incremental compaction）、并发标记等技术，其实看名字你也能理解大概，可以自行查阅。扩展知识相信上面的东西已经让你们明白，V8的垃圾回收机制是如何运行的。但是你还需要知道我们的代码中是如何触发、影响垃圾回收的，这就不得不掏出老生常谈的作用域和闭包。作用域在javascript中作用域有全局作用域和局部作用域，在这里，我们着重关注作用域对垃圾回收的影响。假设一个函数调用产生的作用域：这是一个函数表达式，foo()函数在每次调用时会创建一个作用域，同时也会在该作用域创建一个局部变量local。函数执行结束，该作用域也会随之销毁，同时该作用域中声明的局部变量也会随作用域销毁而销毁。在这个实例中，由于局部变量引用的对象存活周期较短，将会分配在新生代空间的From中。作用域销毁后，其中的变量也随之被释放，该对象所占用的空间在下次垃圾回收时将会被清理。作用域链在这个实例中，bar()中执行console，在当前函数作用于查找不到local变量，将会继续向上查找，查找上级最近的作用域，如果找到变量local，就会停止查找。如果找不到会一直查找到全局作用域，如果该变量在所有作用域都不存在，将会抛出未定义错误。变量的主动释放如果变量是全局变量,需要注意的是全局作用域中的变量不会执行垃圾回收过程，此类对象将会常驻内存（在老生代空间）。如果需要释放该类对象空间，只能通过delete或重新赋值变量为undefind或者null来释放对象的引用。闭包什么叫闭包，历史争议问题啊。我们暂可以将能使外部作用域访问内部作用于中的变量的方法叫做闭包。闭包对垃圾回收带来的影响也随之出现，一旦有变量引用中间函数，这个中间函数将无法被释放，同时也会是该作用域无法释放，自然作用域中的变量也不会被释放并回收，除非不在被引用，该函数才会被逐渐释放。不得不说全局变量和闭包是项目中不可缺少的角色，但是需对该类变量谨慎使用，防止在你的项目中这种无法轻易被释放的变量所占内存越来越多，结果就是你不想看到的内存泄露。【云栖号在线课堂】每天都有产品技术专家分享！课程地址：https://yqh.aliyun.com/zhibo 立即加入社群，与专家面对面，及时了解课程最新动态！【云栖号在线课堂社群】https://c.tb.cn/F3.Z8gvnK 原文发布时间：2020-03-20本文作者：龙小胖本文来自：“掘金”，了解相关信息可以关注“掘金”

2020-03-19

msg.js 更新，增加提示消失时的回调函数

使用如： msg.info('Hello Msg', function(){ alert(123); }); msg.js ，纯原生 JavaScript 无任何三方框架！

2020-02-26

每日一博 | 原生 js+WebGL 实现 3D 图片效果

/gl-matrix-min.js"></script> 我已经下载好了，想要消息了解这个函数库的可以去glMatrix官网，这个库非常小，未压缩前也就100多K。

2020-02-15

探究JS V8引擎下的“数组”底层实现

一、背景使用 JS 的数组时，发现 JS 的数组可以存放不同类型的元素、并且数组长度是可变的。数据结构中定义的数组是定长的、数据类型一致的存储结构。

2019-12-16

WASM 成为 HTML、CSS 与 JS 之后的第 4 门 Web 语言

大家都知道，万维网联盟W3C 认证的 Web 语言有 HTML、CSS 与 JavaScript，而近日联盟正式宣布 WebAssembly 核心规范（WebAssembly Core Specification）成为官方 Web 标准，这意味着 WebAssembly 成为了第 4 种 Web 语言。 WebAssembly 也叫 WASM，它是为基于栈的虚拟机设计的二进制指令格式，WASM作为可移植目标，用于编译高级语言（如 C/C++/Rust），从而可以在Web 上部署高性能客户端和服务器应用，同时它也可以在许多其它环境中使用。 WebAssembly 描述了一种内存安全的沙箱执行环境，该环境甚至可以在现有 JavaScript 虚拟机内部实现。当嵌入到 Web 中时，WebAssembly 将强制执行浏览器的同源和权限安全策略。 WASM 有多种实现，包括浏览器和独立系统，它可以用于视频和音频编解码器、图形和 3D、多媒体和游戏、密码计算或便携式语言实现等应用。目前 1.0 版本的 Wasm 已经支持 Chrome、Firefox、Safari 与 Edge 浏览器。对于 Web 来说，因为其虚拟指令集设计，WebAssembly 可让加载的页面以本地编译代码运行，从而可以提高Web 性能。换句话说，WebAssembly 可以实现接近本地的性能，并且优化加载时间，同时最重要的是，它可以作为现有代码库的编译目标。尽管本地类型数量很少，但相对于 JavaScript 而言，性能的提高大部分归功于其对一致类型的使用。WebAssembly 对编译语言进行了数十年的优化，其字节代码针对紧凑性和流传输进行了优化。在下载其它代码时，网页便可以开始执行。网络和 API 访问通过附带的 JavaScript 库进行，安全模型则与JavaScript 相同。 W3C 同时公布了 WASM 接下来的开发重点，新特性包括： Threading，线程：Threading提供了共享内存多线程和原子内存访问的优势。 Fixed-widthSIMD，固定宽度 SIMD：并行执行循环的向量操作。 Reference types 引用类型：允许 WebAssembly 代码直接引用宿主对象。 Tail calls，尾调用：直接调用而不使用额外的堆栈空间。 ECMAScript module integration，ECMAScript 模块集成：通过将 WebAssembly 可执行文件加载为 ES6 模块来与 JavaScript 进行交互。此外还有一些一直在跟进的特性，包括垃圾回收、调试接口与 WebAssembly 系统接口（WASI）等。值得一提的是，上个月 Mozilla、Fastly、Intel 与 Red Hat 宣布成立联合组织Bytecode Alliance（字节码联盟），该联盟旨在通过协作实施标准和提出新标准，以完善WebAssembly 在浏览器之外的生态。

2019-12-07

每日一博 | Three.js —— 走进3D的奇妙世界

摘要：本文将通过Three.js的介绍及示例带我们走进3D的奇妙世界。

2019-12-02

vue-http-rexsheng 1.2.0 发布，Vue.js 的优秀通信插件

vue-http-rexsheng，经过公司多个项目磨合而出，一款优秀的 vue.js 平台的 HTTP请求插件，支持 npm 安装与页面直接引用 JS。

2019-10-29

Chart.js 2.9 发布，基于 HTML5 的 JavaScript 图表库

Chart.js 是一个基于 HTML5 canvas 技术的开源图表绘制工具库。Chart.js 2.9已经发布了，内容如下： Breaking changes helpers.

2019-10-27

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

精选列表

moovie.js —— 专注于电影的 HTML5 播放器

MyServerless 3.0 发布，在前端 JS/HTML 里直接写 Java 和 SQL

android、ios都没有的混合JS和Java实现页面控制

D3.js 7.0 正式发布，数据可视化 JavaScript 库

Vue.js 2021 最新报告：流行度逐渐上升、小型组织最爱

Node.js 模块化你所需要知道的事

Node.js v14.15.5 (LTS) 和 v10.23.3 (LTS) 发布

JS作用域和变量提升看这一篇就够了

轻松理解JS中的面向对象，顺便搞懂prototype和proto

Node.js 实现抢票小工具&短信通知提醒

猎鹰与龙飞船基于 Linux，采用 C++、Chromium 与 JS 开发

你知道 JS 中的模块导入有一个缺点吗？

【开发者成长】一文详解JS垃圾回收机制

msg.js 更新，增加提示消失时的回调函数

每日一博 | 原生 js+WebGL 实现 3D 图片效果

探究JS V8引擎下的“数组”底层实现

WASM 成为 HTML、CSS 与 JS 之后的第 4 门 Web 语言

每日一博 | Three.js —— 走进3D的奇妙世界

vue-http-rexsheng 1.2.0 发布，Vue.js 的优秀通信插件

Chart.js 2.9 发布，基于 HTML5 的 JavaScript 图表库

资源下载

Mario

腾讯云软件源

Spring

Rocky Linux

欢迎您来访！

精选列表

moovie.js —— 专注于电影的 HTML5 播放器

MyServerless 3.0 发布，在前端 JS/HTML 里直接写 Java 和 SQL

android、ios都没有的混合JS和Java实现页面控制

D3.js 7.0 正式发布，数据可视化 JavaScript 库

Vue.js 2021 最新报告：流行度逐渐上升、小型组织最爱

Node.js 模块化你所需要知道的事

Node.js v14.15.5 (LTS) 和 v10.23.3 (LTS) 发布

JS作用域和变量提升看这一篇就够了

轻松理解JS中的面向对象，顺便搞懂prototype和__proto__

Node.js 实现抢票小工具&短信通知提醒

猎鹰与龙飞船基于 Linux，采用 C++、Chromium 与 JS 开发

你知道 JS 中的模块导入有一个缺点吗？

【开发者成长】一文详解JS垃圾回收机制

msg.js 更新，增加提示消失时的回调函数

每日一博 | 原生 js+WebGL 实现 3D 图片效果

探究JS V8引擎下的“数组”底层实现

WASM 成为 HTML、CSS 与 JS 之后的第 4 门 Web 语言

每日一博 | Three.js —— 走进3D的奇妙世界

vue-http-rexsheng 1.2.0 发布，Vue.js 的优秀通信插件

Chart.js 2.9 发布，基于 HTML5 的 JavaScript 图表库

资源下载

Mario

腾讯云软件源

Spring

Rocky Linux

欢迎您来访！

轻松理解JS中的面向对象，顺便搞懂prototype和proto