ES6 学习之 babel 工具的使用
babel 是一个用于将 es6 以上版本的代码转换为向后兼容的 JS 语法的工具，以便代码在当前版本和旧版本浏览器中正常运行。 babel 有在线网站和本地运行…
coolie 之 JS 模块依赖分析、合并、压缩、版本管理
一、引子 假设现在要做一台计算机，coolie 是帮你这样做到的： 根据你的要求，从全世界购买各种零件，包括 CPU、主板、网卡等。 将这些零件封装成一台…
ES11 新增特性和方法
matchAll 方法 matchAll() 方法返回一个包含所有匹配正则表达式的结果的迭代器。使用 for...of 遍历或者使用 操作符 ... Array.from 将其转换成数组。…
JS 内存泄漏排查方法 Chrome Profiles
一、概述 Google Chrome 浏览器提供了非常强大的JS调试工具，Heap Profiling 便是其中一个。Heap Profiling 可以记录当前的堆内存（heap）快照，并生…
sublime text 3 插件之 HTML-CSS-JS Prettify 格式化美化代码
1、插件介绍 这是一款集成了格式化（美化）html、css、js 三种文件类型的插件。插件依赖于 nodejs，因此需要事先安装 nodejs，然后才可以正常运行。 …
一行代码实现数值缩写
什么叫数值缩写 1 => 1 1000 => 1K 10000 => 10K 1000000 => 1M 1000000000 => 1G 数值缩写是将长数值转换成短数值的表示。之前，这里的缩写单位弄混…
JS、CSS 之间的顺序与 HTML 页面的性能关系
前言 HTML CSS JavaScript 可以算是前端必须掌握的东西了，但是我们的浏览器是怎样解析这些东西的呢 我们如何处理 HTML CSS JavaScript 这些东西来让…
coolie PK webpack 之一：JS 文件的合并与压缩
本文只在前端构建维度上讨论 webpack 和 coolie，分析他们两个工具谁更好、更优秀。关于如何使用 webpack 和 coolie，暂且不在本文讨论范围内。 什么…
__defineGetter__ 引发的思考
问题 那天朋友分享了一个面试题，自己当时不会，代码如下： (function(){ var u = { a: 1, b: 2 }; var r = { m: function(k){ return u[k]; } } wind…
解决 yarn.ps1 cannot be loaded because the execution of scripts is disabled on this system 错误
今天使用 yarn 安装 ejs 模板引擎，运行命令后却得到了这个错误： File C:\Program Files\nodejs\yarn.ps1 cannot be loaded because the execution o…
JS 获取 URL 中文参数出现的乱码问题
之前在网上找到一段 获取 URL 参数的函数，但是如果参数中的值是中文，就会出现乱码： function getUrlParam(name) { // 构造一个含有目标参数的正则…
Reflection.js 实现图片倒影效果的 JS 插件
Reflection.js 允许您向网页上的图像添加倒影。它使用简洁的 JavaScript 保持代码干净，提供了多个配置参数，可灵活控制倒影的显示效果。 它适用于所…
YOG2 专注于 Node.js UI 中间层的应用框架
yog2 是一个专注于 Node.js UI 中间层的应用框架。它基于 express 和 fis 开发，在享受 express 的灵活扩展能力和 fis 强大的前端工程化能力的同时，…
