锁定项目 Node 版本和包管理器

2022-05-30
阅读 1 分钟
4.7k
成员机器 Node.js 版本不统一: 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意,在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。
封面图

我造了个前端 Mock 工具

2022-05-11
阅读 1 分钟
2.5k
闲着没事造了个浏览器插件解决前端 Mock 问题。官网地址 [链接]前端的痛苦某一天 leader 问咱们 xxx 需求进度咋样了?后端: 接口完成,就差前端联调了前端:你。。。我。。。(哔~~)第二天 前端加班加点联调好了,想自测下不同接口数据的前端表现前端: 后端大大,哪个账号下数据比较多,我想测试下分页;哪条数据能触...
封面图

通过 .vscode/settings.json 无感知控制成员的 vscode 表现

2022-04-07
阅读 3 分钟
3.7k
通过在项目根目录下新增 .vscode/setings.json 文件,可以做到项目成员的 vscode 表现一致。常见的需求有保存文件自动 fix,保存自动格式化代码等。为了尊重成员的个性化需求,不要对主题、字体等做控制。
封面图

约束前端项目中的目录和文件名

2022-04-06
阅读 2 分钟
2.6k
好的目录设计架构就成功了一半 --- 如何约束项目中的目录和文件名编程中命名规范有:camelCase (驼峰命名法)PascalCase (帕斯卡命名法,又名大驼峰命名法)snake_case (下划线命名法)kebab-case (中划线命名法)Hungarian notation(匈牙利命名法 - 一个十分系统又古老的命名规范)背景入职后接了个新的模块需求,笔者可以...

前端代码库里的 git hooks

2021-10-24
阅读 3 分钟
4.5k
本篇文章收获什么:git hooks 的基本知识yorkie 的原理浅析如何使用 本地 vscode 打开 github 项目故事是这样的:我:在npm run lint脚本里面加了vue-tsc --noEmit --skipLibCheck && ....这个命令后,-- no-verify可能就无法生效同事:一脸黑线,肯定还能继续使用-- no-verify越过检查的我:... 出糗了 难道-- ...
封面图

学点bash,装B - 快速移动光标

2021-10-21
阅读 1 分钟
2.9k
学点bash,装Bthe-art-of-command-linectrl-w 删除你键入的最后一个单词ctrl-u 删除行内光标所在位置之前的内容ctrl-k 删除光标至行尾的所有内容ctrl-l 可以清屏ctrl-a 可以将光标移至行首ctrl-e 可以将光标移至行尾option-b 和 option-f 可以以单词为单位移动光标若按单词移动失效,请按文章引导配置焦虑的头发都要掉了...
封面图

构建自己的知识体系

2020-09-07
阅读 1 分钟
2.1k

采用20/80原则学习 CSS Grid 布局

2018-08-03
阅读 5 分钟
9.5k
本文不会覆盖Grid 布局的所有细节,而是面向那些想快速用起来并看到效果的你们。我将会向你介绍 Grid 技术的20%,学会了这些你就掌握了Grid 功力的80%了,开心不🤒。

编程技巧:尝试不用 If 语句编程

2018-01-29
阅读 3 分钟
6.9k
你可能会疑问不使用if有什么好处?额~,可能也没啥很明显的好处,就是换种思考方式来解决问题。if-else并没有错,但在某些情况下大量的if-else可能会降低代码可读性。下面会列举一些实例带你感受其中的奥妙。

嘿~ 是时候学学栅格布局GRID了 概念篇

2017-12-04
阅读 2 分钟
4.9k
Grid,真的布局神器。Css在引入Flex布局和Grid布局两个模块后,才真正有了布局的概念。最初的table布局不知道是神马鬼,再到 float 满天飞,可能还要使用abosulte来实现页面的布局。总之,实现起来特别别扭,要时刻注意:我这么写会不会塌陷,会不会给后面的元素造成影响,尼玛为啥还串位了。笔者斗胆的称这些实现为布局...