假期过得真快 想说的话 这周杭州非常热，41 度高温，周末也不干出门，真的太热了，本来这周团队是要去青海 outing 的，因为疫情，中午出发，早上通知大家取消了，东西都收拾好了，心情也准备好了，很是伤心，疫情对生活真的影响很大，没有办法，无法出游 最近下午…

假期过得真快 假期过得是真的很快，在家躺了 5 天，唯一出门活动的是今天上午花了一小时出门看房子，其他时间躺在家里，毛事不想干，早上起来开始刷短视频 刷到 1…

想说的话 有赞，京东裁员，微信上看到工牌图片，还是比较震惊的，互联网行业是越来越不景气，群里面已经聊起来做啥子副业，人人自危 虽然蚂蚁现在还没有裁员，但是，后面谁知道哦，人人自危 上海疫情最近贼严重，日新增 200…

一个好的表结构设计能减少不小开发量，也能提升部分扩展性，只梳理下自己日常设计表结构的时候一点点心得，经验 1.0 基本要求 命名规范，命名可读，同一业务模块用相同前缀 做逻辑删除，不做物理删除 不搞主外键关联，在程序业务逻辑中维护 2.0 不需要严格遵守 3NF…

想说的话 周末花时间把 blog 整理里下，用 gatsby + tailwind 重构了一下，样式后面再优化，2020 下半年来蚂蚁后，一年都没有更新blog，心里总是会念起这个事情，但是一直懒的动 这不春天来了，经过挣扎，还是支棱起来了 后面会尝试坚持写 weekly…

刚开始使用 TypeScript 类型的时候，会整个项目全部是 interface，type 类型，特别是有很多重复声明，越写越繁琐，假设遇到项目紧急，最后索性一招 any 走天下，前面的定义的类型就大部分废弃掉了，痛定思痛，决定好好把泛型梳理下 1. typeof…

Partial<T> 这个类型“函数”的作用，在于给定一个输入的 object 类型 T，返回一个新的 object 类型，这个 object 类型的每一个属性都是可选的。 我们可以用基本的关键字来用自己的方式实现这个工具类型： Required<T…

多年以后，老王再次来到洱海边，面对远处的苍山，湛蓝的天空，波光粼粼的海面，凉爽的海风拂过，他准会想起那个完美躲过云南疫情，杭州的台风，经历蚂蚁历史上还没有过的，近 70 人规模的 outing，大家齐唱 Jay…

岁月匆匆，长日留痕 长日留痕是我碎碎念的一个系列， 长日留痕（1） 19年的时候也写过一个总结 2019 总结 | hucheng 来沪 5 年 今天和媳妇一起去上海火车站换眼镜，想到了 5 年前和的卢一起做一天一夜的火车来上上海，早上…

写在前面 长日留痕 是一个日本作家的一本小说的名字，有单独的6个故事组成，我觉得很有意思，后面我会用这个标题来写写我的碎碎念 （一） 2019.09.19号和媳妇一起回武汉，20号把结婚证给领了，自己太兴奋了，20号4点多就醒了，终于要和绚要结婚了，开心呀，9.2…

我自己是 9.24 号入职蚂蚁的，到今天 28 天，四舍五入一个月了，周三是团队的运动日，跑完步，洗完澡，打开电脑，特别想写点关于入职以来的一些感受 背景 交代下背景，我之前一直都是在上海工作，9 月份接了蚂蚁「 RichLab」 团队杭州的 offer…

上周天，和几个同事约着一起去了杭州草莓音乐节，玩的贼开心，小记一下。 视频来源于摩登天空，我这里贴一下，感受下现场的热情 我倒腾2趟地铁加公交才到滨江区塘子堰胜利桥西草坪，在公交上，看到些估计才2…

微信读书链接 早起魔法这本书主要不是讲怎么早起，讲的是怎么形成一个好的习惯，而且是非常细致具体的步骤实操指南，可以看成是 《习惯的力量》具体的实现措施。 全书非常短，最多 1 个小时就读完了，看这个3…

一、文件目录操作 1. ls 命令 ls 命令不仅可以查看 linux 文件夹包含的文件而且可以查看文件权限(包括目录、文件夹、文件权限)查看目录信息等等。 1.1 命令格式 ls 选项 1.2 常用参数 -l ：列出长数据串，包含文件的属性与权限数据等 -a…

ci/cd简介 ci(Continuous Integration) 简称 持续交付，意思是新增代码后自动校验代码格式，打包，构建，跑单测，单测覆盖率，对应我们前端常见的就是 ESLint，webpack打包，各种脚本，cd（Continuous Delivery…

一个最简单的 ci 在项目根目录创建一个 .gitlab-ci.yml 的文件 添加内容 push 代码到 gitlab 打开 gitlab 项目的地址，点击 左侧的 CI/CD下就能看到你构建 一个常见的ci .gitlab-ci.yml 常用到的 几个配置 .gitlab…

平常我们在写 cli 过程中一定会遇到需要用到某个仓库的信息比如你需要统计某个内部的 vue 组件有哪些项目用到了， 需要去扫某个 group 下面的所有仓库的    package.json  信息，或者是通过 cli 创建的项目后，需要通过 api 去某个 group…

webhook 在工作中用到的地方非常多，类似发布订阅概念（语雀也是有 hook 的），gitlab 在 project 层面提供来很多 webhook，这个功能在消息提示方便还是挺好用的，gitlab api 也提供了对应的api来创建hook…

多页和单页的区别在于，很多时候多页项目是很多人参与开发的，每个人的需求对应的 一个应用,我们在打包构建的时候，希望仅仅构建自己负责的那个页面，这样快，发布的时候只想发布自己的模块，这样不会影响到别人的模块(这个又叫增量更新构建)，下面就这…

常用到的几个库 这个解释网上很多，避免啰嗦重复，我这里做简单的梳理，具体详细的使用可以搜下网上 commander 这是用来编写指令和处理命令行的，具体用法如下： 回忆一下，我们曾用过的 vue init 的命令就是这样声明的。 inquirer…

首先，我在gitlab 上创建的 一个单页项目，也可以通过上面的 fe-cli  来通过模版创建 项目地址如下： https://gitlab.com/gitbookdemo/vue-signle-page 我们主要关注 .gitlab-ci.yml…

微信小程序持续集成还是有很多坑的，我先把整个流程梳理下，后面再讲坑 因为小程序只有 mac，和window 开发工具，所以做持续集成需要用到 window 服务器，所以你需要找你们的运维配置一台 window 服务器，然后配置好 gitlab-runner…

选型 cnpm Verdaccio Sinopia （已经不更新，放弃） Nexus 目前市面上常用的就这款，Sinopia 我们先想想，一个私服应该需要哪些功能 代理官方 Npm 仓库 支持多个 来源，比如 npm 源，cnpm 源，其他业务线 npm 私服，老npm…

先看优化前后结果对比 优化前 优化后 先聊下背景，过年前半路接手团队的 RN的热更新的服务端开发，服务端采用的是 Express + Mysql,是拿 github 上一个开源服务改的 主要给React Native 项目提供热更，就是每次打开App，会发起一个请求，看当前App…

学习框架/库的时候，我喜欢把框架/库的历史发展弄清楚，然后弄清架构设计，最后看语法，有大版本更新的时候 会去看看作者的 twitter , 这样我会感觉代码是活的，更容易明白这个框架/库是解决什么问题出现的，心里比较踏实 前端的蓬勃发展 得益于 Google的V8引擎(200…

Babel学习系列2-Babel组成 第一篇 Babel学习系列1-Babel历史 上篇讲了 Babel 的历史，为了解决ES6浏览器不支持的问题，这篇聊下Babel的整个设计,基本组成 设计理念 （在 AlloyTeam 找的图，AST：Abstract Syntax…

Babel学习系列3-babel-preset,babel-plugin 第1篇 Babel学习系列1-Babel历史 第2篇 Babel学习系列2-Babel设计组成 这篇聊下Babel的 @babel/babel-preset-* 预设插件, @babel…

Webpack 诞生记，历史 最近在frontendmaster 看 肖恩讲webpack的视频课程，其中有一节课是讲 Webpack的诞生历史，很有意思，然后找了一些资料，于是有了这篇。 这里我会聊下 Webpack…

Webpack 架构梳理 最近花时间把 Webpack 的源码撸了撸，很有收获，记录下来 Webpack 绝对是前端划时代的产物，它的周围生态非常丰富，社区产出了各种 plugins，loaders，这也说明了 Webpack…

站在Webpack的角度理解下我们写的代码 先抛个问题，JavaScript 是一门编译型语言还是解释型语言？ 我们在项目会写很多这种依赖引入，那 Webpack…

本来这篇是要说 resolve 实现的，但我发现讲 resolve 之前不把 Tapable 讲清楚，是搞不明白，这篇是最重要的，其他可以跳过，这个希望正在看的读者，仔细看看，搞明白了 生命周期的概念 先拉远些，我们看三大框架，都有个生命周期的概念，在生命周期暴露些hook…

同步的实现比较简单，但同步是满足不了我们很多业务场景，比方你需要你在某个 事件流程了需要有个后端接口请求，根据这种异步返回的结果决定下一个动作，实际上我们在真实的业务场景里，异步请求更多 AsyncSeries 异步串行 异步串行的意思是，需要执行一个 function…

第1篇 Babel学习系列1-Babel历史 第2篇 Babel学习系列2-Babel设计组成 第3篇 Babel学习系列3-babel-preset,babel-plugin 这篇主要讲 polyfill 和 runtime 总结下, Babel…

cookie,session 认证 what is cookie 网上已经说烂了，还不知道可以看MDN https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Cookies 概要 cookie 组成 cookie…

JWT 认证 ，Token 认证 这篇讲下 JWT 认证和基于 Token ,JWT 的全称是 JSON Web Token ,上篇讲了，cookie，session 这种有状态的很难去适应现在互联网应用 特别是 移动应用，需要一种无状态的认证方式，JWT…

我们在很多站上都能看到类似下面的第三方登录的，他们是怎么实现的勒？ 这种基本都是 oauth2 登录，表现形式是，点击跳转到第三方页面，然后再跳转回来，一般大公司内部系统的鉴权也喜欢用 oauth2登录，今天小编就聊聊这个，然后用 写个 基于 github…

sso…

LDAP 认证 LDAP登录的官方解释起来有些麻烦，我先说个场景大家来理解下 你入职的时候，漂亮的 hr 给你说来个邮箱 a@x.com ，初始密码 123,然后说这个就是你在公司所有系统的账号密码来，记得修改哦， 然后你到了工位，你先去 oa…

最近看了很多的人写的年终总结，好佩服大家的自律，居然做了那么多事，再反观自己这条咸鱼咋啥子都没有干，自惭形秽，（后来我一想，社区里能推荐看到的，肯定是那些积极向上的同学呀，不然怎么传播），估计大部分人和我一样，立的 flag 大部分是没有实现的，由于3…