在 React Europe 2020 Conference 上， Facebook 软件工程师 Dave McCabe 介绍了一个新的状态管理库 Recoil。

苹果公司前不久对 Safari 浏览器进行一次重大更新，这次更新完全禁用了第三方 Cookie，这意味着，默认情况下，各大广告商或网站将无法对你的个人隐私进行追踪。而微软和 Mozilla 等也纷纷采取了措施禁用第三方 Cookie，但是由于这些浏览器市场份额较小，并没有给市场带来巨大的冲击。

Chrome 81 于前天正式发布了，这个版本其实最初是计划在 3 月 17 号 发布的，但由于冠状病毒（COVID-19）爆发而导致推迟到了现在。Chrome 81 的延迟也扰乱了 Google 正常的六周发布时间表。因此 Google 此前也宣布，下一个版本将直接跳过 Chrome 82 ，直接发布 Chrome 83。

2019年，是对我非常重要的一年，比想象中更累的一年，比想象中收获更多的一年。这一年，真的发生了非常多的事，无论是生活还是工作学习上，由于是技术社区的年度征文，我就从 写作和积累、技术上的提升、工作上的转换 这三个方向来总结一下这一年。

现如今，前端开发的同学已经离不开 npm 这个包管理工具，其优秀的包版本管理机制承载了整个繁荣发展的NodeJS社区，理解其内部机制非常有利于加深我们对模块开发的理解、各项前端工程化的配置以加快我们排查问题（相信不少同学收到过各种依赖问题的困扰）的速度。

写程序时时刻记着，这个将来要维护你写的程序的人是一个有严重暴力倾向，并且知道你住在哪里的精神变态者。 1. 导读 你们是否也有过下面的想法？ 重构一个项目还不如新开发一个项目... 这代码是谁写的，我真想... 你们的项目中是否也存在下面的问题？ 单个项目也越来越庞大，团队成员代码风格不一致，无法对整体的代码质...

里面的题目实现大多类似，而且说实话很多代码在我看来是非常简陋的，如果我作为面试官，看到这样的代码，在我心里是不会合格的，本篇文章我拿最简单的深拷贝来讲一讲。

实际上，当你了解了“数据结构”和“算法”存在的真正意义，以及一些实际的应用场景，对它有了一个整体的认知之后，你可能会对它产生强烈的兴趣。当然，它带将带给你的收益也是相当可观的。

这两天的GitHub Trending repositories被一个名叫 javascript-questions的项目霸榜了，项目中记录了一些JavaScript题目。

使用Electron开发客户端程序已经有一段时间了，整体感觉还是非常不错的，其中也遇到了一些坑点，本文是从【运行原理】到【实际应用】对Electron进行一次系统性的总结。【多图，长文预警～】

变量和类型是学习JavaScript最先接触到的东西，但是往往看起来最简单的东西往往还隐藏着很多你不了解、或者容易犯错的知识，比如下面几个问题：

导读 移动端适配，是我们在开发中经常会遇到的，这里面可能会遇到非常多的问题： 1px问题 UI图完美适配方案 iPhoneX适配方案 横屏适配 高清屏图片模糊问题 ... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概...

导读 本文从绘图基础开始讲起，详细介绍了如何使用Three.js开发一个功能齐全的全景插件。 我们先来看一下插件的效果： 如果你对Three.js已经很熟悉了，或者你想跳过基础理论，那么你可以直接从全景预览开始看起。 本项目的github地址：[链接] 一、理清关系 1.1 OpenGL OpenGL是用于渲染2D、3D量图形的跨语言、跨平台的应...

到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。

React的虚拟DOM和Diff算法是React的非常重要的核心特性，这部分源码也非常复杂，理解这部分知识的原理对更深入的掌握React是非常必要的。

前端发展速度非常之快，页面和组件变得越来越复杂，如何更好的实现状态逻辑复用一直都是应用程序中重要的一部分，这直接关系着应用程序的质量以及维护的难易程度。

一、前端进行网络请求的关注点 大多数情况下，在前端发起一个网络请求我们只需关注下面几点： 传入基本参数（url，请求方式） 请求参数、请求参数类型 设置请求头 获取响应的方式 获取响应头、响应状态、响应结果 异常处理 携带cookie设置 跨域请求 二、前端进行网络请求的方式 form表单、ifream、刷新页面 Ajax - 异步...

nginx在应用程序中的作用 解决跨域 请求过滤 配置gzip 负载均衡 静态资源服务器 nginx是一个高性能的HTTP和反向代理服务器，也是一个通用的TCP/UDP代理服务器，最初由俄罗斯人Igor Sysoev编写。 nginx现在几乎是众多大型网站的必用技术，大多数情况下，我们不需要亲自去配置它，但是了解它在应用程序中所担任的角色，以...

本系列翻译自开源项目 30-seconds-of-code这是一个非常优秀的系列，文章总结了大量的使用es6语法实现的代码模块不是说真的三十秒就能理解，也需要你认真的思考，其中有一些点非常精妙，很值得一读。 本文在我的github同步更新，你可以看到当前翻译的全部系列。 如果您对本期有不同或者更好的见解，请在下方评论告，喜欢...

关于React事件的疑问 1.为什么要手动绑定this 2.React事件和原生事件有什么区别 3.React事件和原生事件的执行顺序，可以混用吗 4.React事件如何解决跨浏览器兼容 5.什么是合成事件 下面是我阅读过源码后，将所有的执行流程总结出来的流程图，不会贴代码，如果你想阅读代码看看具体是如何实现的，可以根据流程图去源码里...

话不多说，先上代码 {代码...} 由于JavaScript中没有将小数的二进制转换成十进制的方法，于是手动实现了一个。 先来一个简单的结论 计算机中所有的数据都是以二进制存储的，所以在计算时计算机要把数据先转换成二进制进行计算，然后在把计算结果转换成十进制。 由上面的代码不难看出，在计算0.1+0.2时，二进制计算发生了...

输入一个复杂链表（每个节点中有节点值，以及两个指针，一个指向下一个节点，另一个特殊指针指向任意一个节点），返回结果为复制后复杂链表的head。（注意，输出结果中请不要返回参数中的节点引用）

一.几个开发中经常会遇到的问题 以下几个问题是我们在实际开发中经常会遇到的场景，下面用几个简单的示例代码来还原一下。 1.setState是同步还是异步的，为什么有的时候不能立即拿到更新结果而有的时候可以? 1.1 钩子函数和React合成事件中的setState 现在有两个组件 {代码...} 组件内部放入同样的代码，并在Setstate1中...

1.包含min函数的栈 定义栈的数据结构，请在该类型中实现一个能够得到栈中所含最小元素的min函数（时间复杂度应为O（1））。 思路 1.定义两个栈，一个栈用于存储数据，另一个栈用于存储每次数据进栈时栈的最小值. 2.每次数据进栈时，将此数据和最小值栈的栈顶元素比较，将二者比较的较小值再次存入最小值栈. 4.数据栈出栈...

1. 题目 说一下对变量提升的理解 说明this的几种不同使用场景 创建10个a标签，点击的时候弹出来相应的序号 如何理解作用域 实际开发中闭包的应用 手动实现call apply bind 2. 知识点 2.1 执行上下文 范围：一段script或者一个函数 全局：变量定义、函数声明 script 函数：变量定义、函数声明、this、arguments （执行之...

题目 定义栈的数据结构，请在该类型中实现一个能够得到栈中所含最小元素的min函数（时间复杂度应为O（1））。 思路 1.定义两个栈，一个栈用于存储数据，另一个栈用于存储每次数据进栈时栈的最小值. 2.每次数据进栈时，将此数据和最小值栈的栈顶元素比较，将二者比较的较小值再次存入最小值栈. 4.数据栈出栈，最小值栈也...

题目 输入一个链表，输出该链表中倒数第k个结点。 思路 简单思路： 循环到链表末尾找到 length 在找到length-k节点 需要循环两次。 优化：设定两个节点，间距相差k个节点，当前面的节点到达终点，取后面的节点。 前面的节点到达k后，后面的节点才出发。 本题目着重考察代码鲁棒性、容错率： 需要考虑head为null，k为0，k...

一份react开发者必备的技能清单，请查收。入门、查漏补缺、深入学习... 查看原图 下载源文件 【使用】 快速上手React，并了解其中的概念。 官方教程 React入门教程 React.js 小书 React文章精读，问题解答。 React中文社区 Segmentfault 掘金 【API】 全面浏览API 官方文档 React Component ReactDOM DOM 合成事件 React...

题目1 数值的整数次方 给定一个double类型的浮点数base和int类型的整数exponent。求base的exponent次方。 思路 这道题逻辑上很简单，但很容易出错。 关键是要考虑全面，考虑到所有情况。 exponent 是正，负，0的情况 base为0的情况。 代码 {代码...} 题目2 调整数组顺序使奇数位于偶数前面 输入一个整数数组，实现一个函...

题目 输入一个整数，输出该数二进制表示中1的个数。其中负数用补码表示。 分析 这是一道考察二进制的题目 二进制或运算符（or）：符号为|，表示若两个二进制位都为0，则结果为0，否则为1。 二进制与运算符（and）：符号为&，表示若两个二进制位都为1，则结果为1，否则为0。 二进制否运算符（not）：符号为~，表示对...