用D3.js实现动态条形图(Bar chart race)

2020-12-13
阅读 7 分钟
6.8k
公司项目要求做动态条形图,也就是Bar chart race,本来想从网上找个demo发觉没有合适的,就自己写了一个,完整代码可以去 我的GitHub 上查看。动态条形图可以很好地对比多个数据随之间变化的趋势。该demo是基于 d3 的 v6 版本,由于仅使用了一些最基础的 api,所以在之前版本应该也可以跑起来。本文章仅提供一种实现的...

echarts实现词云图表

2020-06-25
阅读 3 分钟
26.6k
前段时间在开发过程中用 echarts 开发了一些图表,当做到词云的时候发觉 echarts-wordcloud 插件的颜色配置项不生效。在网上查了不少资料,好多人说 echarts4 和 echarts-wordcloud 插件不兼容了,然后还提供了一些优雅降级方案,让 echarts3 和 echarts4 同时在项目里运行。但是后来我研究发现其实 echarts4 是可以完美...

Node.js计算文件的MD5值

2020-06-13
阅读 2 分钟
18.6k
之前写过一篇 前端使用js计算文件的MD5值 文章,这里介绍服务端如何使用 Node.js 计算文件的 MD5值。 引入依赖项 {代码...} 本文使用 crypto 来计算文件的 MD5 值。 计算小文件的MD5值 {代码...} 首先使用 fs 读取文件的同步方法获取文件的二进制数据,再使用 crypto.createHash 方法用于创建 Hash 实例,参数为 md5 ,...

前端使用js计算文件的MD5值

2020-06-13
阅读 2 分钟
29.8k
在前端开发时有时需要计算文件的 MD5 值传给后端用作比较文件的准确性和完整性。 前端计算 MD5 可以使用插件 js-spark-md5 ,下载 spark-md5.min.js 存储在本地。 还应用到了现代浏览器中都实现了的类 FileReader,它的实例的 readAsBinaryString 方法,用来读取文件的原始二进制数据。 创建HTML部分并引入插件 {代码......

js监听元素大小变化(element-resize-detector)

2020-06-06
阅读 2 分钟
9.4k
以前监听元素尺寸变化可以方便的使用 jQuery 监听元素的 resize 事件: {代码...} 但是后续版本因为性能不佳所以被取消了,自己实现费时费力,所以这里介绍一个开源的插件 element-resize-detector。 插件的下载地址: [链接]可以选择压缩版和未压缩版,将文件下载到本地。 创建示例创建一个 html 文件,放入一个红色的...

从0开始创建Koa2的工程示例(附带超详细解释)

2020-06-04
阅读 2 分钟
2.6k
@koa/router:Koa 的路由中间件。koa-body:Koa 用来解析请求体的中间件,将之前的 koa-bodyparser 中间件和 koa-multer 中间件合二为一。ejs:ejs模板引擎。koa-static:Koa 提供静态资源的中间件。koa-views:Koa 的模板渲染中间件。

js替换字符串中指定位置的字符

2020-05-27
阅读 1 分钟
19.6k
方法1:因为字符串虽然可以像数组那样获取某一位置字符 'Hello World'[4] ,但是不能像数组那样直接修改某一位置的字符 'Hello World'[4] = '-' ,这样是行不通的,但是可以把它切分成数组,修改某一位置的值,然后在合并回来。

Node.js使用token进行认证的简单示例

2020-05-24
阅读 4 分钟
3.8k
本文只介绍简单的应用,关于 json web token 的具体介绍以及原理请参考阮一峰老师的 JSON Web Token 入门教程。 使用的 Node 框架是 koa2,前端发送 ajax 请求使用 axios。 首先创建工程目录:具体如何初始化一个 Koa2 工程我的 另一篇文章 中作了详细介绍,在此不再赘述。 然后安装必要的依赖项: {代码...} 在 server....

JSONP与跨域的Ajax

2017-02-22
阅读 1 分钟
1.8k
在通常情况下,为了网站的安全性,Ajax对象只能访问到与当前页面位于同一个域下的资源。但有时往往需要访问别的域中的资源,这是就运用到了跨域这个概念,这其中运用最广泛的就是JSONP。JSONP,即JSON with padding(填充式的JSON)。JSON由两部分组成,一部分是回调函数,一部分是所包含的数据。回调函数是请求数据时指...

HTML5的本地存储localStorage以及简单应用

2017-02-21
阅读 2 分钟
4.5k
localStorage是HTML5中作为在客户端持久保存数据的方案,与cookie相比,localStorage不用在客户端与服务器之间相互传递,且可存储大量数据(2.5MB-5MB),所以应用范围更广泛。由于许多老式浏览器不支持localStorage,所以要先写个函数判断浏览器是否支持该对象。

js的事件的代理和委托

2017-02-16
阅读 1 分钟
1.7k
本文要解释一下JavaScript事件的代理或者说委托的概念,首先直接上定义:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。上来就看定义,可能有点懵,所以到了最重要的解析部分。

解析js对象的浅复制与深复制原理

2017-02-16
阅读 1 分钟
2.4k
试想这样一种场景,自己编写了一个js插件,调用插件时参数是以对象的形式传入的,插件也有自己的默认值,当运行的时候就涉及到传入参数和默认值的合并,即用到对象的深复制和浅复制。

用webpack2.0构建vue2.0超详细精简版

2017-01-19
阅读 3 分钟
9.7k
npm install --save-dev webpack@^2.1.0-beta.25 webpack-dev-server@^2.1.0-beta.9 安装webpack以及webpack测试服务器,默认安装是1.0版本的,所以必须指定版本号