NinJa

在公司做了个在线的web音频编辑器,链接：https://yan.qq.com/audioEditor.大概介绍下整体的思路和架构设计，以及遇到一些难点并如何解决。...

自定义编译ffmpeg，优化wasm文件大小，编译出不带`sharedarraybuffer`的ffmpeg.wasm+js，最后使用web worker运行截帧相关的业务...

对vue-cli项目，使用webpack5 进行打包优化。 包括打包/拆包/压缩/提升编译效率等配置。...

Promise.all、new、apply、call、bind这些常见的手写题早已成为面试的宠儿，你如果不会写，可能就被pass了噢，和胖头鱼一起构建这个手写系列，一起努力...

昨天晚上在沸点看到一个小哥发了个沸点，代码很简洁，但是可是弄晕了我，评论区也是很热闹，我没事就研究了下，自己理解了下，感觉差不多可以解释通了。先来看那是什么样的代码吧 对于...

关于路由的定义，维基是这样定义的；路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动。路由发生在OSI网络参考模型中的第三层即网络层。路由引导分组转...

目录 又来到了激动人心的 diff 环节 使用 Virtual Dom 的框架，一般的设计思路都是页面等于页面状态的映射，即 UI = render(state)。 在进行...

为实现2D图形编辑器的丰富度，需要实现文字的各种变形效果以及2D、3D特效，类似稿定的文字文字变形。 这篇文章主要讲下文字变形的思路。 文字变形基本是基于上下左右四条曲线的...

vue源码分析【5】-vue 生命周期 1.beforeCreate new Vue前，首先会执行initMixin(Vue); ,但是此时只是挂载一个_init到Vue上...

异步更新队列 有三种watcher render watcher，改变了就可以直接更改视图 computed watcher，计算之后改变视图 普通的watcher，这个是...

我们都知道Vue.js具有数据响应式的特点。 我们用三篇文章来看看这三种watcher都是什么、干什么用、以及怎么用的。 结合上面的代码来看，响应式意味着：当name属性值...

获取某个地区的模型数据（包含地形、路网、建筑）、卫星图。生成总模型。 获取到这个地区的边界图（我这里是用SVG）。 通过SVG生成一个边界模型。 两个模型作布尔操作，切出想...

threejs 实现纪念碑谷（含编辑器） 基础环境 正交相机 本游戏的玩点就在于从摄像机看过去，本来三维空间上不能连接的位置连接了，所以必须使用正交相机，使得前后物体大小一...

✨ 千万不要觉得使用Canvas开发滤镜很复杂。说白了它就是在操作每一个像素点，按照你的规则去重新配色...

对line-height 的理解及其赋值方式 （1）line-height的概念： line-height 指一行文本的高度，包含了字间距，实际上是下一行基线到上一行基线距...

很多人对TypeScript的使用还停留在基本操作上,其实TypeScript的特性非常强大,我们利用好这些特性可以有效地提高代码质量、加速开发效率，今天就介绍9个非常实用...