Grid 网格布局拿到大屏设计稿首先是设计页面布局，把布局中最基本的 块（项目） 定义好。这里用 flex 布局一把梭也能实现，但是没有 grid 强大和灵活，比如块（项目）大小、间距改变，这些改起来还是相当麻烦的。如果是 grid 布局，修改模块间距就方便很多，它有一个 gap 属性，row-gap属性设置行与行的间隔（行间距），column-gap属性设置列与列的间隔（列间距）。 123...

前言我很喜欢作者的这个系列文章，干净的代码不仅可以增强代码的健壮性，也能带来愉悦的心情，让人喜欢上 coding👨‍💻，编写代码是一门艺术🙆‍♂️，因此我们需要考虑使用更合理的实现方式，而不是为了完成 “任务” 而写出一些无用的变量以及各种 if 嵌套和回调地狱🤮。这些会导致代码结构混乱、逻辑难以理解，最终可能会给未来接手代码的程序员带来麻烦，甚至会得到未来接手你代码程序员的亲口祝福...

前言 “阅读这本书有两种原因：第一，你是个程序员；第二，你想成为更好的程序员。很好，IT行业需要更好的程序员！”——罗伯特·C. 马丁（Robert C. Martin） 冲浪时看到的一篇文章，觉得写的很不错。翻译下放到自己博客上，顺便学习一下这本书的思想😁 以下是《代码整洁之道》中文翻译版的一个在线仓库，可以直接看 https://github.com/xiangshu233/Clea...

乡秀树 你死过一次 我把我的生命赋予了你 你已经是奥特曼了 我是奥特曼 这是你的秘密 我们将共同为捍卫人类的自由和幸福奋斗 我是奥特曼 我的使命是打击一切 威胁人类自由和幸福的敌人 队长 乡君他首次作战 不是故意的 谁都会有过失的 他不是由于过失 这是骄傲自大 我的确自满了 我一直把自己看作是奥特曼 在这之前 我是乡秀树 我应该努力才对 我问你 你在 MAT 队尽力了么 一个运动员在比赛...

前言本约定不是固执己见的，均收集于社区主流规范和 vue 官方风格指南。 更细粒度风格指南请看：这里是官方的 Vue 特有代码的风格指南 虽然学习和遵守规范的过程可能有些痛苦，但我坚信它会对你的开发生涯带来巨大的好处。请不要排斥规范，因为它能够让你编写出更优雅的代码，给你带来身心愉悦。合理的规范有助于团队之间更好地沟通协作，提高开发效率，并且能够早期发现潜在的 BUG 和错误。 了解前端工程...

一、为什么 JavaScript 是单线程我们都知道 JavaScript 是一门单线程语言，也就是说，同一个时间内只能做一件事。至于它为什么不能是多线程，这和它的用途有关。作为浏览器脚本语言，JavaScript 的主要用途是与用户互动，操作 DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定 JavaScript 同时有两个线程，一个线程在某个 DOM 节点上添加内容...

js 中 new 操作符干了什么 创建一个空对象 让新对象继承构造函数的原型对象 调用构造函数，传入实参，并自动替换构造函数中的 this 为 new 正在创建的新对象。构造函数中，通过强行赋值的方式为新对象添加规定的属性，并保存属性值 返回新对象的地址，保存到=左边的变量中但是 eslint 已经有了不让 new 的规则，大部分新生 API 都采用 create 方式，比如 vu...

前言 随着多人开发团队推进着前端工程化的不断发展，团队规范与项目系统化配套工具链条也在不断诞生。 从 lerna 或到最近兴起的 pnpm 管理 monoreo workspace。 eslint 配合 pretter 确保团队代码格式统一性。 commitizen 配合 commitlint 与 lint-staged 与 husky 之间的配合，把关最后提交代码质量与 commit 信息...

前言在团队开发时，为了保证每个人提交的代码格式统一，采用 husky + lint-staged 配置 git hooks，自动触发格式化操作，对通过 git add 命令添加到暂存区的代码进行格式化。 概念什么是 git hook在介绍 husky 之前，我们先来看什么是 git hook，也就是常说的 Git 钩子。 和其它版本控制系统一样，Git 能在特定的重要动作发生时触发自定义脚本...

🎉🎉🎉2022-10-23参照本文重新部署测试后，成功访问，本文仍具有参考价值。 前提条件你已经在本地搭建好了 Hexo 所需要的环境 Git、Node.js、hexo 且已经在本地可以运行 Hexo 静态网站，Git 推荐 gitbash 代替 cmd 本地机器配置在本地机器任意目录右键 git bash 打开命令窗口使用 ssh 生成公钥 12# 生成密钥命令ssh-keygen...