- 博客(655)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 「非广告」从外包到字节，大佬的成长秘密
今晚对字节的史文强大佬做了一次直播访谈，标题叫《从外包走进字节，我还写了本书》。在访谈前有个困扰我的问题：如何从外包跳到字节？文强待过不同的外包公司，最后从外包跳到字节。我接触过很多外包同学，他们也想去大厂，但是大厂面试需要你有优秀的项目经验。而外包通常是做重复性的CRUD。他从外包跳到字节，是如何积累优秀项目经验的呢？带着这个疑问，我开始了今天的访谈。并在过程中不断从蛛丝马迹寻找答案。终于，在一...
2022-09-13 08:08:24
559
转载 有哪些值得学习的大型 React 开源项目？
之前有很多小伙伴问过我，通过文档或者视频学习 React 已经有一段时间了，想学习一些好的开源项目来获得一些实战经验。我之前也没有很好的答案，确实很难找，因为一般企业级应用都是不开源的，Github 上大部分都是很简单的 DEMO 项目，很难挑选。今天就给大家梳理了几个我觉得还不错的 React 开源项目。Jira Clone仓库：https://github.com/...
2022-08-12 09:53:04
925
转载 程序员老王在办公室炫富...
本篇漫画故事改编自知乎高赞回答作者：ze ran链接：https://www.zhihu.com/question/30692237/answer/49837138漫画原创公众号：不会笑青年，授权转载请联系微信(laughyouth369)，授权后，请在原创发表48小时后转载。< END >作者：不会笑青年漫画师：Ys ...
2022-08-09 08:18:12
437
转载 pnpm 是凭什么对 npm 和 yarn 降维打击的
大家最近是不是经常听到 pnpm，我也一样。今天研究了一下它的机制，确实厉害，对 yarn 和 npm 可以说是降维打击。那具体好在哪里呢？我们一起来看一下。我们按照包管理工具的发展历史，从 npm2 开始讲起：npm2用 node 版本管理工具把 node 版本降到 4，那 npm 版本就是 2.x 了。然后找个目录，执行下 npm init -y，快速创建个 pack...
2022-08-04 09:49:06
278
转载 来自NPM联合创始人的预言：前端未来会这样
在WWC22[1]上，NPM联合创始人（当前是Netlify的数据分析师）「Laurie Voss」发表了对「web开发」未来发展方向的预测演讲。Laurie Voss本文让我们来看看这位有26年web开发经验的数据分析师，会带来哪些洞察。太阳底下无新鲜事未来5年「web开发」会如何发展，在说出自己的预测前，「Laurie」先表示：「在座各位，很可能讨厌我的预测」。因为他...
2022-08-02 08:18:37
182
转载 我最期待的 3 个即将推出的 CSS 特性！
今天给大家总结分享一下 3 个很 ???????? 的即将推出的 CSS 属性，等你看完，每一个都要喊 绝了！声明一下：这些特性现在基本都不好使，就算有的高级浏览器支持了，也只是个例。可以期待一下以后 ~一、@container@container 是一个容器查询方法，正如它的名字一样，它是用来支持根据当前元素所在容器的大小来进行动态修改添加样式的，这跟 @media 基于视口大小是...
2022-07-20 08:18:52
222
转载 Chrome 将限制 Cookie 最大存储期限！
今天跟大家分享一个新的消息，Chrome 又对 Cookie 增加了新的限制：「Cookie 的最长使用期限限制为 400 天」我们可以通过两种方式设置 Cookie 的有效期（如果不设置将仅在当前会话有效）：Expires：Cookie 的过期的日期和时间。Max-Age：Cookie 过期前的秒数。在以前，这两个属性没有任何限制，你就是指定一百年也没啥问题，现在这两个...
2022-07-19 08:18:31
2486
转载 保姆级指南：一文拥有属于你的vscode插件
背景经常在掘金公司团队发文章，而所在公司前端发文存在自己的固定格式，主要包含([\u4e00-\u9fa5]+)([\da-zA-Z]+)替换为$1 $2：中文和英文要有一个空格([\da-zA-Z]+)([\u4e00-\u9fa5]+)替换为$1 $2：中文和英文要有一个空格!\[.+\]替换为![]：处理图片描述头部插入主题，内容如下---theme:cyano...
2022-07-12 08:11:17
284
转载 让 UI 早点下班，高阶切图技巧！基于单张图片的任意颜色转换！
今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某天，我们拿到了这样一张 PNG/SVG 图片：这是一张PNG图，灰色部分透明就这张图片而言，它是一张 PNG 图，灰色部分透明。随着需求的进行，在某...
2022-07-06 08:12:00
230
转载 ECMAScript 2022 正式发布，有哪些新特性？
2022 年 6 月 22 日，第 123 届 ECMA 大会批准了 ECMAScript 2022 语言规范，这意味着它现在正式成为标准。下面就来看看 ECMAScript 2022 有哪些新特性！总览：Top-level AwaitObject.hasOwn()at()error.cause正则表达式匹配索引类1. Top-level Await 在ES2017中，引...
2022-07-01 09:59:19
180
转载 我TM终于买上房了，但是...
本文原创公众号：不会笑青年，授权转载请联系微信(laughyouth369)，授权后，请在原创发表48小时后转载。< END >作者：不会笑青年漫画师：Ys ...
2022-06-29 08:18:03
165
转载 超 Nice 的表格响应式布局小技巧
今天，遇到了一个很有意思的问题，一名群友问我，仅仅使用 CSS，能否实现这样一种响应式的布局效果：简单解析一下效果：在屏幕视口较为宽时，表现为一个整体 Table 的样式而当屏幕视口宽度较小时，原 Table 的每一行数据单独拆分为一个 Table 进行展示很有意思的一个响应式布局，让信息在小屏幕下得到了一种不错的展示。那么，仅仅使用 CSS 的话，能否实现这样一个布局呢...
2022-06-27 08:18:51
343
转载 React新文档：不要滥用Ref哦～
React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。显然，正常航行时是不需要逃生舱的，只有在遇到危险时会用到。如果开发者过多依赖这两个API，可能是误用。在React新文档：不要滥用effect哦中我们谈到useEffect的正确使用场景。今天，我们来聊聊Ref的使用场景。为什...
2022-06-22 08:12:35
405
转载 node_modules 是该好好治一治了
作为前端开发者，大家有没有被 node_modules 困扰过呢？反正我是有。。。因为 npm 特殊的包管理机制，往往一个很小的项目就会携带一个很大的 node_modules 。相信大家都刷到过下面这张图，这就是对前端依赖最大的讽刺了。????有时候，可能不经意间我们就会引入一个意外的依赖包，或者不小心升级了一个有 break chage 的依赖，还有可能在一个项目中安装了多...
2022-06-21 10:09:22
368
转载 帮我做一个几千万用户的小网站...
本文原创公众号：不会笑青年，授权转载请联系微信(laughyouth369)，授权后，请在原创发表48小时后转载。< END >作者：不会笑青年漫画师：鹦鹉 ...
2022-06-17 08:08:23
190
转载 为什么Hook没有ErrorBoundary？
在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是「使用ClassComponent创建ErrorBoundary」。可以说，如果Hooks存在如下两个生命周期函数的替代品，就能全面抛弃ClassComponent了：getDerivedStateFromErrorcomponentDidCatch那为什么还没有对标的Hook呢？今天我们从...
2022-06-15 09:31:10
354
转载 前端必学的动画实现思路，高逼格的效果老板看了都会大声称赞
前言一个合理的动画是良好用户体验中必不可少的一部分。我们平常是怎样写动画的？CSS 中的 animation 和 transition，还有 requestAnimationFrame？相信大家写动画的时候心里也是在万马奔腾。今天我们从一个另辟蹊径的角度来探索一个动画实现。示例请看下面的示例：这是一个可添加的数字的随机乱序列表。首先想一想，我们第一直觉可能会这样做：将这些...
2022-06-13 08:18:36
530
转载 用CSS实现虚拟滚动？
最近在业务中实际使用 content-visibility 进了一些渲染性能的优化。这是一个比较新且有强大功能的属性。本文将带领大家深入理解一番。何为 content-visibility？content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。MDN 原文：The content-vis...
2022-06-10 08:08:39
1006
转载 被diss性能差，Dan连夜优化React新文档
近期在开源圈发生个小插曲。起因是有个用户表示：React新文档在文档结构、美观度、性能等各方面都达到很高的标准。尤雨溪对Vue新文档与React Beta文档做了测试后表示：在性能这块，Vue新文档更具优势。左Vue，右ReactDan表示：当前文档还处于Beta版本，现在有更重要的工作要完成，正式版上线前会优化性能。话虽这么说，Dan应该是通了个宵优化了一把性能：本篇文...
2022-06-08 10:02:24
257
转载 [科普] JS中Object的keys是无序的吗
来自 「蔡昕萌」 同学的内部分享。 在最开始学习 JavaScript 时，我一直被灌输 Object 中的 Key 是无序的，不可靠的，而与之相对的是 Map 实例会维护键值对的插入顺序。「But，Object 的键值对真的是无序的吗？」实际上在 ES2015 以后，Object.keys 的规则变了：在一些现代的浏览器中，keys 输出顺序是可以预测的！Key ...
2022-05-31 09:54:08
394
转载 React18 的 useEffect 新特性为什么被疯狂吐槽？
react18 已经出来一段时间了，create-react-app 默认安装的 React 版本也已经是 18+，不知道有没有小伙伴发现自己有点看不懂 React 了？import{useEffect,useState}from'react'functionApp(){const[data,setData]=useState(0)...
2022-05-27 09:53:46
553
转载 Vue 性能指标逐渐开始反超 React 了！
在之前的全球网站统计中，利用 React 构建的网站比例远大于 Vue，而随着 Vue 的飞速发展，尤其是去年发布了 Vue3 后，越来越多的人开始使用了。那么在这种情况下，用 Vue 构建的网站比例如何了呢？除了 Vue 和 React，其它框架的占比如何？每个网站的性能又如何？所有数据无法证明这些框架孰优孰劣，毕竟框架只是提供能力，所以比较结果仅供参考本文数据来自于 ...
2022-05-25 09:41:35
216
转载 JS 代码越来越难读了 ...
今天来给大家介绍 JavaScript 代码的一个新运算符：管道运算符 |>。对一个值执行连续操作当我们在 JavaScript 中对一个值执行连续操作（例如函数调用）时，目前有两种基本方式：将值作为参数传递给具体操作（如果有多个操作，则嵌套操作），例如：three(two(one(value)))；将函数作为值上的方法调用（如果有多个方法，则为链式调用），例如：v...
2022-05-23 10:19:29
156
转载 助你成为 CSS 大师的18个 GitHub 仓库
今天给大家带来一些 CSS 的学习资源总结。一、学习资源Awesome-css-learning⭐ GitHub stars: 2k+https://github.com/micromata/awesome-css-learning一个非常棒的 CSS 学习资源列表。CSS-reference⭐ GitHub stars: 4k+https://github.com/jg...
2022-05-20 10:17:56
198
转载 CSS 中的简写到底有多少坑？以后不敢了...
简写（语法糖）可能给我们编码带来了很多便利，但简写也会带来一些问题，今天来讨论一下 CSS 中的简写的"爱恨情仇"为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 "好" 和 "坏"background这个 CSS 属性大家肯定是再熟悉不过了，给元素设置背景色是这样？.demo{backgro...
2022-05-17 09:54:28
239
转载 ESBuild & SWC浅谈: 新一代构建工具
首先, ESBuild & swc是什么?ESBuild[1]是基于Go语言开发的JavaScript Bundler, 由Figma前CTO Evan Wallace开发, 并且也被Vite用于开发环境的依赖解析和Transform.SWC[2]则是基于Rust的JavaScript Compiler(其生态中也包含打包工具spack), 目前为Next.JS/...
2022-05-13 09:56:10
742
1
转载 React官方团队出手，补齐原生Hook短板
我们知道，Hooks使用时存在所谓的「闭包陷阱」，考虑如下代码：functionChat(){const[text,setText]=useState('');constonClick=useCallback(()=>{sendMessage(text);},[]);return<SendButt...
2022-05-11 10:31:26
191
转载 比 eval 和 iframe 更强的新一代 JavaScript 沙箱！
今天我们来看一个进入 statge3 的新的 JavaScript 提案：ShadowRealm API。JavaScript 的运行环境领域（realm），这个词比较抽象，其实就代表了一个 JavaScript 独立的运行环境，里面有独立的变量作用域。比如下面的代码：<body><iframe></iframe>&l...
2022-05-06 08:30:00
287
转载 用了 TS 映射类型，同事直呼内行！
轻松学 TypeScript 系列教程https://space.bilibili.com/406258607文末可扫码观看你用过Partial、Required、Pick 和 Readonly 这些工具类型吗？你知道它们内部是如何工作的吗？如果你想彻底掌握它们且实现自己的工具类型，那么本文介绍的内容千万不要错过。在日常工作中，用户注册是一个很常见的场景。这里我们可以...
2022-04-27 19:40:54
655
转载 现代 CSS 解决方案：Modern CSS Reset
在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少[1]。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核心思想是：统一了一些元素在所有浏览器下的表现，保护有用的浏览器默认样式而不是完全清零它们，让它们在...
2022-04-18 12:08:14
232
转载 不用跑项目，组件效果所见即所得，绝了！
我们在写需求时都会封装一些组件，然后会为该组件定义一些 props ，使其跟业务分离，变得更通用。写完组件后需要验证一下组件的效果，也就需要简单 mock 一下数据传进去，然后跑一下项目看一下//components/card/index.tsxCard组件//咱先来写个组件exportdefaultfunctionCard(props){...
2022-04-14 08:18:00
141
转载 Web：你知道我这十几年是怎么过来的吗？！
1989 年 3 月 12 日，在瑞士的欧洲核子研究中心工作的蒂姆·伯纳斯-李向他的老板递交了一篇题目为“Information Management: A Proposal”的建议书。后来人们把这一天当作万维网 (WWW, World Wide Web) 诞生的日子。一晃三十年过去，web 早已成为这个世界重要的组成部分。但是 Web 真正开始走向巅峰，其实是从 200...
2022-04-07 14:11:02
309
转载 这波大裁员！真的是花样百出！
最近互联网大厂们的这波【裁员潮】真的是有愈演愈烈的趋势据说裁员方式也是花样百出于是...我曾单纯地以为“裁员”是这样的不能再画下去了这样的劝退理由恐怕还有十万八千个其实真实的理由只有一个就是老板不需要小李了。。。【提示】漫画中的小李经历了如此多坎坷后，终于看破红尘，但依旧无法摆脱现实的拷问，查看详情，请在不会笑公号内回复关键字“看破红尘”本文原创公众号：不会笑青年，授权...
2022-04-01 16:17:03
215
转载 React18正式版发布，未来发展趋势是？
2022年3月29号，React18正式版发布。从v16开始，React团队就在普及并发的概念。在v18的迭代过程中（alpha、Beta、RC），也一直在科普并发特性，所以正式版发布时，已经没有什么新鲜特性。本文主要讲解v18发布日志中透露的一些未来发展趋势。开发者可能并不会接触到并发特性React对增加API是很慎重的。从13年诞生至今，触发更新的方式都是this.s...
2022-03-31 08:08:00
669
转载 革命性创新，动画杀手锏 @scroll-timeline
在 CSS 规范 Scroll-linked Animations[1] 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline[2] at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline。何为 @scroll-timeline 滚动时间线？什么是 @scroll...
2022-03-29 11:39:20
252
转载 国外新式前端面试，题目把我看麻了
今天给大家分享一个有趣的前端面试问题。前段时间笔者看到有个老外在招聘的时候喜欢问一个问题：请解释 Twitter 的前十行源码：其实这十来行源码如果真的要我来解释作用的话，那真的是要麻了。其中确实有好几个不清楚的的地方，所以笔者去具体查了这些代码的作用，今天分享一下。<!DOCTYPE html>这个应该是笔者刚学前端的时候学的知识了，这里就直接引用 MDN ...
2022-03-25 11:19:42
170
转载 VSCode 又出大招了
对于一个前端项目来说，在根目录下大家应该能看到一坨的配置文件，少则几个，多则十来个。这些文件大部分情况下不需要开发人员关注，真的要关注起来的时候又得去寻找自己需要的那一个。以上以 React 为例，这一屏密密麻麻的配置文件，其实底下还有五六个文件没截全。那么我们是否能给这些配置文件做一些分类以帮助我们后续寻找文件呢？就比如我们开发项目的时候都偏向于把同一功能或者属性的文件...
2022-03-23 08:08:00
231
转载 逃离一线城市程序员的Plan B
大家好，我是Eason。由于越来越多的程序员正在逃离一线城市，这些程序员较多都来自于华中地区，或许是因为房价更便宜，亦或是离家更近的原因，但是很多铁子可能对华中地区有哪些互联网大厂不太清楚...
2022-03-18 08:18:00
4756
1
转载 项目稳定性治理思考：十五个防御性CSS技能
一、概念解释防御性CSS，防的是谁？我把他总结为：一切使表现和行为偏离预期效果的情景。出现这些场景的原因是因为终端环境的多样化，开发及测试用例只能覆盖大多数使用场景，在其他环境下，解析机制...
2022-03-16 14:49:28
399
转载 爷青回！用原生 Audio API 实现一个千千静听
前言最近看了一下钟文泽的 Macbook Pro 测评视频（唉，最近又想买电子产品了），他在测评音响的时候，点播了一首蔡琴的《渡口》。当听到这首歌的时候，我真的是情不自禁地感叹：“爷青回！...
2022-03-15 10:45:52
495
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人