React
文章平均质量分 91
前端劝退师
这个作者很懒,什么都没留下…
展开
-
MetaWork:拜托,这样远程结对编程超酷的
1. 话说结对编程众所周知,结对编程(英语:Pair programming)是一种敏捷软件开发的方法,两个程序员在一个计算机上共同工作。一个人输入代码,而另一个人审查他输入的每一行代码。但是真实环境中,往往不止两人结对编程:众后端围着前端审查代码。产品/设计/老板 围着前端改样式。于是就会发展成下面这样:显然,这不符合疫情期间的防范规定。况且在如今轻则AB班,重则居家办...原创 2022-04-18 12:16:06 · 1540 阅读 · 0 评论 -
想要成为前端Star 吗?一首歌时间将React/Vue 应用Docker 化.md
前言以前一直有疑问困扰着我:人人都在吹的Docker容器化,与前端有何关系?然而在近两年的编程生涯,在每一次产品迭代中,渐渐体会到了容器化其魅力所在。应用部署从刀耕火种,到DevOps崛起,原来不止前端在迅捷发展。接下来,我将用一首歌的时间,带大家真实的体验一番Docker容器化。1. 朴素的Dockerfile首先准备一个有标准运行指令的Web应用,用脚手架creat-react-app或Vue CLI等生成的即可。以下的Dockerfile不参杂其它依赖,争取做到都能看懂:# 指定Nod原创 2020-09-02 13:49:46 · 183 阅读 · 0 评论 -
面试官问到三次握手,我甩出这张脑图,他服了!
前言 失业期间闲来无事,看了本《网络是怎样连接的》与两本HTTP相关的专栏。一方面补充专业知识,另一方面也是为了跳槽面试做准备。避免看了即忘,就画了一张XMind图:值得深入的问题太多了...原创 2020-04-19 20:19:40 · 435 阅读 · 0 评论 -
React-Router v6 新特性解读及迁移指南
前言这里写自定义目录标题前言1. ``重命名为``2. ``的新特性变更3. 嵌套路由变得更简单3.1 简化嵌套路由定义3.2 新`API`:`Outlet`3.3 多个``4. 用`useNavigate`代替`useHistory`5. 新钩子`useRoutes`代替`react-router-config`。6. 大小减少:从`20kb`到`8kb`7. 迁移及其它重要修复...结语❤️...原创 2020-03-19 00:08:44 · 29697 阅读 · 25 评论 -
2019年前端大事件回顾:流年笑掷,未来可期
前言原文:A Recap of Frontend Development in 2019译者:前端劝退师回顾2019年前端和Web开发的主要事件,新闻和趋势。在过去的一年中,前端开发的世界再次迅速发展,本文总结了`2019·年以来的所有重要事件,新闻和趋势。原先没有打算翻译这篇,但发现该篇需要科学上网和会员,于是就加上自己的理解,意译了,非重要内容我直接一键翻译了,嘿嘿。原文内容不...原创 2019-12-11 20:06:51 · 2099 阅读 · 1 评论 -
颜值即正义!这几个库颠覆你对数据交互的想象
前言作为一个对UI和动画敏感的切图仔,在日常开发之余,也会关注一些贼好看的图表库和插件。接下来,我将给大家介绍几款web/python/vue/react里漂亮得不行的几个开源库/实现。1. 手绘风图表库:roughViz.js基于D3(v5), roughjs, 和handy。1.1 衡量方式有三种衡量方式:粗糙度:线条种类:线条粗细:1.2 多种搭配简答CDN:...原创 2019-12-05 14:14:37 · 6263 阅读 · 16 评论 -
「React Hooks」如何用120行代码,实现一个交互良好的拖拽上传组件
前言你将在该篇学到:如何将现有组件改写为 React Hooks函数组件useState、useEffect、useRef是如何替代原生命周期和Ref的。一个完整拖拽上传行为覆盖的四个事件:dragover、dragenter、drop、dragleave如何使用React Hooks编写自己的UI组件库。逛国外社区时看到这篇:How To Implement Drag an...原创 2019-09-03 17:59:59 · 1719 阅读 · 0 评论