完全 Serverless!—— 文档型动态站点强行变身超薄 SPA !

2020-09-29
阅读 4 分钟
2.4k
众所周知,Serverless 的概念并不像字面意义上那样的 “无服务”,而是将中心化的服务端应用打散成为一个个函数式的服务,节约了前端编码到产品上线中间服务部署的操作成本。本质上是一种 云计算执行模型(Cloud Computing Execution Model)。

【图表开发小案例】快来码一个性感妖娆的高逼格 “圆环”

2020-09-28
阅读 5 分钟
4.1k
日常生产生活中,我们会经常读到或使用各种类型的图表。圆环(圆弧)便是一种较常见的类型,用于直观展现某一数据指标占整体的比例。本文以 HTML Canvas 的实现为主(当然,SVG 党可以在了解原理后自行实现),逐层介绍圆环图表开发的一些主要思路和原理。

【小案例】基于色键技术的纯客户端实时蒙版弹幕

2019-01-20
阅读 4 分钟
4.2k
导读:本文内容是笔者最近实现的 web 端弹幕组件—— Barrage UI 的一个延伸。在阅读本文的实例和相关代码之前,不妨先浏览项目文档,对组件的使用方式和相关接口进行了解。

可实现B站 蒙版弹幕 效果的前端组件 —— Barrage UI

2019-01-15
阅读 5 分钟
5.6k
Barrage UI Best and lightest barrage component for web UI. 适用于 web 端用户界面和播放器的轻量级弹幕组件 用途 为你的 视频播放器、图片浏览器 等元素挂载弹幕动画 用于实现 B 站(bilibili.com) 风格的 蒙版弹幕 效果 安装 {代码...} 或 {代码...} 快速开始 {代码...} 初始化参数 创建弹幕实例时,需要传入的初始...

[小清新] 一段 node 脚本生成风格优雅的 Directory Tree

2018-10-03
阅读 5 分钟
1.5k
一些烦恼 如果你常常在博客中插入一些文件目录结构,不免会有碰到诸如此类的问题: 使用图片输出的话,感官上不够和谐,尤其在移动端环境下,图片内容可能会被多次转码、缩放以至于影响阅读体验。 使用文本输出的话,在不同设备、编辑器下内容排版容易混乱。 某一天,你想修改一下内容或者结构时,一个字符一个字符的编...

然并卵:BF 科普 & BF 解释器的 JS 实现

2018-08-12
阅读 4 分钟
3k
最近在 Codewars上做练习,某道题的内容是实现一个 brainFuck(简称BF语言) 解释器(c/python/js等等均可)。动手实践的过程还是很有趣的,中间也遇到了各种各样的问题,最终通过测试,代码也比较接近目前的 JS 高分 solution。这篇文章准备聊聊相关的一些知识和实现的细节。

快速搭建你的 github pages 个人博客 —— 基于 Create-React-App 的单页面应用实践

2018-01-29
阅读 8 分钟
7.4k
相信各位github资深玩家们都有自己基于 github pages 搭建的个人站点。官方推荐的静态站点生成器是 Jekyll,关于 Jekyll 的使用感兴趣的各位请自行 google,这里就不赘述了。本文主要介绍下基于 Create-React-App 搭建个人博客的相关实践,可能更适合做前端开发的伙伴。

rgb-color-utils 又一个前端RGB颜色小工具

2017-11-01
阅读 1 分钟
2.3k
A simple utils library for RGB colors which provides some convenient methods such as color interpolation, gradient generation, etc.

3D GIS 应用开发 —— 基于 Mapbox GL 的实践总结

2017-09-02
阅读 4 分钟
20k
最近在折腾的 web 端的可视化项目,由于相关业务的需要,用到了 Mapbox 这一地图开发的神器。在此先奉上一个基于mapbox-gl实现的demo(来源:uber的deck.gl项目):

reduce 方法实现 webpack 多文件入口

2017-04-21
阅读 4 分钟
2.3k
上述代码中,reduce 方法有两个参数,第一个参数是一个 callback,用于进行计算的函数;第二个参数则是累加计算的初始值: 0reduce 以 0 作为初始值,从数组第 0 项开始累加,上述代码的计算过程如下:

nodejs 终端打印进度条

2017-04-21
阅读 2 分钟
11.9k
当我们对大量文件进行批量处理的时候(例如:上传/下载、保存、编译等),常常希望知道当前进展如何,或者失败(成功)的任务有多少;当我们的代码或程序已经发布,用户在执行安装的过程中,一个合适的(终端/命令行)进度条可以准确反映安装的步骤和进程,提升程序的可用性,一定程度缓解用户在等待中的烦恼……

[web前端发微] 潇洒地操作 window.history

2017-04-21
阅读 5 分钟
1.9k
如果你想在 web 应用实现类似 pjax 的功能特性,往往需要做一些准备,比如对于不支持 history.pushState 方法的部分浏览器,怎样去做优雅降级,以满足页面整体的可用性等等。这篇文章主要来说说 pjax 相关的问题和思路。

可定制的 elasticsearch 数据导入工具:mysql_2_elasticsearch

2016-12-14
阅读 4 分钟
3.3k
最近为了es导库的问题,费了一些周折。于是乎做了一个小工具(用过npm的一些jdbc的导库工具,感觉还不够好用),这里抛砖引玉,自荐一下下,欢迎同道兄弟吐槽和参与,我会不定时的更新这个扩展。