Archives

Backdoor Progression 后门进行

简单来说，Backdoor Dominant Chord 是一种用降七级属七和弦 (♭VII7) 来替代五级属七和弦 (V7) 的和声手法。

丟卡利翁（Deucalion）和皮拉（Pyrrha）

丢卡利翁和皮拉在宙斯发动的大洪水中幸存，并按照神谕指引通过抛掷石头重新创造了人类，成为新世界的始祖。

五十音汉语联想记忆

五十音汉语联想记忆

V System by Ted Greene

V-System 是由 Ted Greene 创立的革命性吉他和弦组织系统。它主要关注 四音和弦，并旨在帮助吉他手系统化地理解和掌握这些和弦，而不是随机记忆大量和弦。

OpenZeppelin Multicall 源码解读

本文对 OpenZeppelin Multicall 的源码做简单解析，基于 OpenZeppelin v4.5.0 版本。

代理模式：部署可升级智能合约的关键

智能合约部署后无法修改，若出现 bug 或需要添加新功能，只能重新部署新合约、迁移数据、更新相关合约地址并说服社区使用新合约。为了解决这个问题，需要一个方便的解决方案，允许在不丢失数据的情况下更改合约代码。

Uniswap Permit2：下一代以太坊授权机制，低开销、安全且通用

本文对以太坊授权机制做简单解析。

Solidity 提款模式（withdrawal） 是什么？

如果在一些逻辑之后需要进行转移资金操作时通常是建议使用提款模式（withdrawal pattern）。

ethers.js V6 带来了什么

本文对 ethers.js 更新版本 V6 的内容做简要总结

OpenZeppelin ERC20 源码解读

本文对 OpenZeppelin ERC20 的源码做简单解析，基于 OpenZeppelin v4.8.0 版本。

图解 Solidity 安全：重入攻击（reentrancy attack）

重入攻击是指恶意合约在对目标合约的提款调用执行过程中，不等执行结束再通过调用该合约的函数对其进行二次攻击，从而破坏原本的执行流程，达到攻击目的的技术。

Monorepo 能给前端工程带来什么

现在谈 Monorepo 或许有些晚了，作为历史可以追溯到 2000 年初的技术思想，它已经经过多次的迭代优化，衍生出了很多优秀的框架和工具。不过对于前端在近几年工程的日益复杂化，Monorepo 在前端领域或许可以降低一定的项目复杂度。

缓存淘汰策略的三个代表

缓存是有空间的限制的，不同的情况下会采取不同的缓存淘汰策略应对缓存满载

如何打造一款自己的 VSCode 主题？

我之前一直用 **One Dark Pro** 后来又转到 **Material Theme Palenight** 再到后来的 **Dracula** 。总觉得有些配色很奇怪（工作太闲），于是写了一个 VSCode 深色主题：

可能是最全的 Javascript 类型检查方案

类型检查在各种强类型语言（Typescript、Flow.js）出现之前一直是我们手动检查的，检查的方式也是多种多样。本文尽量总结出所有类型最优的检查方式，和解释所有方式的原理，如果有错误请各位大佬指正，除此之外对于类型检查当然拥抱强类型我觉得才是未来。

上手 Vue 3 + TS 应该用 Oprions API 还是 Composition API？

在这篇文章中，我会同时用常规 JavaScript 和 options API 以及 TypeScript 和 Composition API 写出两种不同风格的 Vue 3 组件，我们会从中看到两者的差异以及一些可能被忽视的优点。

浅拷贝没那么简单

浅拷贝： 只能对基本类型的值拷贝，如果所要拷贝的对象的某个属性的值是对象的话，那么目标对象拷贝得到的是这个对象的引用。

跨域方法整理

为了防止网站被 XSS、CSRF 攻击，Netscape 公司在 1995 年引入同源策略/SOP(Same origin policy),它是指“协议+域名+端口”三者相同

使用 requestAnimationFrame 来提升动画性能

在实际项目中我们经常会遇到生成动画的需求，传统方法是通过使用setTimeout和setInterval进行实现，但是定时器动画有两个弊端

排序算法 N 个正整数排序

高德纳在《计算机程序设计艺术》里对算法归纳为以下几点：

Hexo 已经看腻了，来试试 VuePress 搭建个人博客

先简单介绍一下VuePress，这是尤大在2018年4月份发布的一个新轮子。

学会了 ES6，就不会写出那样的代码

声明变量的新姿势

使用 ColorfulImg 获取图片主题色！

前几天遇到了获取图片主题色的需求，于是去找了一些相关的博客，发现实现起来相当简单，于是自己开发了一个获取图片主题色的网站

吃透 ES6 简洁优雅的箭头函数

箭头函数可能是 ES6 最有特点的新特性了，它不仅可以让代码变得优美，而且更直观利于理解。

吃透 ES6 let 和 const

ES6 在原有两种声明变量命令（var和function）的基础上，又加入了一共四种声明变量的命令let const import class，本文先对let和const的用法进行说明。

this 到底指向哪里？

老生常谈的问题了，之前一直有些模糊，这次争取一次写清楚。

认识 HTTP 状态码

当我们向服务端发送请求的时候，为了让用户更好的理解返回结果，通常要借助状态码来通知用户服务器端是正常处理了请求，还是出现了偏差。

浏览器渲染引擎到底做了什么？

说浏览器内核之前先聊聊几个浏览器大佬，目前有可观市场份额的浏览器有5个，分别是Internet Explorer、Firefox、Safari、Chrome和 Opera浏览器。

rem 方案完美解决自适应

随着移动互联网的兴起，Web app的开发也越来越重要，与此同时页面布局也成了一个令人头痛的问题。rem的出现貌似可以完美解决移动端适配的问题。

两周时间掌握 47 个 CSS 技巧

两周时间收益匪浅，学习了很多 CSS 技巧，感觉打开了新世界的大门，在看到一半的时候感觉还是自己实现一边印象比较深刻。于是自己把 47 个 CSS 技巧全部实现了一遍

如何在你的项目中引入 emoji 😀

最近在做我们学校的表白墙网站，在做到评论功能的时候自然而然就想到了emoji-😏

认识 HTTP Web 安全与攻击手段

目前，互联网攻击大多是针对应用HTTP协议的服务器和客户端，以及运行在服务器上的Web应用等资源，本文主要针对Web应用的攻击技术进行简单分析。

JavaScript 继承新旧方法汇总

我们生成两个构造函数，后面的例子都是让‘’猫‘’继承‘’动物‘’的所有属性和方法。

认识 HTTP Cookie 和 Session 篇

HTTP是无状态协议，说明它不能以状态来区分和管理请求和响应。也就是说，无法根据之前的状态进行本次的请求处理。

认识 HTTP 缓存篇

所以讲缓存为什么要先扯代理服务器？别急，让我们看一下一个请求的简单示意图。

JavaScript 的三种事件模型

面试中有时候会提到事件模型的概念，平时云里雾里的，所以找个机会总结一下，并不是很复杂的东西。

CSS 清除浮动的三种方法

图片被添加了float:left属性,实现了文字环绕效果.但是再给div加了border之后,我们发现图片并没有被包起来,也就是图片浮上来了一层,那么怎么解决这种情况,包住图片呢?

搞懂 Z-index 的所有细节

Z-index 的运用是需要条件的,与其相关的属性就是 position 属性。我们以三个 div 来举例子。

使用原生 JS 实现事件委托

什么是事件委托?用个例子就可以很简单的解释事件委托是怎么一回事了：