Facebook 新一代 React 状态管理库 Recoil

2020-10-09
阅读 5 分钟
7.6k
在 React Europe 2020 Conference 上, Facebook 软件工程师 Dave McCabe 介绍了一个新的状态管理库 Recoil。

当浏览器全面禁用三方 Cookie

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

Chrome 81 发布 !消灭混合内容的最后一步~

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

ConardLi 的 2019 — 尾声和开始 | 思否年度征文

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

前端工程化 - 剖析npm的包管理机制

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

前端代码质量-圈复杂度原理和实践

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

如何写出一个惊艳面试官的深拷贝?

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

前端该如何准备数据结构和算法?

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

[译]送你43道JavaScript面试题

2019-06-17
阅读 17 分钟
5.4k
这两天的GitHub Trending repositories被一个名叫 javascript-questions的项目霸榜了,项目中记录了一些JavaScript题目。

用JS开发跨平台桌面应用,从原理到实践

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

【JS进阶】你真的掌握变量和类型了吗

2019-05-28
阅读 16 分钟
4k
变量和类型是学习JavaScript最先接触到的东西,但是往往看起来最简单的东西往往还隐藏着很多你不了解、或者容易犯错的知识,比如下面几个问题:

关于移动端适配,你必须要知道的

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

看完这篇,你也可以实现一个360度全景插件

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

一名【合格】前端工程师的自检清单

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

【React深入】深入分析虚拟DOM的渲染原理和特性

2019-04-17
阅读 11 分钟
22k
React的虚拟DOM和Diff算法是React的非常重要的核心特性,这部分源码也非常复杂,理解这部分知识的原理对更深入的掌握React是非常必要的。

【React深入】从Mixin到HOC再到Hook

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

全面分析前端的网络请求方式

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

前端开发者必备的Nginx知识

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

【30秒一个知识点】Adapter

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

【React深入】React事件机制

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

一个函数让你看懂 'Why 0.1+0.2!=0.3'

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

《剑指offer》分解让复杂问题更简单

2019-02-24
阅读 3 分钟
1.3k
输入一个复杂链表(每个节点中有节点值,以及两个指针,一个指向下一个节点,另一个特殊指针指向任意一个节点),返回结果为复制后复杂链表的head。(注意,输出结果中请不要返回参数中的节点引用)

【React深入】setState的执行机制

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

【剑指offer】让抽象问题具体化

2019-02-17
阅读 3 分钟
1.6k
1.包含min函数的栈 定义栈的数据结构,请在该类型中实现一个能够得到栈中所含最小元素的min函数(时间复杂度应为O(1))。 思路 1.定义两个栈,一个栈用于存储数据,另一个栈用于存储每次数据进栈时栈的最小值. 2.每次数据进栈时,将此数据和最小值栈的栈顶元素比较,将二者比较的较小值再次存入最小值栈. 4.数据栈出栈...

【前端面试】作用域和闭包

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

【剑指offer】13.包含min函数的栈

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

《剑指offer》11.链表中倒数第k个节点

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

2019React开发者必备的技能清单

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

【剑指offer】10.程序的完整性

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

【剑指offer】9.二进制中1的个数

2019-01-20
阅读 1 分钟
2k
题目 输入一个整数,输出该数二进制表示中1的个数。其中负数用补码表示。 分析 这是一道考察二进制的题目 二进制或运算符(or):符号为|,表示若两个二进制位都为0,则结果为0,否则为1。 二进制与运算符(and):符号为&,表示若两个二进制位都为1,则结果为1,否则为0。 二进制否运算符(not):符号为~,表示对...