前言 大家好，我是林三心。写这篇文章是有原因的，偶然我看到了一个Java的50种排序算法的可视化的视频，但是此视频却没给出具体的实现教程，于是我心里就想着，我可以用JavaScript + canva

女朋友常逛的设计网站这两天页面上多了下雪的效果，于是问我我的网站能下雪吗，作为一个程序员我一般会说实现不了，但是作为男朋友，不能说不行。 当然，最好的方式是用canvas来画。 因为tan(θ)=sy/sx，θ=Math.atan(sy / sx)，因为雨的线段默认是从上到下垂…

在复制有些网站的文章时，通常会发现，复制的内容还带了一个“小尾巴”，上边附带着版权信息。 在本篇文章中，尝试来实现一下这种效果。 大致原理就是在用户复制时，获取用户选中的将要复制的内容，然后再加上版权信息即可。 如何获取用户复制的内容呢？我们可以通过window.getSele…

之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和学习总结. 首先我觉得在学习任何知识之前必须要有一个明确的学习目标, 知道自己为什么要学它, 而不是看网上说的一股脑的给你灌输各种知识, 让你学习…

前言又是欢天喜地的编程up整活儿时间！这次给大家带来的是《有声弹幕》！源码在最底下，用电脑复制后，粘贴到视频页面的控制台并回车就可以体验功能。那么，先介绍实现过程：需要准备的只有个条件：让浏览器侦察视

有次看电影🎬， 看到屏幕上一个个的文字蹦出来， 感觉像是有人在打字一样， 觉得挺有意思， 于是这里也用js实现了一个。 通过setTimeout设置一个时间的间隔， 每隔一定时间向dom中插入对应的数据， 并将index加1， 然后重新调用这个写函数。 通过css3的anim…

为了保证的可读性，本文采用意译而非直译。 超过46K的星星，这个流行的库提供了非常多的3D显示功能，以一种直观的方式使用 WebGL。这个库提供了<canvas>、 <svg>、CSS3D 和 WebGL渲染器，让咱们在设备和浏览器之间创建丰富的交互体验。该…

这是一篇旧文，旧博客停用，文章迁移至掘金重新发出来。 开发过程中经常有意无意地刻意避开数学相关的知识，你也知道解数学题非常枯燥无趣。平时写动画也尽量使用 css3 来实现，timer-function 随意选用，最多也就调一下 cubic-bezier，找到看着舒服的就行。但是…

先不给图片设置 src属性值, 当图片进入浏览器窗口的时，给图片的src属性赋值, 开始请求图片并渲染至屏幕。 可以这样判断：当图片的底部和页面的顶部的距离小于视窗的底部和页面的顶部的距离时就可以认为图片已经进入视窗了。这样说起来有些绕，用图片来看看会更清晰。 为方便说明，先实…