Zlog

Zlog 部署指南（一）：三种方式怎么选

2026-08-16T00:00:00.000Z

本地使用、Turso 云端同步、一键发布 Vercel——三种方式怎么选？一张对比表 + 决策树，5 分钟上手。

Zlog 部署指南（二）：Turso 云端同步

2026-08-16T00:00:00.000Z

把博客数据同步到 Turso 云端库：注册建库、桌面端填入连接串、验证同步，数据安全与多端一致。

Zlog 部署指南（三）：一键部署到 Vercel，发布公网

2026-08-16T00:00:00.000Z

Zlog Deployment Guide (1/3): Which Mode Should You Choose?

2026-08-16T00:00:00.000Z

Local use, Turso cloud sync, or one-click Vercel publish? A comparison table and a decision tree to get started in 5 minutes.

Zlog Deployment Guide (2/3): Turso Cloud Sync

2026-08-16T00:00:00.000Z

Sync your blog to a Turso cloud database: sign up, create a DB, paste the connection URL into the desktop app, and verify.

Zlog Deployment Guide (3/3): One-Click Deploy to Vercel

2026-08-16T00:00:00.000Z

Sign up for Vercel, create a token, and one-click deploy from the desktop app — no Git or terminal, public in 2–5 minutes.

大模型学习路线

2026-08-04T00:00:00.000Z

零机器学习背景学习大模型的 GitHub 开源路线：深度学习基础、Transformer 与注意力、LLM 原理、RAG/Agent 应用、微调部署。

OffscreenCanvas

2025-12-10T00:00:00.000Z

MDN-OffscreenCanvas

Service Worker

2024-05-28T00:00:00.000Z

Web worker 是一种在浏览器中运行的后台脚本，它可以在独立的线程中执行任务，而不会阻塞主线程的执行。Web worker 的主要作用是处理耗时的计算任务，例如图片处理、文本分析、数据处理等，以避免阻塞主线程，提高页面的响应性能

vue-tour二次封装

2023-07-22T00:00:00.000Z

npm install vue-tour

Web Components

2023-01-01T00:00:00.000Z

Web components 是原生的组件化开发技术，它可以让我们创建自定义的 HTML 元素，并且功能和样式都会封装在组件内部，不影响其它的元素。

Facade

2021-12-26T00:00:00.000Z

外观模式：就是提供一个统一的接口去访问多个子系统的多个不同的接口，为子系统中的一组接口提供统一的高层接口。使得子系统更容易使用，不仅简化类中的接口，而且实现调用者和接口的解耦。

Singleton

2021-12-26T00:00:00.000Z

单例模式：就是在整个运行时域，一个类只有一个实例对象。

Function Overloading

2021-12-19T00:00:00.000Z

函数名相同，函数的参数列表不同（参数个数、参数类型），根据参数的不同之行不同的操作。

Stylelint

2021-12-12T00:00:00.000Z

JS 代码有 ESLint 等格式化工具来校验、格式化，相对的，CSS 也有格式化工具。本文就主流 CSS 格式化工具 Stylelint 以及我们为什么要做 CSS 样式格式化略作介绍。

JS惰性载入函数

2021-11-21T00:00:00.000Z

惰性载入函数：函数执行时会根据不同的判断分支最终选择合适的方案执行，但这样的分支判断仅会发生一次，后面的其他同类执行都不会再分支判断。提高了 JS 执行效率性能。

Yeilding Processes

2021-11-21T00:00:00.000Z

与桌面应用可以动态调整运行所需内存和处理器时间不同的是，运行在浏览器中的 JavaScript 都被分配了一个确定数量的资源，是有严格限制的。当 JavaScript 代码运行超过特定的时间或者语句数量就会被阻止继续执行，但实际开发中难免会遇到过长、过深嵌套的函数调用或者大数组的循环处理，为了解决这些问题就有了定时器及分块的解决方案。

Scriptable

2021-10-03T00:00:00.000Z

iOS Scriptable 脚本合集：提醒事项同步日历、快捷指令自动化、新闻小组件等。

PicGo + Github + jsDelivr搭建图床

2021-10-01T00:00:00.000Z

之前一直用 iPic 自带的新浪免费图床保存博客图片，期间有一些图片丢失了，另外就是因为 iPic 默认会给透明背景的图片加上一个白色背景，导致博客在暗黑模式下加载的图片有一个很难看的白边，对于有强迫症的我来说忍无可忍，所以就尝试了 PicGo + Github 搭建图床，问题完美解决。

WEB性能优化

2021-08-01T00:00:00.000Z

内容分发网络（Content Delivery Network）利用全局负载均衡和缓存系统

React生命周期

2021-07-25T00:00:00.000Z

当组件实例被创建并插入 DOM 节点时，其生命周期调用顺序如下：

Scrapy

2021-06-02T00:00:00.000Z

或者用 Anaconda（安装略）下载 Scrapy

MySQL

2021-05-19T00:00:00.000Z

集成化开发环境内置，或者官网下载单独安装

MySQL

2021-05-19T00:00:00.000Z

MySQL 常用操作与使用笔记。

Virtual Private Network

2021-05-14T00:00:00.000Z

Visit http://aws.amazon.com/free/ and complete the signup. If you already have an Amazon AWS account then please login and follow on.

类

2021-05-02T00:00:00.000Z

类

声明文件

2021-05-02T00:00:00.000Z

实际开发中需要引入第三方库，但这些库不能使用 TS 的类型检查等特性方法，所以需要将这些库里的函数和方法体去掉后只保留导出类型声明，而产生了一个描述 JavaScript 库和模块信息的声明文件。通过引用这个声明文件，就可以借用 TypeScript 的各种特性来使用库文件了。

enum枚举类型的注意点

2021-05-02T00:00:00.000Z

enum枚举类型的注意点

泛型

2021-05-02T00:00:00.000Z

定义一个创建数组的方法, 可以创建出指定长度的数组, 并且可以用任意指定的内容填充这个数组。

接口

2021-05-02T00:00:00.000Z

接口是一系列抽象方法的声明，是一些方法特征的集合，这些方法都应该是抽象的，需要由具体的类去实现，然后第三方就可以通过这组抽象方法调用，让具体的类执行具体的方法。

类型断言

2021-05-02T00:00:00.000Z

类型断言可以手动指定一个变量的类型，即允许一个变量从一个类型转换到另一个类型。

数组｜元组类型变量声明

2021-05-02T00:00:00.000Z

TS中的元祖类型其实就是数组类型的扩展,元祖用于保存定长定数据类型的数据

Appium之android app自动化测试

2021-04-21T00:00:00.000Z

Genymotion + Appium + Python 是主流的移动端 App 自动化测试解决方案之一，本文记录该方案的 Android App 自动化测试环境搭建 (macOS-11.x) 及 demo 演示。

Jest

2021-04-21T00:00:00.000Z

由 Facebook 开源的 JS 测试框架 ( 单元测试 ) ，集成了断言、覆盖率报告等工具，开箱即用。其用例并行执行，且只执行发生改变的文件对应的测试，所以性能较优。

正则表达式

2021-04-18T00:00:00.000Z

正则表达式常用的基本操作

ESLint

2021-04-18T00:00:00.000Z

JavaScript 是一种动态的弱类型解释型语言，没有编译程序，所以一些错误只有在代码执行的时候才能暴露出来，而不像 C/C++ （内置 gcc/g++编译程序）等编译型语言那样，在编译阶段就可以发现问题。因此 Nicholas C. Zakas 于 2013 年 6 月创建了开源项目 ESLint，使得原来在执行阶段才能暴露的问题提前到代码编写阶段暴露。

Vue刷新页面的三种方式

2021-02-01T00:00:00.000Z

location.reload()；

继承

2020-12-14T00:00:00.000Z

继承：就是利用原型让一个引用类型继承另一个引用类型的属性和方法。

创建对象

2020-11-27T00:00:00.000Z

构造函数模式 + 原型模式组成的组合模式是创建自定义类型的最常见方法。

Vue响应式原理及2.x和3.x的区别

2020-11-01T00:00:00.000Z

Vue响应式原理及2.x和3.x的区别

ES6

2020-10-26T00:00:00.000Z

Set 对象允许存储任何类型对唯一值（不重复）

数组扁平化

2020-10-23T00:00:00.000Z

将多维数组转换成一个一维数组 [1, [2, 3, [4, 5]]] ------> [1, 2, 3, 4, 5]

yarn.lock与package-lock.json互转

2020-08-18T00:00:00.000Z

npm install -g synp

防抖和节流

2020-07-14T00:00:00.000Z

如下 input 输入 keyup 监听

Vue生命周期

2020-07-05T00:00:00.000Z

Vue 生命周期即 Vue 实例从创建->运行->销毁过程中暴露出来的一系列函数，也称 Vue 钩子（函数）

微信小程序云开发

2020-06-09T00:00:00.000Z

:link: Demo 代码

Mac安装MongoDB

2020-05-21T00:00:00.000Z

macOS 上安装 MongoDB 的步骤与配置说明。

Nginx反向代理

2020-05-20T00:00:00.000Z

Nginx反向代理

Linux服务器运行Node脚本爬取数据

2020-05-20T00:00:00.000Z

在 Linux 服务器上部署 Node 脚本定时爬取数据的实践记录。

Nginx反向代理

2020-05-20T00:00:00.000Z

Nginx 反向代理配置实战与踩坑记录。

Python常用技巧

2020-05-19T00:00:00.000Z

⚠️注意，当存在同名健值对，后面的会覆盖掉前面的，因为dict类型不允许有同名键，而且键只能是不可变类型（数字、字符串、元组），列表就不能作为键使用。

Request

2020-05-19T00:00:00.000Z

Request

Mac终端命令不可用的解决办法

2020-05-16T00:00:00.000Z

export PATH=/usr/bin:/usr/sbin:/bin:/sbin:/usr/X11R6/bin

Decorator(装饰器)

2020-04-19T00:00:00.000Z

输出小于10000的所有质数，并打印程序执行耗时

Lambda表达式

2020-04-19T00:00:00.000Z

在python里面，如果一个函数只有一句话的话，可以用一种叫lambda表达式的东西代替。

WebStorm 2019.3

2020-03-28T00:00:00.000Z

WebStorm 2019.3

iSH

2020-03-21T00:00:00.000Z

iSH :link: ish.app 模拟的是 x86 i686（32 位）的 Linux 系统，使用的 Linux 系统镜像是 Alpine Linux。作为一个 x86 仿真和系统调用转换程序，虽然不能完全取代真正的 x86 架构的 Linux 系统，但是用来做轻量开发、写代码、学习等等是可以满足的。

iTerm2

2020-03-21T00:00:00.000Z

:link: 下载地址：

登陆请求拦截

2020-03-02T00:00:00.000Z

在定义路由的时候多添加一个字段 requireAuth，用于判断该路由的访问是否需要登录，若用户已登录，则顺利进入路由，否则跳转至登录页面

Proxy实现表单拦截校验

2020-03-02T00:00:00.000Z

Proxy实现表单拦截校验

All Protocol

2020-03-02T00:00:00.000Z

All Protocol

浏览器缓存

2020-03-02T00:00:00.000Z

HTTP Cookie（也叫 Web Cookie 或者浏览器 Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据，他会在浏览器下次向同一服务器再发起请求时被携发送到服务器上。通常，它用于告知服务器两个请求是否来自同浏览器，如保护用户的登录状态。Cookie 使基于无状态的HTTP协议记录稳定的状态信息成为可能。

浏览器页面渲染及Http1.x/2.x

2020-03-02T00:00:00.000Z

浏览器页面渲染及Http1.x/2.x

Http缓存

2020-03-02T00:00:00.000Z

当用户开始访问一个网站时，浏览器会从目标服务器获取一些资源用以构建最终的 web 页面，比如 CSS、JS、HTML 等静态文件。当 PV 量很大的候，每次都直接从服务器请求数据，就会很耗费服务端的性能，为了提升数据交换性能、缓解服务器或数据库压力，HTTP 协议给出了一个优化方案，简述如下：

OSI七层和TCP/IP模型

2020-03-02T00:00:00.000Z

+ TCP属于传输层，提供可靠的字节流服务。所谓的字节流，其实就类似于信息切割，分片传输。

TCP & UDP

2020-03-02T00:00:00.000Z

+ TCP 是面向连接的，UDP 是面向无连接的

Jsonp封装

2020-03-01T00:00:00.000Z

Jsonp封装

组件发布到 NPM

2020-02-28T00:00:00.000Z

基于 vue-cli 3.0 开发，已发布到 npm 上的 UI 组件 —— :link: ti-ui-self

Grid

2020-02-21T00:00:00.000Z

Grid 布局是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局，比Flex布局更加强大。采用网格布局的区域，称为"容器"（container），容器内部采用网格定位的子元素，称为"项目"（item）。

pseudo classes(伪类)

2020-01-19T00:00:00.000Z

a:x 有序生效 link -> visited -> hover -> active

Js浅拷贝和深拷贝

2020-01-01T00:00:00.000Z

Js浅拷贝和深拷贝

new

2020-01-01T00:00:00.000Z

创建类的新实例，必须调用 new 操作符，以这种方式调用构造函数实际经历了四步：

BFC

2019-12-28T00:00:00.000Z

BFC 是块级格式化上下文（Block Formatting Context）的缩写。

CSS书写规范

2019-12-28T00:00:00.000Z

CSS书写规范

position

2019-12-28T00:00:00.000Z

.top 元素距离其在正常文档流中的位置 top: 10px

Unit

2019-12-28T00:00:00.000Z

| 单位 |描述 |

Vue-cli

2019-12-28T00:00:00.000Z

1. 新建目录：mkdir vue-cli2

数组的访问方法

2019-12-28T00:00:00.000Z

arr.concat(value1[, value2[, ...[, valueN]]])

数组的迭代方法

2019-12-28T00:00:00.000Z

arr.entries()

数组的修改方法

2019-12-28T00:00:00.000Z

arr.copyWithin(target[, start[, end]])

数组

2019-12-28T00:00:00.000Z

在 MDN 的基础上附加一些想法及常用示例。

箭头函数

2019-12-28T00:00:00.000Z

箭头函数表达式的语法比函数表达式更简洁，并且没有自己的 this、arguments、super 和 new.target。箭头函数更适用于本来应该需要匿名函数的地方，并且它们不能用作构造函数。

无法访问 undefined、null 的属性

2019-12-28T00:00:00.000Z

而访问另外三个原始类型（Number、String、Number）则不会存在问题。

Error 类型

2019-12-28T00:00:00.000Z

代表了一个关于 eval 函数的错误，但不在当前 ECMAScript 规范中使用，因此不会被 JavaScript 抛出，但是 EvalError 对象仍然保持兼容。

对象的构造函数方法

2019-12-28T00:00:00.000Z

func.apply(thisArg, [argsArray])

隐式转换

2019-12-28T00:00:00.000Z

::: tip 默认的 falsy

调用表达式

2019-12-28T00:00:00.000Z

当对调用表达式进行求值的时候，首先计算函数表达式，然后计算参数表达式，得到一组参数值。如果函数表达式的值不是一个可调用对象，则抛出一个类型错误异常（所有的函数都是可调用的，即使宿主对象不是函数它也有可能被调用）。然后，实参的值将依次赋值给形参，这些形参是定义函数时指定的，接下来开始执行函数体。如果函数使用 return 语句给出一个返回值，那么这个返回值就是整个调用表达式的值。否则，调用表达...

函数调用

2019-12-28T00:00:00.000Z

函数定义从 function 关键字开始，构成函数主体的 JavaScript 代码在定义之时并不会执行，只有调用该函数时，它们才会执行。

对象构造函数冻结方法

2019-12-28T00:00:00.000Z

Object.freeze(obj)

对象构造函数属性方法

2019-12-28T00:00:00.000Z

Object.defineProperty(obj, prop, descriptor)

对象的构造函数方法

2019-12-28T00:00:00.000Z

在 ES5 时存在三种：

对象的实例函数方法

2019-12-28T00:00:00.000Z

obj.hasOwnProperty(prop)

处理 JSX 中函数调用

2019-12-28T00:00:00.000Z

虽然期望的是传递函数引用，然而实际上是函数调用，为了解决这个问题通常存在一些解决方案。

作用域与闭包

2019-12-28T00:00:00.000Z

尽管 JavaScript 被划分到 “动态” 或 “解释型” 语言的范畴，但是其实他是一个编译型语言。它不像许多传统意义上的编译型语言那样预先被编译好，编译的结果也不能在各种不同的分布式系统间移植。

语句和表达式

2019-12-28T00:00:00.000Z

一种常见的现象是，开发者们假定“语句（statement）”和“表达式（expression）”是大致等价的，而实际上在 JavaScript 中它们存在一些非常重要的区别。

字符串拼接方法

2019-12-28T00:00:00.000Z

str.concat(string2, string3[, ..., stringN])

字符串格式化方法

2019-12-28T00:00:00.000Z

str.toLowerCase()

字符串查询方法

2019-12-28T00:00:00.000Z

str.charAt(index)

字符串正则方法

2019-12-28T00:00:00.000Z

str.match(regexp)

字符串截取方法

2019-12-28T00:00:00.000Z

str.replace(regexp|substr, newSubStr|function)

this 关键字

2019-12-28T00:00:00.000Z

虽然 this 可能经常看起来是与 “面向对象模式” 有关的，但在 JavaScript 中 this 是一个不同的概念。

常用数组方法及分类

2019-10-19T00:00:00.000Z

| 方法 | 作用 ...

隐式类型转换的妙用

2019-10-19T00:00:00.000Z

隐式类型转换的妙用

跨域及几种解决方法

2019-10-14T00:00:00.000Z

跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对 javascript 施加的安全限制。

Webpack原理浅析

2019-08-18T00:00:00.000Z

webpack 是一个模块打包机制，将根据文件间的依赖关系对其进行静态分析，然后将这些模块按指定规则生成静态资源。

Webpack4.0

2019-08-18T00:00:00.000Z

npm install webpack webpack-cli -g

Js垃圾收集机制原理

2019-08-17T00:00:00.000Z

垃圾收集器按照预定的时间间隔，重复执行回收未使用变量所占用的内存。

Js之 toString() 和 String() 的区别

2019-07-05T00:00:00.000Z

Js之 toString() 和 String() 的区别