Tags → #coding
-
对 fragment shader 的一点点见解
本文仅涉及 WebGL1.0 的 fragment shader,尝试解释 GPU 渲染方式,和使用 fragment shader 绘制一些简单图形的方法
-
你没有用过的船新版本——跨页面共享元素动画
作为 Web 前端开发者,你是否很羡慕安卓和 iOS 的动效设计,同一个元素穿梭于两个页面,无比流畅。但是!2022 年,浏览器也可以实现跨页面共享元素动画啦!
-
Ajax 怎么取消?要不要取消?
一起了解一下如何利用 AbortController 取消 Ajax 请求,但是,cancel 请求真的有用吗?取消还是不取消,这是个问题。
-
Vue 优化速查
我曾以为,拆分子组件只是用于抽象,但实践告诉我,拆分子组件是提升性能的一种方式。 在我的实际工作中遇到这么个问题,有一个很大的表格,里面有多个新增条目的对话框,当数据很多的时候,填写新增数据都会变卡。 原因就是,在一个组件里,修改值会造成整个组件的数据检查和 diff。但是明知道大表单什么...
-
浅谈变换矩阵,以及在前端的应用
$$ \begin{bmatrix} x & y \end{bmatrix} \begin{bmatrix} a & c \\ b & d \end{bmatrix} $$ 首先复习一下线性代数,矩阵相乘,结果如下 ↓ $$ \begin{bmatrix} ax+by & cx+dy \e...
-
用 iPhone 发布静态博客
之前写的通过语雀发布博客根本没什么用,然后在拿到 iPhone 13 pm 之后想起 iOS 似乎有一个很厉害的效率应用 Shortcuts(拿着锤子容易看到钉子?),于是整了这么一个活,不需要写 iOS 客户端,直接用 iPhone 发布静态博客。 实现这个流程首先必须知道怎么用 ...
-
数据怎么从 JavaScript 送到 GLSL
本文用例来自 mdn webGL 教程的 sample5 数据怎么从 JavaScript 送到 GLSL,是一个十分简单,但是初见又有点绕的问题。解析这个问题需要把传入的数据分为 attribute 和 uniform 两个类型。 先非常简单地提一下两种类型的区别: 另外还有 var...
-
个人理解版 Typescript SOLID 原则
1. 因为小前端我很久没有面向对象地编程了,但是 SOLID 本身是针对面向对象的建议,以下内容结合了自己对 typescript 肤浅的理解来解析 SOLID,不保证完全正确 2. 引用的英文句子为 SOLID 提出者 Robert C. Martin 对各个原则的定义 > THERE...