首页
学习
活动
专区
工具
TVP
发布

前端桃园

专栏作者
208
文章
310303
阅读量
57
订阅数
学不动了,Vercel 推出比 Vite 快 10 倍的打包器 Turbopack
Vercel 是由 Guillermo Rauch 创立的云服务公司,前身为 Zeit,有 Next.js、Node.js 的 websocket 框架 socket.io 和 MongoDB 客户端 mongoose 等知名开源项目为大众所知。Next.js 为了实现后端渲染,重度使用了 JS 生态中的打包构建工具 webpack。
桃翁
2022-12-18
3.5K0
antd mobile 作者教你写 React 受控组件和非受控组件
曾经,我每次面试时几乎都会问一个问题:antd 中的 Input 组件是受控组件还是非受控组件?
桃翁
2022-12-18
1.6K0
一文彻底搞懂前端沙箱
在一些应用中,我们希望给用户提供插入自定义逻辑的能力,比如 Microsoft 的 Office 中的 VBA,比如一些游戏中的 lua 脚本,FireFox 的「油猴脚本」,能够让用户发在可控的范围和权限内发挥想象做一些好玩、有用的事情,扩展了能力,满足用户的个性化需求。
桃翁
2022-03-30
1.6K0
使用 React 和 TypeScript something 编写干净代码的10个必知模式
众所周知, React 是一个 JavaScript 库,它是当今最流行和行业领先的前端开发库。
桃翁
2022-03-30
1.1K0
用 husky 和 lint-staged 构建代码检查工作流
一个项目如果涉及到多人协作,由于每个人代码的书写习惯和风格不太一样,如果没有统一的规范,那就会很乱,这对代码的可维护性大大降低。
桃翁
2022-03-30
3.6K0
揭秘 antd mobile “IndexBar” 的实现思路
这是 antd-mobile 中的 IndexBar[1] 组件,它由两部分组成,一部分是主体,是一个带分组的列表(List),另外一部分是一个在右侧悬浮的索引条(Sidebar)。如果说要找出这个组件中逻辑最难的部分,你觉得会是哪里呢?可能很多人都会觉得是手势和滚动逻辑,当然,这块确实可能需要一点小技巧,不过在这篇文章中,我们来分析另一个隐藏的难点:索引项的生成和在 Sidebar 中的渲染。IndexBar 在实际项目中的用法是这样的:
桃翁
2021-12-21
9810
一名中/高级前端工程师的自检清单-React 篇
你真的了解 React 吗?我们在面试中往往涉及 React 时,第一个问题就是“解释 React 是什么”。解释一种技术是什么,在面试中也是非常常见的引起 话题的题目。本篇文章我就带你掌握这一类概念题的解答技巧。
桃翁
2021-12-13
1.4K0
Rust 是 JavaScript 基础设施的未来
Rust[2] 是一种快速、可靠、内存高效的编程语言。它已经连续六年被评为最受 欢[3] 迎[4] 的 编[5] 程[6] 语[7] 言[8] 。它由 Mozilla 创建,现在被 Facebook[9] 、 苹果[10] 、 亚马逊[11] 、 微软[12] 和 谷歌[13] 用于系统基础设施、加密、虚拟化和更多底层(low-level)的编程中。
桃翁
2021-11-19
9470
现代 Web 开发困局
2021 年,Web 开发整体上仍然处于比较低效的状态,各种开发,部署工具仍未很好的收敛,开发者仍然要面对选择框架,选择各种库,选择部署方式,沟通前后端接口等,一个完整的 Web 应用开发会牵扯很多不同的工种,而不同分工之间的协作却是很低效的,本文旨在能够很好的梳理当下 Web 开发的 "困局",以及我们通过何种方式,能够走出这些困局,解放生产力,希望能给未来的工具发展给出一定的预测和启发。
桃翁
2021-11-19
3680
postTask:React的杀手锏被浏览器原生实现了?
可以说,从16年开始重构fiber架构到今年底(或明年初)React18发布正式版,这期间React团队大部分工作都是围绕这两点展开的。
桃翁
2021-09-30
7150
Typescript中的extends关键字
extends关键字在TS编程中出现的频率挺高的,而且不同场景下代表的含义不一样,特此总结一下:
桃翁
2021-09-30
5.2K1
你不知道 CSS 可以做的 4 件事
这样就实现了延时1s,一共0.5s的淡入动画。其中ease是animation-timing-function的默认值。animation-timing-function使用了三次贝塞尔(Cubic Bezier)函数生成速度曲线,可以让我们的动画产生平滑的过渡。但是有的时候我们并不想要平滑的过渡,比如想要实现下面小人跑动的效果,该怎么实现呢?
桃翁
2021-09-10
1.3K0
antd mobile v5 它悄悄的来了
在 React 领域里,一直缺少一套靠谱、好用的移动端组件,蚂蚁的 antd mobile v2 年久失修,几乎无人维护,跟 antd 相差甚远,在设计上,也有很多也已经跟不再符合 Alipay Design[1]。
桃翁
2021-09-09
1.8K0
新时代前端农民工应该怎么准备面试(二)
文章转载至子弈文章:https://juejin.cn/post/6996815121855021087
桃翁
2021-09-09
7430
看得我目瞪口呆的 JavaScript 奇淫技巧
js 是一门强大的语言。对黑客来说,这是绕过 WAF 的利器,比如当字母和数字都无被 WAF 屏蔽的时候,你可以这样玩:
桃翁
2021-09-09
4830
【推荐】git commit 规范和如何在 commit 里使用 emoji
大家好,我是桃翁,今天给大家带来的是关于 git commit 那些事儿,希望大家喜欢。
桃翁
2021-09-09
1.8K0
来来来,尝试一下 React 18 !
React 团队最近发布了 React 18 的 alpha 版本。这个版本主要是增强 React 应用程序的 并发渲染 能力,你可以在 React 18 中尝试体验以下几个新特性:
桃翁
2021-06-22
1.4K0
你在项目中做过哪些安全防范措施?
如果你被面试官问到这个问题,不要急于描述自己遇到的问题以及如何处理的,你得先去理解问题中的潜台词。“做过哪些措施”更深层的意思是“你熟悉哪些攻击方式,知道哪些解决方案?”当然,不可能把每次做的安全防范措施都一一的说给面试官听, 这样显得没有重点。
桃翁
2021-05-13
7870
React Hooks 在 react-refresh 模块热替换(HMR)下的异常行为
react-refresh-webpack-plugin[1] 是 React 官方提供的一个 模块热替换(HMR)插件。
桃翁
2021-05-13
2.2K0
前端优秀实践不完全指南
一个 Web 页面,一个 APP,想让别人用的爽,也就是所谓的良好的用户体验,我觉得他可能包括但不限于:
桃翁
2021-03-18
8420
点击加载更多
社区活动
RAG七天入门训练营
鹅厂大牛手把手带你上手实战,赢鹅厂证书、公仔好礼!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档