Loongerz

随着越来越多新型前端框架的推出，SSR 这个概念在前端开发领域的流行度越来越高，也有越来越多的项目采用这种技术方案进行了实现。SSR 产生的背景是什么？适用的场景是什么？实现的原理又是什么？希望大家在这篇文章中能够找到你想要的答案。 服务器端渲染：用户请求服务器，服务器上直接生…

ADB，即 Android Debug Bridge 是一种允许模拟器或已连接的 Android 设备进行通信的命令行工具，它可为各种设备操作提供便利，如安装和调试应用，并提供对 Unix shell（可用来在模拟器或连接的设备上运行各种命令）的访问。可以在Android SD…

众所周知，canvas 是前端进军可视化领域的一大利器，借助 canvas 画布我们不仅可以实现许多 dom 和 css 难以实现的、各种绚丽多彩的视觉效果，而且在渲染数量繁多、内容复杂的场景下，其性能表现及优化空间也占据一定优势。 然而 canvas 却存在一个缺陷：由于 c…

为什么要写这个系列呢? 市面上关于前端的三维渲染的入门教程层出不穷, 有偏重于数学计算原理的, 有偏向于渲染管线流程介绍的, 也有告诉你API怎么用如何快速上手的. 这系列文章期望从零开始去考虑3D渲染引擎的搭建, 从无到有一步一步去构建三维渲染必备的要素和流程, 让读者能够"…

本文灵感以及代码实现参考自源码：TNG-Hooks。此库的开发者也是大名鼎鼎的 You-Dont-Know-JS 的作者 **Kyle Simpson。**所以本文也可以叫做 TNG-Hooks 源码精读 :-)。 在 Github README 中提到 TNG-Hooks 的…

Shell “实趣”系列的第二篇来啦。 今天介绍一个十分强大的 CLI 模糊查询工具命令 - fzf，由于 fzf 是一个通用的查询命令，基于 fzf 命令可以衍生出许许多多实用的命令。 然后我们可以直接在命行中快速体验了。示意如下，可以通过 fzf 模糊查找文件如下： 为了可…

本篇文章适合使用React一年左右的小伙伴阅读。我希望它可以作为一把开启React源码大门的钥匙。我将会从搭建环境开始, 一步一步带着大家完成一个简易的React框架。代码我将会托管到我的github上, 供大家在阅读的过程中作为参考。 为了更加直观的展示效果, 我们可以将打包…

这是 Shell “实趣”系列的第一篇，本系列的中指···哦不，是宗旨是，简单不烧脑，实用或有趣。 最近笔者发现一个神奇的组合 cowsay + motivate 可以在终端构建一个对你循循善诱，苦口婆心，说着名言（心灵鸡汤）的小奶牛。 cowsay 图像类型有大概 190 款…

在前端领域我们可以通过四种方式来绘制图形，包括 HTML+CSS、SVG、Canvas2d 还有 WebGL，其中 WebGL 属于非常少用的一种绘图方式，尽管如此，其却有着无可替代的位置。接下来，让我们从这四种绘图方式开始，来了解下 WebGL 吧。 HTML+CSS 是最常…