Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 管理焦点，文本选择或媒体播放。 触发强制动画。 集成第三方 DOM 库。 1. createRef createRef 是 React16.3 版本中引入的。 使用 Rea…

由于前端技术的蓬勃发展和你自身的不断努力，很多小伙伴已经打通了任督二脉，做到了前后端通吃。你们就是自己程序世界里的神，在这里你们无所不能，创造世界，制定规则和逻辑。当一个属于你的世界做好后，你需要展示给朋友，发布于众人，让爱你的人欣赏。这时候我们需要一个强有力的服务器作为容器，…

聊聊前端开发日常的协作工具，跟大家分享下树酱日常工作中常用的一些工具，或许可以帮到你提升日常的协作效率。这些神器你值得拥有！

放轻松，今天不是面试课。有人说欧巴的上一篇文章太难了，入门的话看不懂。 不要慌哈，网络安全的内容比较多，一篇文章写不完，后续会分成几篇文章，带大家手动实现一波，加深理解。 言归正传，今天欧巴要和大家分享一波硬核网站，作为一名前端工程师，不能总依靠UI小姐姐，工作上要为UI小姐姐…

本文暂未涉及Performance面板的内容。 1. Chrome Devtools 的用处 2. 菜单面板拆解 3. 常用命令和调试 1. 呼出快捷指令面板：cmd + shift + p 在Devtools打开的情况下，键入cmd + shift + p将其激活，然后开始在…

整理出来为的就是需要的时候，复制、粘贴就能使用。 然而千奇百怪的实际开发中，你肯定需要增删Nginx配置。你就得上网搜一下，复制粘贴出bug了又得调一下... 搞定还得保存下来以备后患。多了不好找还得整理...就搞得很麻烦 今天我给大家推荐一款"Nginx配置利器"，配配变量就…

网站是前后端分离，前端打包站点部署需要自力更生，为了避免跨域问题. 选择了nginx这个知名的反向代理服务器. 这里不探究安装这种问题。 至此，公司的网站已经跑起来了。若觉得有用就保留一份吧，没用就当冲浪吧；

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。 就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。下面我列出一些VSCode前端必备插件，并配…

趁着双十一入手了一个云端服务器，为了使自己写的前端代码更方便部署，便使用了 Jenkins 进行自动化部署。 本篇文章是对这次实践的一个记录，同时也希望通过这篇文章，能帮助更多的同学快速部署自己的前端代码，提高开发效率。 最后，来杯热水，就开工吧。 在正式实践之前，我们先来了解…