青笔

1. Hook 简介 Hook 这个词很多人都听过，就算不知道，也直接或间接地用到过。它通常是系统或框架开放出来供上层应用开发者执行代码的一种方式。例如，Vue 的生命周期钩子，本质就是框架内部在对应时机调用了组件定义的钩子函数；此外，Webpack 所使用 tapable …

1. 响应式的本质 提到 Vue 的响应式，通常指的是视图跟随数据的改变而更新。开发上带来的便利是，在需要更新视图呈现时，只需修改视图渲染所需要的数据即可，而不用手动操作DOM。从实现来说，可以分为两个部分： 我们很熟悉如何监听鼠标的点击，键盘的输入等用户事件，但是很少直接去监…

最近公司面试了一些中高级前端，由于公司技术栈以 Vue 为主，而对于中高级前端，必不可少要问及 Vue 源码的问题。很多面试者，对于源码只能简单讲到响应式是基于 Object.defineProperty 或者 Proxy 等老生常谈的基础概念。Vue 经过这么多年的发展，成了…

有挺长时间没有更新博客了。一来是公司比较忙，二是自己也在思考一些新的问题。最近一个月，在我脑海回想最多的一个词语是“插件化架构”。作此文，也是想简单分享一下我对这个问题的见解。 去年有参与过 Udacity 前端课程翻译。其中我翻译了构建工具部分。Webpack 作为当前主流构…

距离尤雨溪首次公开 Vue3 (vue-next)源码有一个多月了。青笔观察到，刚发布国庆期间，出现不少解读 Vue3 源码的文章。当然不少有追风蹭热之嫌，文章草草讲讲响应式原理，或者只是做了一些上层的导读，告诉读者应该先看哪再看哪。不能说这些文章就没有一点价值，它确实能够让你…

每一个程序员都有一款心心念叨的代码编辑器。而在众多妖颜魅惑的编辑器偶像团体前，vim 就像个不加粉饰的农村姑娘，咋一看是那样朴实无华，难有倾心。但只要走近一点，来个亲密接触，又会被她的似水柔情所俘获。 这是青笔亲身经历。公司从腾讯空降技术总监，时不时会分享一些他的开发经验。其中…

本文所有示例都只调用一个函数：get_jobs(城市, 职业)。执行成功后，函数返回一个 pandas.DataFrame 对象，用做进一步数据分析，其中 平均月薪 已经通过 薪资描述 计算出来（已考虑月薪数，默认12薪）。同时将数据保存到当前目录下的 excel 文件，文件名…

昨天一个朋友说最近想换工作。想让我帮看下Boss现在的招聘情况如何。正好想到上个月写了个开源爬虫框架kcrawler，最后添加了一个Boss类支持，可以实现快速根据关键词查询不同岗位，不同行业的的招聘情况。有现成可用的库，帮助朋友也是举手之劳。 1. 安装 kcrawler是开…

1. 安装 2. P单图 对单张图片处理分为: 缩放(zoom)，旋转(rotate)，镜像(flip)，裁剪(cut)，灰度(gray)，添加文本(text) 。 命令行格式: pintu 命令 图片 参数 。 制作微信图文封面，宽高比: 2.35。 自定义宽高比。 3. P…