唐志远の博客

一架会飞的大灰机~

Flexbox 布局也叫 Flex 布局。它的主要思想是使父元素能够调整子元素的宽度、高度、排列方式，从而更好的适应可用的布局空间。

Webstack一个开源的公益项目，你可以拿来制作自己的网址导航，多种主题版本供你选择，个人选择的是Hexo。

由于Vercel官方域名的Dns污染问题，导致在不挂梯子的情况下无法获取Twikoo评论数据。这里提供一种解决方案，需要的请自提！

在认识图片优化前，我们先了解下 【二进制位数】与【色彩呈现】的关系。 二进制位数与色彩在计算机中，一般用二进制数来表示像素。在不同的图片格式中，像素与二进制位数之间对应的关系是不同的。一个像素对应的二进制位数越多，它能表示的颜色种类就丰富，成像效果也就越精致，图片所需的存储空间相应也会越大。 目前市场上优化图片资源的方式有很多，如压缩图片、选择正确格式、 CDN 加速、懒加载等。 压缩图片压缩 ...

JS 代码执行过程在了解 V8 的执行 JavaScript 代码的机制之前，我们先来看看编译型和解释型语言的区别。 编译型语言和解释型语言机器是不能直接理解代码的。所以，在执行程序之前，需要将代码翻译成机器能读懂的机器语言。按语言的执行流程，可以把计算机语言划分为编译型语言和解释型语言: 编译型语言: 在代码运行前编译器直接将对应的代码转换成机器码，运行时不需要再重新翻译，直接可以使用编译后 ...

前言对于宽屏设备上，用猫咪滚动条替换原生滚动条，可不可爱，你说了算！ 推荐阅读 基于 Hexo 从零开始搭建个人博客（一） 基于 Hexo 从零开始搭建个人博客（二） 基于 Hexo 从零开始搭建个人博客（三） 基于 Hexo 从零开始搭建个人博客（四） 基于 Hexo 从零开始搭建个人博客（五） 基于 Hexo 从零开始搭建个人博客（六） 基于 Hexo 键入搜索功能 基于 Hexo 键入分享功 ...

更新记录 2022-12-14 添加 CSS Button Generator、花式边界半径、加载动画 LOADING.IO、我可以用这个css吗？、You-need-to-know-css。 NeumorphismNeumorphism 是一个很棒的工具，可以根据你的喜好选择颜色、编辑大小、半径、距离等为你的设计生成 UI CSS 代码。 AnimistaAnimista 是CSS ...

absolute + (-margin)如果元素的宽度和高度已知，我们可以使用至少 3 种方法来使元素居中。例如，在下图中，小猫的宽度和高度分别为 “500px” 和 “366px” 。我们应该如何居中？ 用 “absolute + (-margin)” 很容易完成， 代码如下： <div class="container"> <img class="cat" src="h ...

前端架构的前世今生架构是如何产生的？刚开始时，前端是没有架构的。为什么会这么说呢？ 因为 js 在刚开始诞生时，它的目的是为了让用户在 页面上的交互 会更加地流畅，仅仅只是作为一个工具来使用。通常情况下，那个时候的前端代码会内嵌到 后端的应用 中来使用。 随着时间的推移和前端的发展，在一个网页当中，js 的代码会越来越多，交互也变得越来越复杂。于是有了一些后端的架构，比如说：后端MVC框架。 MV ...