NEIL'S BLOG

梧桐一叶落,知尽天下秋

Canvas 获取视频封面

最近在项目中遇到了对视频进行截图的功能,用于在客户端生成视频封面。 主要用到的还是 Canvas 的 drawImage 方法。这篇文章就是将这个过程记录下来。 一、起步 首先我们需要一个 input[type="file"] 表单控件,用来实现视频文件的读取。 <inpu

实现一个简单的 Vue.js

随着浏览器的内核进步和 mvvm 概念在前端的普及,类似于 jQuery 这种围绕着 dom 发展的 js 库已经不再(至少不比以前)适用于前端开发。dom 操作的复杂性使得 jQuery 大放异彩,如今 dom 操作的复杂性大大降低。其实一张页面整体看来不仅仅单纯是 dom 的

监控页面 DOM 变化的 API

MutationObserver 是 DOM4 提供给前端同学的一个新的监控页面 DOM 变化的 API,以此来替换 DOM3 级的 Mutation events 这个过时的 API。通过这个 API 我们能做到页面上 DOM 属性节点文本的监控。 MutationObserv

JavaScript 异步编程

JavaScript 和别的语言有很大的区别,他始终是单线程的,这是因为在浏览器环境,浏览器只提供了 JavaScript 一条线程(webwork),而 web 应用的所有 JavaScript 代码都会使用这一条线程来执行。在这个背景下,如果我们有很复杂的计算或者很长时间的

理解 SVG 当中的贝塞尔曲线

前一段时间一直在搞毕业的事情,在经历了反反复复的论文修改之后,终于要和大学说再见了,想想还有点伤感那。回来之后除了项目中的事情,也抽空看了一下 SVG 当中的贝塞尔曲线(Bézier curve)这个知识点。今天整理一下这部分的内容。 一、贝塞尔曲线是干嘛的? 贝塞尔曲线在计算机