作者: 雷雪松
阿里统计图表库G2Plot
G2Plot中的 G2 即意指图形语法 (the Grammar of Graphics),同时也致敬了 ggplot2。G2Plot是阿里的一套简单、易用、并具备一定扩展能力和组合能力的统计图表 JS 库,基于图形语法理论搭建而成。G2Plot吸引我的优点有:一、代码简单易用。二、大数据展示更智能,避免文本的重叠遮挡、内容无法自适应、内容裁剪等问题。三、提供了多图表组合、叠加、联动,共同讲述一个数据故事的可能性。下面雷雪松带大家一起了解下阿里统计图表库G2Plot。
阅读原文 »
Nginx修改响应内容模块(sub_filter模块)
sub_filter模块是一个Nginx内置的过滤器模块,主要用来修改网站响应内容中的字符串。sub_filter模块指令可在nginx.conf的http, server, location三个位置配置使用。当我们使用代理的时候,静态资源可能不在代理服务器上,那么我们就需要在响应的时候修改这些地址。我们也可以在这个时候过滤和替换一些服务器返回的数据。下面雷雪松给大家讲解下Nginx替换响应内容模块(sub_filter模块)。
阅读原文 »
tp5允许跨域请求配置
目前Web项目开发基本都是前后端分离的架构,那就避免不了会遇到跨域问题。在前端请求接口的时候,接口的协议、域名、端口三者之间任意一与当前页面地址不同就会出现跨域。跨域的时候会两次请求,第一次是 option去探测服务器是否允许跨域,然后才会正式去请求接口。ThinkPHP 5 是目前国内比较常用的PHP框架。下面雷雪松介绍两种tp5允许跨域请求的方法。
阅读原文 »
SVG基础知识入门教程
SVG 是一种基于 XML 语法的图像格式,全称是可缩放矢量图(Scalable Vector Graphics)。SVG 是属于对图像的形状描述得文本文件,体积较小,放大不会失真,其他图像格式都是基于像素处理的。SVG 文件可以直接插入网页,成为 DOM 的一部分。也可以被img、object、embed、iframe等标签插入网页。SVG 文件也可以在JavaScript 和 CSS 中使用 。SVG 文件还可以转为 BASE64 编码,然后作为 Data URI 写入网页。下面雷雪松给大家分享一下SVG基础知识入门教程。
阅读原文 »