- 博客(119)
- 收藏
- 关注
RSS订阅
原创 如何对 React 函数式组件进行优化
文章首发个人博客前言目的本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如 key 的使用。另外本文不详细的介绍 API 的使用，后面也许会写，其实想用好 hooks 还是蛮难的。面向读者有过 React 函数式组件的实践，并且对 hooks 有过实践，对 useState、useCallback、useMemo API 至少看过文档，如果你有过对类...
2019-11-20 12:26:14
1148
原创 Deep In React 之浅谈 React Fiber 架构（一）
文章首发于个人博客前言2016 年都已经透露出来的概念，这都 9102 年了，我才开始写 Fiber 的文章，表示惭愧呀。不过现在好的是关于 Fiber 的资料已经很丰富了，在写文章的时候参考资料比较多，比较容易深刻的理解。React 作为我最喜欢的框架，没有之一，我愿意花很多时间来好好的学习他，我发现对于学习一门框架会有四种感受，刚开始没使用过，可能有一种很神奇的感觉；然后接触了，遇到...
2019-06-27 19:38:59
349
原创 每个前端工程师都应该了解的图片知识
前言随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。有时候你花大力气去配置 webpack 使打包体积减少，不如好好优化几张图片，这篇文章就是让你明白如何选择正确的图片，并且让你明白这么多图片格式，在什么场景下使用什么格式，如果想看答案，那么直接滑到文末看图即可。我的更多文章可以看 G...
2019-05-29 11:12:34
564
原创 关于视频你需要知道的基本概念：码率（Bitrate）、帧率（FPS）、分辨率和清晰度...
大家好，我是桃翁，一个不止前端的前端工程师。阅读本文大约需要 10分钟前言想通过一篇文章的科普，让你在使用视频的时候知道如何选择合适的视频参数。一般涉及到的视频参数就是：封装格式、编码格式、码率、帧率和分辨率。对用户表现的体感就是：流畅度和清晰度。开发者需要关心的是：内存、CPU 和 GPU 的消耗、体积大小和带宽。本篇文章会尝试把这些概率都联系起来，对视频相关的概念有整体的认知。结论先行用户视...
2024-04-23 09:00:52
233
1
原创 Umi 插件实战教程
引言笔者最近开发了一款 umi 插件：plugin-umi-cmdk[1],该插件的功能主要是：在 umi 项目里可以方便的集成 cmd + k ，实现菜单等搜索。主体功能并不复杂，但是在集成作为 umi 插件过程中踩了不少坑，主要是 umi 官方文档的， 开发插件 | UmiJS[2]实属写得烂，看完之后根本无法上手。所以写一篇完整的插件开发教程，手把手上手 umi 插件开发。准备工作创建项目新...
2023-05-04 08:01:01
1523
原创 我换工作了，聊下关于图像互动技术前景思考
“标题党了一下，只是换了工作方向，没有换工作”前言很久没有在外部写文章，跟我的读者们交流了，一些知心一点的同事，也离职了。所以最近感觉有点缺外部的输入，还是想写点文章，跟各种各样的朋友交流一下。熟悉我的人应该知道，去年参加了支付宝的五福的前端开发，主要负责的是 AI 年画。年画里面其实是有很多图形互动技术，比如秒轮廓，让后让兔子动起来，然后整个过度动画到装饰页面，装饰页面对于贴纸相关的操作，里面其...
2023-02-19 15:55:16
197
原创 学不动了，Vercel 推出比 Vite 快 10 倍的打包器 Turbopack
介绍Vercel 是由 Guillermo Rauch 创立的云服务公司，前身为 Zeit，有 Next.js、Node.js 的 websocket 框架 socket.io 和 MongoDB 客户端 mongoose 等知名开源项目为大众所知。Next.js 为了实现后端渲染，重度使用了 JS 生态中的打包构建工具 webpack。这两天，Vercel 的团队宣布推出了 Next.js 13...
2022-10-28 08:30:01
893
原创 antd mobile 作者教你写 React 受控组件和非受控组件
“关注作者：https://www.zhihu.com/column/c_1455925261150105600”曾经，我每次面试时几乎都会问一个问题：antd 中的 Input 组件是受控组件还是非受控组件？有些人会毫不犹豫的回答：是受控组件，因为有 value 和 onChange，而另外也有一些人会比较犹豫，因为的确似乎说 Input 是受控组件或非受控组件都说得过...
2022-07-06 08:28:16
606
原创 【面试系列一】如何回答如何理解重排和重绘
大家好，我是桃翁， 这是我 101 篇原创文章。最近在面试的时候经常会问：如何理解重排和重绘？我发现很多候选人都没有答道关键点上，感觉是在哪里看到过相关的文章，听起来零零散散，毫无逻辑。错...
2022-03-16 09:00:00
377
原创 幸福的秘诀--保持低期望
为什么你总是在焦虑，总是对生活感到不满呢？也许是因为期望值太高了。由于期望值过高，现实往往不能达到预期的标准，即使达到了预期的标准，也体验不到“超过预期”的欢欣，因此，完美主义者们总是感到忧心忡忡。也许是时候把自己的期望值降低一些了，这并不是对现实生活的消极应对，而是对幸福感的积极追寻。今天读到一段话 ——对事对人，永远保持低期望。对任何事，永远保持低期望。低期望，就能坚持，就能付出。期...
2022-03-10 23:00:50
204
原创 时间管理的三大法宝
今天读《华与华正道》看到一句话：如何管理时间？做到铁石心肠、制定节拍、不追热点。这三个法宝基本上已经足以满足绝大部分人的需求了。接下来我们来推演一下这三个法宝为什么有用。大前提：时间管理就是把重要的事情放在效率最高的时候做，让产生的价值最大化。即时间管理 = 做事价值 * 做事的效率你是承认时间并不能被管理，被管理的只有人。如果这个大前提是认同的，可以继续往下看，如果不认，可以关闭...
2022-03-09 23:13:34
131
原创 使用 React 和 TypeScript something 编写干净代码的10个必知模式
大家好，我是桃翁，一个不止前端的前端工程师。众所周知， React 是一个 JavaScript 库，它是当今最流行和行业领先的前端开发库。JavaScript 是一种松散的类型化语言，因...
2022-03-09 08:35:04
844
原创 2021 年度总结-人生无常，大肠包小肠
当我起笔写总结的第一感受就是 2021 在写作这件事儿上，我变懒了，对外输出才 8 篇文章。我翻了下前几年的年度终结，每年好像都觉得自己输出不够多，所以打心底里还是很想把写作这个事情做好的...
2022-02-23 08:30:00
228
原创 用 husky 和 lint-staged 构建代码检查工作流
前言一个项目如果涉及到多人协作，由于每个人代码的书写习惯和风格不太一样，如果没有统一的规范，那就会很乱，这对代码的可维护性大大降低。所以现代工程有个一环节就是代码风格检查(Code Lin...
2022-02-22 08:29:00
1696
原创 2022 年 5 个前端发展趋势
大家好，我是 桃翁。在知乎上也看到过很多开发者预测 2022 的趋势，由于是开发者所以在聊趋势的时候聊得比较细，另外可能国内的趋势比较多，这篇文章我觉得更多的是站在一个公司或者一个决策者层...
2022-01-18 09:00:00
3150
原创 不优雅的 React Hooks
“本文由 蚂蚁 RichLab 前端团队 墨书授权转载，转载请注明原作者”时至 2021 年年底，React Hooks 已在 React 生态中大放异彩，席卷了几乎所有的 React 应...
2022-01-11 08:30:00
276
原创 揭秘 antd mobile “IndexBar” 的实现思路
“文章由我同事卡晨(antd mobile 作者)投稿，揭秘 antd mobile IndexBar 的实现过程。原文链接：https://www.yuque.com/awmleer/r...
2021-12-20 09:00:00
888
原创 【推荐】git commit 规范和如何在 commit 里使用 emoji
前言大家好，我是桃翁，今天给大家带来的是关于 git commit 那些事儿，希望大家喜欢。对于规范 git commit message 我是分成了两种类型去看待。对于通用库、开源项目这类多人维护，而且极大可能别人会来看这份代码的，一定要规范，特别是对于开源项目，往往会要列 Change Log，规范好 commit 节省自己整理 log 的时间，也方便了用户。对于业务代码，特别是那种一个人维护的，其实不搞问题也不大，因为极小可能会有人来看你的 commit message。但是我依然还是建议规范一下，不
2021-09-06 22:47:47
715
原创 【推荐】git commit 规范和如何在 commit 里使用 emoji
前言大家好，我是桃翁，今天给大家带来的是关于 git commit 那些事儿，希望大家喜欢。对于规范 git commit message 我是分成了两种类型去看待。对于通用库、开源项目这...
2021-09-05 22:35:50
383
原创 看得我目瞪口呆的 JavaScript 奇淫技巧
刷知乎看到一个特别有意思的话题：JavaScript 有什么奇技淫巧？[1]看到一个让我开眼界的回答，分享给大家，以下是正文：js 是一门强大的语言。对黑客来说，这是绕过 WAF 的利器，比如当字母和数字都无被 WAF 屏蔽的时候，你可以这样玩：1=!+[]=++[[]][+[]]2=!+[]+!+[]=++[++[[]][+[]]][+[]]3=!+[]+!+[]+!+[]...
2021-08-31 08:33:05
266
原创 antd mobile v5 它悄悄的来了
在 React 领域里，一直缺少一套靠谱、好用的移动端组件，蚂蚁的 antd mobile v2 年久失修，几乎无人维护，跟 antd 相差甚远，在设计上，也有很多也已经跟不再符合 Ali...
2021-08-27 09:00:00
1647
5
原创 4个你傻傻分不清楚的关于 ？的 Javascript 运算符
你有没有花一个下午的时间浏览过 Mozilla 文档？如果你有，你会很清楚网上有很多关于 JavaScript 的信息。这使得人们很容易忽略一些不同寻常的 JavaScript 操作符。然...
2021-06-07 09:00:00
136
1
原创 聊聊如何从多个 Offer 中选择一个合适的
前阵子我们组大量招人，看到一些候选人拿了好几个 offer 摇摆不定，一直在纠结；也有不少读者私下跟我询问怎么选择；另外就是知乎上，我回答了一个 蚂蚁和字节怎么选的问题，阅读量比较高，所以...
2021-05-27 09:19:00
366
原创 如何应用 SOLID 原则在 React 中整理代码之开闭原则
SOLID 是一套原则。它们主要是关心代码质量和可维护性的软件专业人员的指导方针。React 不是面向对象，但这些原则背后的主要思想可能是有帮助的。在本文中，我将尝试演示如何应用这些原则来...
2021-05-24 09:20:00
200
2
原创 如何应用 SOLID 原则整理 React 代码之单一原则
SOLID 原则的主要是作为关心自己工作的软件专业人员的指导方针，那些以经得起时间考验的设计精美的代码库为荣的人。今天，我们将从一个糟糕的代码示例开始，应用 SOLID 的第一个原则，看看...
2021-05-18 14:26:00
2532
4
原创 理清业务团队开发和业务的关系
关于开发是否应该深入了解业务，听到两种我觉得不正确的类型：「我是开发，我就做好开发就行了，业务交给产品和运营同学」。不懂业务，完全不想了解型。「懂业务之后就可以跟产品 PK 了，方便砍需求...
2021-05-16 18:27:50
585
原创 在蚂蚁工作是一种什么样的体验(一)
小广告招聘：蚂蚁体验技术部招人啦，P5起！大家好，我是桃翁！之前有小伙伴留言让我聊聊「希望聊一些在大厂工作是什么体验，想听如何融入，如何适应，如何成长的规划，遇到过的哪些比较棘手的问题和...
2021-03-15 08:37:00
1403
原创 深度体验完 MWeb 这款写作软件 ，我放弃了 Typora
前言工欲善其事，必先利其器。一个称心如意的工具会令人提升我们的效率，节省时间。今天我介绍的这款写作、记笔记软件就是：MWeb。温馨提示两点,如果这两点不太能接受的，可能下面的内容不太适合你...
2021-02-21 20:00:00
1583
原创 迟来的 2020 年度总结
前言拖了一个多月，每年一次的年度终结还是不能落下2020 年真的是不平凡的一年， 疫情夺走了很多人的生命，还夺走了我的工作(公司因为疫情被迫裁员)，所以今年换了工作来到了蚂蚁，在蚂蚁的工...
2021-01-25 14:00:00
411
7
原创 原来我是个业务性选手？？？？
01前几天我试用期转正答辩了，老板也给过了，给到我的评价大概是：业务型选手，接下来一两年很关键，如果能够在业务中深入挖掘，会是个好苗子，否则就比较平了。这个评价其实我还是没想到的，或者说...
2020-09-12 21:21:17
194
原创 5 点可以让你提高面试通过率建议(干货)
自从我发过几篇关于面试经历的文章，由于我面试结果还不错，所有很多人来询问我一些面试相关的问题， 我这里给到 5 点建议，希望对大家有帮助。1. 简历里应该惜字如金简历简历，可以分为简和历...
2020-06-23 09:30:00
1531
原创 蚂蚁、字节、滴滴面试经历总结(都已过)
前言最近两篇面试以及离职相关的文章不容错过哦。离开蘑菇街后，我最近的一些想法拼多多和酷家乐面试总结今年面试还是比较顺的，面了五家公司(酷家乐、拼多多、字节、滴滴、蚂蚁)，都过了。在文章里我不仅会列出面试题，还会给到一些答题建议，个人能力有限，也不能保证我回答都正确，如果有错误，希望能纠正我。字节一面说一下浏览器缓存浏览器缓存分为强缓存和协商缓存，强缓存会直接从浏览器里面拿数据，协商缓存会先访问服务器看缓存是否过期，再决定是否从浏览器里面拿数据。控制强缓存的字段有：Expire
2020-05-20 20:52:56
945
原创 一套可以提升写作效率的写作环境配置
前言写作是我一直都提倡每个人去做的一件事情，也许你是通过写作来进行总结，也许你是通过写作生计，也许像我一样写文章提升自己的影响力，不管怎么样，工欲善其事必先利其器，今天我将两年以来最好用...
2020-05-11 10:00:00
396
原创 拼多多和酷家乐面试经历总结(已拿offer)
前言离职原因看我这篇文章吧：离开蘑菇街后，我最近的一些想法，然后不得不去找工作恰饭呀。我目前面了五家公司：滴滴、蚂蚁、拼多多、酷家乐、字节跳动，拼多多和酷家乐基本已拿到 offer，蚂蚁二面完了，滴滴和字节即将三面，我先把我已经面过的面经先总结出来，其他的不管过没过，这周内我都会总结出来，希望能给到正在找工作同学的帮助。在文章里我不仅会列出面试题，还会给到一些答题建议，个人能力有限，也不能保...
2020-05-08 15:25:58
4063
原创 离开蘑菇街后，我最近的一些想法
前言被裁之后我就一直在家复习，面试，所以就一直没有写文章，没有太多心思搭理公众号，现在也拿了两个 offer 了，所以开始回到正途。胎死腹中的 Vue 3.0 Beta 文章4 月 17 日，早上我收到了浪浪(浪里行舟)的消息，给我发了一个微博消息，尤大在微博上宣布发布 Vue 3.0 Beta 了，然后跟我说这是热点，让我写一篇文章，我就暂停了前一天晚上定时发的文章，准备写一篇详细介绍 ...
2020-05-07 10:33:44
227
原创 (ES5版)深入理解 JavaScript 执行上下文和执行栈
译者序最近在研究 JavaScript 基础性的东西，但是看到对于执行上下文的解释我发现有两种，一种是执行上下文包含：scope(作用域)、variab...
2020-03-20 08:49:00
348
原创 从两个角度看 Typescript 中的类型是什么?
0. 作者以及原文介绍作者是 Dr. Axel Rauschmayer，号称”德国阮一峰“，本文原文来自于他的博客：https://2ality.com/2020/02/understa...
2020-03-02 08:29:00
198
原创 我也想做自己喜欢做的事儿
我今天看到一视频，给了我非常大感触。是 B 站上的一个视频，标题名叫：《这有可能是我最后一期视频了，再见了 B 站》， 视频链接可以点击「原文链接」得到。这个视频大概讲的是这样：一个富二...
2020-02-28 08:29:00
270
原创 2020 年你应该知道的 React 库
声明：本文为译文，原文链接：https://www.robinwieruch.de/react-librariesReact 已经诞生很久了，自从它诞生开始，围绕组件驱动形成了一个非常全面的生态，但是来自其他编程语言或者框架的开发人员很难找到要构建一个 React 系统的所有组件。如果你是来自于像 Angular 这样的框架的开发者，你可能已经习惯了框架包含了所需要的所有功能，然而对于 R...
2020-02-19 18:21:24
598
原创 你可能不知道的 React Hooks
本文是译文，原文地址是：https://medium.com/@sdolidze/the-iceberg-of-react-hooks-af0b588f43fbReact Hooks 与...
2020-01-08 07:50:00
230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人