zhuzilin

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…

项目中一直用的都是webpack，前一段需要开发几个类库供其他平台使用,本来打算继续用webpack的，但感觉webpack用来开发js库，不仅繁琐而且打包后的文件体积也比较大。正好之前看vue源码，知道vue也是通过rollup打包的。这次又是开发类库的，于是就快速上手了ro…

事情是这样的。 我最近在尝试用 SwiftUI 做一个相对复杂的应用，想看看不使用 UIKit 的转化工具，也就是不用 UIViewRepresentable 和 UIViewControllerRepresentable，仅靠 SwiftUI 自己能做到什么程度。 刚开始的时…

自2004年被John Gruber创建后，作为一种轻量级的标记语言，Markdown如今已成为世界上最受欢迎的标记语言之一，用户可以利用简洁的语法完成极具表现力的文档。 作为一个专门服务开发者的技术社区，掘金也早早得就支持了Markdown编辑器，虽然也有富文本编辑器供掘友们…

我想有个用于（开发）未来项目的水墨屏，刚好我又买了一个带树莓派 “hat” 的小玩意。就这样，灵光一闪的我想到旧 Amazon Kindle 电子书阅读器可以变废为宝。 我之前有过使用 Kindle 的经验：我为它移植过一个 Infocom 解析器 和一个 Manga 漫画阅读…

在工作学习之余，你可能会萌生做一个开源项目的想法。一方面将自己的好代码分享出去帮助更多开发者，另一方面也希望在开源社区中得到反馈和成长。如果项目能获得很多的关注那更是锦上添花，高 Star 不仅是衡量开源项目可靠程度的一个重要依据，这样项目维护者的 Github 也能在招聘中让…

如果要在网页上画一个像素风的小图标，你都有什么思路呢？用 Canvas 也好，单独制作 svg 也好，感觉办法有的是。那如果把方法限定在只能用 CSS 呢？可能你没想过，用 box-shadow 就能完成这个任务。 一般来说，box-shadow 负责的阴影是负责凸显前方的视图…

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

Proxy 也就是代理。学习过计算机网络的朋友对这个词肯定不陌生。在计算机网络中，代理是指客户端不直接连接服务器，而是通过一些中间的机器进行请求的传递，从而达到提高访问速度，提升安全性之类的需求。 javascript 中的 Proxy 也是类似的功能，只不过阻隔的不再是服务器…