Gatsby 是一个基于 React 的、免费开源的、用于搭建静态站点的框架。 Gatsby 主要的应用的技术是 React 和 GraphQL，利用 Gatsby 搭建一个简单的静态站点，是一个很好的学习过程。本文主要讲解如何从零搭建一个简单的个人博客结构的过程，也是自己学习…

最近做网站体验优化的时候突然发现一个好东西，pace.js(加载进度条插件)，gzip之后只有几kb， 简单好用，特地分享出来，也作为自己的一个学习总结。 pace.js是一个自动加载页面进度栏的小插件,它可以自动监视您的Ajax请求，事件循环滞后，文档就绪状态以及页面上的元素…

W3C 于 2008年 1月 22日发布 HTML5工作草案。 通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则，HTML5改进了互操作性，并减少开发成本。

本次引擎入门我们所有示例全部基于目前Laya发布的最新稳定版引擎（Laya2.1.1），编程语言选择TypeScript。 这里我们不去赘述为什么编程语言要选择TypeScript了，大家可以自行百度“TypeScript的优势”，我只能说“一入TypeScript深似海，从此…

获得渲染上下文和它的绘画功能。比如说用来定义画笔样式以及进行绘画的所有操作。getContext()只有一个参数 x与y指定了在canvas画布上所绘制的矩形的左上角（相对于原点）的坐标。width和height设置矩形的尺寸。 绘制一条从当前位置到指定x以及y位置的直线。 开…

基于html2canvas.js可将一个元素渲染为canvas，只需要简单的调用html2canvas(element[, options]);即可。下列html2canvas方法会返回一个包含有<canvas>元素的promise： 将canvas对象的属性width和hei…

Three这个流行的库目前突破了56K Star，是创建一个易于使用，轻量级，3D库默认的WebGL渲染器。在示例中，该库还提供了画布2D、SVG和CSS3D渲染器。threejs可以将它理解成three + js，three表示3D的意思，js表示javascript的意思。…

作为一个对UI和动画敏感的切图仔，在日常开发之余，也会关注一些贼好看的图表库和插件。 接下来，我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 1. 手绘风图表库：roughViz.js 基于D3(v5), roughjs, 和handy。…

控制WebGL上下文对象渲染物体的方式. 大多数情况下无需使用 两者的参数格式除了颜色外都一样, 但是更推荐在构造函数中传入. 在构造函数中颜色可以传一个十六进制的值, 而在实例上进行设置的时候必须传一个Color实例, 上述的MeshDepthMaterial是没有地方给他设…