-

阿里统计图表库G2Plot

WEB前端

G2Plot中的 G2 即意指图形语法 (the Grammar of Graphics),同时也致敬了 ggplot2。G2Plot是阿里的一套简单、易用、并具备一定扩展能力和组合能力的统计图表 JS 库,基于图形语法理论搭建而成。G2Plot吸引我的优点有:一、代码简单易用。二、大数据展示更智能,避免文本的重叠遮挡、内容无法自适应、内容裁剪等问题。三、提供了多图表组合、叠加、联动,共同讲述一个数据故事的可能性。下面雷雪松带大家一起了解下阿里统计图表库G2Plot。
阅读原文 »

Nginx修改响应内容模块(sub_filter模块)

Linux

sub_filter模块是一个Nginx内置的过滤器模块,主要用来修改网站响应内容中的字符串。sub_filter模块指令可在nginx.conf的http, server, location三个位置配置使用。当我们使用代理的时候,静态资源可能不在代理服务器上,那么我们就需要在响应的时候修改这些地址。我们也可以在这个时候过滤和替换一些服务器返回的数据。下面雷雪松给大家讲解下Nginx替换响应内容模块(sub_filter模块)。
阅读原文 »

tp5允许跨域请求配置

PHP

目前Web项目开发基本都是前后端分离的架构,那就避免不了会遇到跨域问题。在前端请求接口的时候,接口的协议、域名、端口三者之间任意一与当前页面地址不同就会出现跨域。跨域的时候会两次请求,第一次是 option去探测服务器是否允许跨域,然后才会正式去请求接口。ThinkPHP 5 是目前国内比较常用的PHP框架。下面雷雪松介绍两种tp5允许跨域请求的方法。
阅读原文 »

Node零配置服务器之http-server

WEB前端

http-server是一个简单的零配置Node环境下命令行HTTP静态服务器。在这之前一般常用的HTTP服务器有ApacheNginx。http-server使用起来非常简单,功能也很强大。http-server可以用于本地调试和开发,也可以用于生产环境。下面雷雪松详细的介绍下Node下http-server的用法。
阅读原文 »

npx 使用教程

WEB前端

npx是execute npm package binaries的缩写,就是执行npm依赖包的二进制文件,简而言之,就是我们可以使用npx来执行各种命令。npm 从5.2版开始,增加了 npx 命令。npx 主要用于命令行的寻址等辅助功能上,而 npm 是管理依赖的。下面雷雪松给大家分享一下npx 使用教程。
阅读原文 »

ES6 Promise详解

WEB前端

Promise 是ES6 中一个 JS 的 Promise 类型对象,用来传递异步操作的消息。有了 Promise 对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise 对象提供统一的接口,使得控制异步操作更加容易。Promise 也有一些缺点。首先,一旦新建它就会立即执行,无法中途取消Promise。其次,Promise 内部抛出的错误只通过catch捕获。第三,当处于 Pending 状态时,无法得知进度。下面雷雪松就详细的讲解下 Promise 。
阅读原文 »

RxJS介绍

WEB前端

RxJS 是 Reactive Extensions for JavaScript 的缩写,是一个基于可观测数据流的响应式编程的库。它是基于订阅-发布模式、观察者模式与迭代器实现的,Vue项目中的 eventbus 就是基于订阅-发布实现的。响应式编程是一种面向数据流和变化传播的编程范式。这意味着可以在编程语言中很方便地表达静态或动态的数据流,而相关的计算模型会自动将变化的值通过数据流进行传播。下面雷雪松给大家介绍一下RxJS。
阅读原文 »

SVG基础知识入门教程

WEB前端

SVG 是一种基于 XML 语法的图像格式,全称是可缩放矢量图(Scalable Vector Graphics)。SVG 是属于对图像的形状描述得文本文件,体积较小,放大不会失真,其他图像格式都是基于像素处理的。SVG 文件可以直接插入网页,成为 DOM 的一部分。也可以被img、object、embed、iframe等标签插入网页。SVG 文件也可以在JavaScriptCSS 中使用 。SVG 文件还可以转为 BASE64 编码,然后作为 Data URI 写入网页。下面雷雪松给大家分享一下SVG基础知识入门教程。
阅读原文 »

开讲啦李兰娟观后感

人生杂谈

本期《开讲啦》李兰娟是中国感染病学科唯一女院士,使用人工肝重开辟了型肝炎肝衰竭治疗的新途径。李兰娟希望所有的年轻人都能严谨求实,开拓创新,勇攀高峰,造福人类。之前可能不太熟悉李兰娟,但是通过新冠肺炎疫情之后,大家都知道了李兰娟。73岁的李兰娟院士毫不犹豫地奔向战役第一线,率先提出武汉封城。这也是她2003年与非典、2013年与H7N9作搏斗后,又一次奔赴战役最前线。
阅读原文 »

截取网页或屏幕快照插件-html2canvas

WEB前端

html2canvas是一个截取网页或屏幕快照插件。通过读取DOM和元素的不同样式,将当前页面呈现为画布图像。一般在需要将h5页面生成海报的时候用。html2canvas库使用Promise,如果浏览器不支持Promises,可以先加载一个es6-promise的补丁。之前雷雪松的博客中介绍过HTML转图片的JS插件-rasterizeHTML.js。今天雷雪松给大家分享一个截取网页或屏幕快照的插件html2canvas。
阅读原文 »