首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
有点意思
街角小林
创建于2021-12-28
订阅专栏
各种好玩的前端实践
等 118 人订阅
共40篇文章
创建于2021-12-28
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
用Canvas放一个烟花(发射、痕迹、爆炸、碎片、二次爆炸)
浪漫好看的烟花相信没有人不喜欢,文本我们就来做一个属于自己的烟花,动动鼠标就能给自己放一个。 基本框架 首先基本的动画循环必不可少: 所有的动画都会在这个循环里进行更新。另外可以看到我们使用了半透明的
用Canvas实现一个水波图
水波图是大屏里很常用的图表: 一般用来表示百分比数据,水波的高度会根据百分比的数值变化,另外水波也会左右移动,就像真实的水波一样。 实际项目里我们可以使用ECharts来实现,不过自己实现一个也并不难
用Canvas实现一个相对完善的电子签名
电子签名,或者说自由画笔是一个很常用的功能,本文会给出几种实现方式,最后也会使用一个三方库来实现一个能模拟现实中书写效果的相对完善的电子签名,话不多说,开始吧。
如何从零实现一个词云效果
词云是一种文本数据的可视化形式,它富有表现力,通过大小不一,五颜六色,随机紧挨在一起的文本形式,可以在众多文本中直观地突出出现频率较高的关键词,给予视觉上的突出,从而过滤掉大量的文本信息,在实际项目中
利用这个css属性,你也能轻松实现一个新手引导库
相信大家或多或少都在各种网站上使用过新手引导,当网站提供的功能有点复杂时,这是一个对新手非常友好的功能,可以跟随新手引导一步一步了解网站的各种功能,我们要做的只是点击下一步或者上一步,网站就能滚动到指
一起来做一个json格式化工具吧
说到json格式化你肯定很熟悉,毕竟压缩后的json数据基本不可读,为了方便查看,我们可以在编辑器中可以通过插件一键格式化,也可以通过一些在线工具来美化,当然,有时在开发中也会遇到json格式化的需求
如何用canvas实现一个富文本编辑器
富文本编辑器相信大家都用过,相关的开源项目也很多,虽然具体的实现不一样,但是大部分都是使用DOM实现的,但其实还有一种实现方式,那就是使用HTML5的canvas,本文会带大家使用canvas简单实现
当你按下方向键,电视是如何寻找下一个焦点的
电视我们都知道,是通过遥控器来操作的,没有鼠标也不能触屏,所以“点击”的操作变成了按遥控器的“上下左右确定”键,那么必然需要一个“焦点”来告诉用户当前聚焦在哪里。那么如何寻找下一个焦点呢,本文会告诉你
我让虚拟DOM的diff算法过程动起来了
去年写了一篇文章介绍虚拟`DOM`的`patch`过程和`diff`算法过程,当时使用的是双端`diff`算法,今年看到了`Vue3`使用的已经是快速`diff`算法,所以也想写一篇来记录一下,但是肯
手摸手带你实现一个时间轴组件
本文给大家带来一个时间轴的组件开发教程,话不多说,先看动图: 主要功能就是可以拖动时间轴来定位当前时间,可以通过鼠标滚轮来修改当前时间分辨率,也支持显示时间段功能,动图未体现,可看下面的本次
这些年我开源的几个小项目
笔者是一个平平无奇的前端打工人,没有参与过啥热门开源项目的共建,所以每次说自己热爱开源都很心虚,充其量就是热爱使用开源项目,不过这两年来也陆续做了几个小项目,虽然只有时不时的来几个star,不过也给我
关联线探究,如何连接流程图的两个节点
如果你用过流程图绘制工具,那么可能会好奇节点之间的连接线是如何计算出来的: 不要走开,跟随本文一起来探究一下吧~
我用这些开源项目轻松搭建了一个在线文档平台
笔者最近闲来无事给自己做了一个在线文档平台,支持白板、思维导图、文档、电子表格、PPT、流程图、Markdown等。
我做了一个在线白板!
相信各位写文章的朋友平时肯定都有画图的需求,笔者平时用的是一个在线的手绘风格白板--excalidraw,使用体验上没的说,但是有一个问题,不能云端保存,不过好消息它是开源的,所以笔者就在想要不要基于
图解树布局算法,轻松实现思维导图
笔者不久前翻译了一篇介绍树布局算法的文章【译】绘制一棵漂亮的树,但是那篇文章对于算法只是大致介绍了实现的思路,属于启发式文章,虽然有完整的代码,但是要理解起来还是有一定难度,并且要基于该算法实现思维导
【译】绘制一棵漂亮的树
在树的绘制算法背后有一段漫长而有趣的历史。接下来,我会逐一介绍历史中出现的树绘制算法,尝试其中的每一种,并最终实现一个完全`O(n)`复杂度的树绘制算法。
为了实践微前端,重构了自己的导航网站
笔者早期开发了一个导航网站,一直想要重构,因为懒拖了好几年,终于,在了解到微前端大法后下了决心。。。
从零打造一个Web地图引擎
本文会带各位从零实现一个简单的地图引擎,来帮助大家了解`GIS`基础知识及`Web`地图的实现原理。
浅析组件库实现按需引入的几种方式
按需加载是所有组件库都会提供的一个基础能力,本文会分析ElementUI、Vant及varlet几个组件库的实现并进行相应实践,帮助你彻底搞懂其实现原理。
手把手教你实现在Monaco Editor中使用VSCode主题
本文会详细的教你如何在Monaco Editor编辑器中直接使用VSCode主题,从此再也不用担心主题不好看。。。
下一页