首页 > 前端开发 > Javascript
-
令人期待的 JavaScript 新特性
一个 ECMAScript 标准的制作过程，包含了 Stage 0 到 Stage 4 五个阶段，每个阶段提交至下一阶段都需要 TC39 审批通过。本文介绍这些新特性处于 Stage 3 或者 Stage 4 阶段，这意味着应该很快在浏览器和其他引擎中支持这些特性。一、类的私有变量最新提案之一是在类中添加私有变量的方法。我们将使用 # 符号表示类的私有变量。这样就不需要使用闭包...
-
9 条非常强大的 JavaScript 技巧
1、全部替换我们知道string.replace()函数只会替换第一次出现的位置。在正则表达式末尾添加 /g 即可替换所有出现。varexample="potatopotato";console.log(example.replace(/pot/,"tom"));//"tomatopotato"console.log(example.replace(/pot/g,"tom"))...
-
2020年7个令人兴奋的JavaScript常用新特性总结(超实用)
一个ECMAScript标准的制作过程，包含了Stage 0到Stage 4 五个阶段，每个阶段提交至下一阶段都需要TC39审批通过。本文介绍这些新特性处于Stage 3 或者Stage 4 阶段，这意味着应该很快在浏览器和其他引擎中支持这些特性。一、类的私有变量最新提案之一是在类中添加私有变量的方法。我们将使用 # 符号表示类的私有变量。这样就不需要使用闭包来隐藏不想暴露给外...
-
JavaScript 引擎「V8」发布 8.0 版本，内存占用量大幅下降
上周，JavaScript 引擎「V8」的开发团队在该项目官方网站上正式宣布推出最新的 8.0 版本。这次更新的重点主要集中在错误修复及性能改善上，正式的版本将在数周后随着谷歌 Chrome 80 稳定版一起发布。V8 是谷歌公司推出的开源高性能 JavaScript 引擎，主要用于提升 Web 浏览器内部 JavaScript 脚本执行的性能。V8 通过 C++ 语言编写，主...
-
js调试命令console全解析
nsole 对象提供对浏览器控制台的接入（如：Firefox 的 Web Console）。不同浏览器上它的工作方式是不一样的，但这里会介绍一些大都会提供的接口特性。Console对象可以在任何全局对象中访问，如 Window，WorkerGlobalScope 以及通过属性工作台提供的特殊定义。它被浏览器定义为 Window.Console，也可被简单的 Console 调用...
-
用JQuery仿造QQ头像裁剪功能
最近工作真心忙碌，几乎没时间写博客。今天趁有时间来仿一个QQ头像裁剪功能插件，效果如下：原理：主要是通过css的clip来裁剪图片可视区域，拖动剪裁窗口这里使用了JQ-UI的draggable插件（但是缩放没有，贪方便可以使用Resizable插件，但都用插件的话就没有研究的意义了）。缩放功能原理其实很简单，不外乎获取剪裁框的offset()或position()，以及各容器宽...
-
HTML页面仿WORD样式
有时候需要html输出成word形式，因此需要转换对应的样式，转换方式整理如下： 1、标题样式 目录 -- 宋体 小二 加粗一级标题 -- 微软雅黑 四号 加粗 <div style="font-family:微软雅黑;font-size:19px;font-weight: bold;">1 XXX</div>二级标题 -- 微软雅黑 小四 加粗 &...
-
ES6浏览器兼容性问题解析
2015年6月， ES2015（即 ECMAScript 6、ES6） 正式发布。ES2015 是该语言的一个显著更新，也是自 2009年 ES5 标准确定后的第一个重大更新。 ES6 提供了许多新特性，但并不是所有的浏览器都能够完美支持。好在目前各大浏览器自身也加快速度兼容 ES6 的新特性，其...
-
纯前端利用 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>...
-
yuicompressor 文件名、目录名或卷标语法不正确
初次接触YUI Compressor，看起来还不错，应该是一个比较好的js压缩工具，也是css压缩工具，于是去github上下载了下来，下载地址也附上： https://github.com/yui/yuicompressor/releases 下载的是最新的版本 YUICompressor 2.4.8 Released。也可以直接用这个地址进行下载： https...
-
如何用jqueryui的dialog制作一个alert弹窗
使用JqueryUI时，页面里写了一个$.alert方法，报以下错误：Uncaught TypeError: $.alert is not a function本来以为jqueryui应该有这个方法，但由此来看是没有的。 对于jqueryui的dialog对话框，想实现类似alert的功能，可以定制标题、内容，于是写了一个方法：function dwuAlert(conten...
-
什么是JSON
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它使得人们很容易的进行阅读和编写。同时也方便了机器进行解析和生成。它是基于 JavaScript Programming Language , Standard ECMA-262 3rd Edition - December 1999 的一个子集。 JSON采用完全独立于程序语言的文本...
-
json在线转换工具
由于平时开发接口时，总是会用到json，因此将比较常用的json在线工具简单地制作了一下，以方便使用。 在线转换json的工具地址为： http://www.dreamwu.com/tools/json 功能有json在线解析、json格式化、json格式验证、json转xml、xml转json，也可以将json下载到本地。 如果有刚刚接触JSON的同学，还不清楚什么是JS...
-
js中的波浪线符号作用（按位非（~）符号）
Javascript 按位取反运算符 (~) ，对一个表达式执行位非（求非）运算。如 ~1 = -2; ~2 = -3;~-1=0 这个符号很少见，前端js写了那么久，竟然还是第一次遇到。既然遇到了，就不能直接略过。 ~1=-2是如何实现的呢，下面我们来看看计算过程： 一、输入为正数（1和2） （1）二进制原码：0000 0001，0000 0010 （2）按位取反：1111...
-
常见的js操作日期-周别的函数方法
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">//获取本周是一年中的第几周function getWeekOfYear(a, b, c) { var d1 = new Date(a, b-1, c); var d2 = new Date(a, 0, 1); var d = Math.round...
-
网页分享按钮的制作
关于网页分享按钮，相信许多人都用到过。对于一般网页开发者来讲，嵌入第三方分享按钮代码，应该是最便捷省事的了。我也尝试过使用JiaThis或百度分享代码，不管从功能速度还是界面，都还是不错的，但让我还是有一丁点不自在的感觉，主要原因还是嵌入了第三方js链接。闲话不多讲，现在来讲一下自己动手制作分享代码的过程吧，相信过程是快乐的。 目前最常用的分享，大概就是微信、QQ好友、QQ空...