0

令人期待的 JavaScript 新特性

一个 ECMAScript 标准的制作过程,包含了 Stage 0 到 Stage 4 五个阶段,每个阶段提交至下一阶段都需要 TC39 审批通过。本文介绍这些新特性处于 Stage 3 或者 Stage 4 阶段,这意味着应该很快在浏览器和其他引擎中支持这些特性。 一、类的私有变量 最新提案之一是在类中添加私有变量的方法。我们将使用 # 符号表示类的私有变量。这样就不需要使用闭包来隐藏不想暴露给外界的私有变量。 复制代码 class Counter { #x = 0; #increment() { this.#x++; } ...

阅读全文>>

0

9 条非常强大的 JavaScript 技巧

1、全部替换我们知道string.replace()函数只会替换第一次出现的位置。在正则表达式末尾添加 /g 即可替换所有出现。varexample="potatopotato";console.log(example.replace(/pot/,"tom"));//"tomatopotato"console.log(example.replace(/pot/g,"tom"));//"tomatotomato"2、提取唯一值使用Set对象和spread操作符可以创建一个新的数组,仅包含唯一的值。varentries=[1,2,2,3,4,5,6,6,7,7,8,4,2,1]varunique_...

阅读全文>>

0

2020年7个令人兴奋的JavaScript常用新特性总结(超实用)

一个ECMAScript标准的制作过程,包含了Stage 0到Stage 4 五个阶段,每个阶段提交至下一阶段都需要TC39审批通过。本文介绍这些新特性处于Stage 3 或者Stage 4 阶段,这意味着应该很快在浏览器和其他引擎中支持这些特性。一、类的私有变量最新提案之一是在类中添加私有变量的方法。我们将使用 # 符号表示类的私有变量。这样就不需要使用闭包来隐藏不想暴露给外界的私有变量。class Counter { #x = 0; ​ #increment() { this.#x++; } ​ onClick() { this.#increment(); } } ​ const ...

阅读全文>>

0

JavaScript 引擎「V8」发布 8.0 版本,内存占用量大幅下降

上周,JavaScript 引擎「V8」的开发团队在该项目官方网站上正式宣布推出最新的 8.0 版本。这次更新的重点主要集中在错误修复及性能改善上,正式的版本将在数周后随着谷歌 Chrome 80 稳定版一起发布。V8 是谷歌公司推出的开源高性能 JavaScript 引擎,主要用于提升 Web 浏览器内部 JavaScript 脚本执行的性能。V8 通过 C++ 语言编写,主要用在 Chrome 浏览器以及 Node.js 上,实现了对 ECMAScript 与 WebAssembly 的支持,可运行于 Windows 7、macOS 10.12 以及使用 x64、IA-32、ARM、MIP...

阅读全文>>

0

js调试命令console全解析

nsole 对象提供对浏览器控制台的接入(如:Firefox 的 Web Console)。不同浏览器上它的工作方式是不一样的,但这里会介绍一些大都会提供的接口特性。Console对象可以在任何全局对象中访问,如 Window,WorkerGlobalScope 以及通过属性工作台提供的特殊定义。它被浏览器定义为 Window.Console,也可被简单的 Console 调用。最常用的方法就是Console.log(),就是在控制台输出内容。刚开始学前端的时候看到大家都是用的Console.log(),几乎没有见过Console的其他用法,难道Console真的没有别的用法了?查了一下后发现...

阅读全文>>

0

用JQuery仿造QQ头像裁剪功能

最近工作真心忙碌,几乎没时间写博客。今天趁有时间来仿一个QQ头像裁剪功能插件,效果如下:原理:主要是通过css的clip来裁剪图片可视区域,拖动剪裁窗口这里使用了JQ-UI的draggable插件(但是缩放没有,贪方便可以使用Resizable插件,但都用插件的话就没有研究的意义了)。缩放功能原理其实很简单,不外乎获取剪裁框的offset()或position(),以及各容器宽高、鼠标位置,然后做个大杂侩计算。只能说咱做前端的必须要认真耐心地去做计算,虽然过程颇为麻烦,但绝对不是“做不出来”。有的朋友在做某些功能前,可能会因为需要涉及较麻烦的计算就放弃,这是不靠谱的做法。P.S.:像效果图中会...

阅读全文>>

0

HTML页面仿WORD样式

有时候需要html输出成word形式,因此需要转换对应的样式,转换方式整理如下: 1、标题样式 目录 -- 宋体 小二 加粗 一级标题 -- 微软雅黑 四号 加粗 <div style="font-family:微软雅黑;font-size:19px;font-weight: bold;">1 XXX</div> 二级标题 -- 微软雅黑 小四 加粗 <div style="font-family:微软雅黑;font-size:16px;font-weight: bold;">1.1 XXX</div&g...

阅读全文>>

0

ES6浏览器兼容性问题解析

2015年6月, ES2015(即 ECMAScript 6、ES6) 正式发布。ES2015 是该语言的一个显著更新,也是自 2009年 ES5 标准确定后的第一个重大更新。 ES6 提供了许多新特性,但并不是所有的浏览器都能够完美支持。好在目前各大浏览器自身也加快速度兼容 ES6 的新特性,其中对 ES6 新特性最友好的是 Chrome 和 Firefox 浏览器。 一、桌面端浏览器对ES2015的支持情况 ...

阅读全文>>

0

纯前端利用 js-xlsx 实现 Excel 文件导入导出功能示例

1.导入功能实现 SheetJS下载地址: https://github.com/SheetJS/js-xlsx 下载js-xlsx到dist复制出xlsx.full.min.js引入到页面中 然后通过FileReader对象读取文件利用js-xlsx转成json数据 代码实现(==>示例<==) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src...

阅读全文>>

0

yuicompressor 文件名、目录名或卷标语法不正确

初次接触YUI Compressor,看起来还不错,应该是一个比较好的js压缩工具,也是css压缩工具,于是去github上下载了下来,下载地址也附上: https://github.com/yui/yuicompressor/releases 下载的是最新的版本 YUICompressor 2.4.8 Released。也可以直接用这个地址进行下载: https://github.com/yui/yuicompressor/releases/download/v2.4.8/yuicompressor-2.4.8.jar 下载之后将...

阅读全文>>