背景 如今的前端，框架横行，不掌握点框架的知识，出去面试都感觉有点虚。 我用React 比较多，以前面试的时候也会被问到相关的问题。 今天我这里就梳理了一篇 React基础原理的内容。 面试基本上也就问这些， 分享给大家， 希望对大家有所帮助。 React是一个专注于构建用户界面的 Javascript Library. React做了什么？ Vi...

背景 马上又到年底了，跳槽的季节。 我又想起来曾经准备面试的情景， 各种搜集资料， 整理， 面试， 再整理， 十分的辛苦。 其实，无论面试哪家公司， 基础都是免不了的. 之前就有整理一下这些资料的想法，不过自己比较懒， 一只没有动手。 最近在做公众号，就想着干脆搞一搞，把这些基础知识整理一下，以后自己也能看。...

引言 假期还没结束，明天才上班。 在家写了一篇比较基础的文章，在这分享给大家。 如需转载， 请联系我。 背景 ... 运算符， 是ES6里一个新引入的运算法， 也叫展开/收集 运算符， 我们每天都要和它打交道。 这篇文章，我就带你系统的回顾下这个运算符， 介绍一些基础和进阶的用法。 基础篇 先看一下官方描述： Spread s...

背景 前段时间， 又被35岁失业论刷了屏。 说实话， 我也仔细考虑过这个问题，偶尔也很会焦虑 。 这个问题， 简而言之就是: 作为程序员， 未来的路在何方？ 我觉得， 自己会有这个疑问和焦虑， 主要是对自己的定位和规划不明确导致的。 如果你也有过类似的疑惑和思考， 说明你已经开始考虑自己的职业规划了。 先说说我吧...

上周末在家没啥事， 想写点东西，一时不知道写什么好。 然后就想起来一个去了Airbnb 的同学， 说Airbnb 的面试风格是以实操为主，她面了8轮， 轮轮都是写代码（2018年）， 令人十分害怕。

前言 前段时间， 参加了腾讯的 TLC 大会，见到了很多大牛， 也认识了很多有趣的朋友。 闲聊的时候就聊到了级别的问题， 我也有一些想法， 结合之前看到的一篇文章，在这里总结一下， 顺便分享给大家。 正文 关于级别 我们知道程序员分 初级，中级， 高级， 这个概念， 并不是以工作年限作为分类依据的。 也就是说， 级别...

马上又要到跳槽旺季了，身边的一些朋友或多或少都在看更好的机会。 我也收到不少简历， 经我手的简历也都好几百份了， 有的写的很好， 有的写的没眼看， 差别很大。

上午楼主遇到一个需要处理双击事件的需求，在这里介绍下如何在触发doubleCLick时间的时候, 不触发click事件的解决办法， 顺便分享给大家。

前言 {代码...} 楼主是个小财迷, 从大学起就在培养理财方面的意识, 付出了一些实践，也取得了一些收获。 在校期间， 从大二起，做了三份家教，大四实习， 加上拿到的四年各类奖学金，16年毕业的时候，已经存了十万块。 (可惜， 智商不够，当时没买比特币， 三十倍啊啊啊啊啊啊， 错过了一套房.) 毕业之后， 就在厂里搬砖...

你是一个专业的小偷，计划偷窃沿街的房屋。每间房内都藏有一定的现金，影响你偷窃的唯一制约因素就是相邻的房屋装有相互连通的防盗系统，如果两间相邻的房屋在同一晚上被小偷闯入，系统会自动报警。

午休睡不着做了两道题， 在这分享一下。 121 给定一个数组，它的第 i 个元素是一支给定股票第 i 天的价格。 如果你最多只允许完成一笔交易（即买入和卖出一支股票），设计一个算法来计算你所能获取的最大利润。 注意你不能在买入股票前卖出股票。 示例 1: 输入: [7,1,5,3,6,4]输出: 5解释: 在第 2 天（股票价格 = 1）的...

给出一个 32 位的有符号整数，你需要将这个整数中每位上的数字进行反转。假设我们的环境只能存储得下 32 位的有符号整数，则其数值范围为 [−231, 231 − 1]。请根据这个假设，如果反转后整数溢出那么就返回 0。

前言 React Hooks 自推出之后，收到了不少追捧， 很多问题也随之而来。 本文就其中的一个话题展开讨论：React Hooks 是否会取代传统的Redux ? 我认为： 不会. 在我看来，相比于传统的Class Component, Hooks 并没有提供什么新的状态功能，只不过是对原有的 API 做了增强。 相比之前，Hoos 更加简洁，也提升了原生 API 的...

背景 {代码...} 大致的过程 浏览器根据输入的域名，通过 DNS 查询IP. 浏览器根据IP与服务器建立Socket连接. 浏览器与服务器通信: 浏览器发送请求， 服务器处理请求，浏览器处理服务器返回的数据. 浏览器与服务器断开连接. 每一步都发生了什么 1. 根据域名查询IP 一些基础概念： IP 地址：IP 协议为互联网上的每一个网络...

Warning: Can't call setState (or forceUpdate) on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.

首先确定的还是 React 这一套, 即： React，Redux，TypeScript， 样式管理 styled-components， 国际化 react-intl, 组件库 antd, 脚手架，自己配。 本来想图省事用 CRA(create-react-app），后来觉得用rewired 重写不太灵活， 而且有个小伙伴也想自己配，熟悉下 webpack ， 还是决定自己搭， 后面会把配置贴出来。

我也一样， 对着这个新特性充满了好奇， 也写了几个demo 体验一下， 这个特性使得我们可以在一个函数组件中实现管理状态， 可以说是十分的神奇。 楼主最近也看了一些这方面的文章， 在这里总结分享一下， 希望对大家有所启发。

Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.

这两年 Flutter 人气越来越高， 作为一个不断奋进的前端小靓仔， 不与时俱进怎么能行。 怀着这样的目的， 就开始了Flutter的发现之旅。

最近在做一些梳理， 把平时记录的一些笔记和实践整理成完整的短篇技术文章。 这篇主要说一下如何精简你的React Components 看个例子 还是用那个大家都熟悉的 Counter， 点一下就能加1的那种。 看看原始代码： {代码...} 非常简单的一个组件， 点一下就加1， 点reaset 就重置为0；还能传参换主题。 回头再看这个组件， 发...

上午review 代码的时候， 发现一些问题， 关于逻辑复用的一些小技巧。 然后就花点时间整理了下， 做了个例子， 聊一下 render props.

前言 最近在帮同组的兄弟项目做需求，这几天差不多业务代码写完了。 本着搞事情的原则， 简单分析之后， 决定搞一波优化。 先简单看一下优化成果。 先睹为快 优化前： 优化后： 🐶🐶 30%⬆️ 🐶🐶 前： 后： 效果还是有一点的， 下面就看看具体的步骤。 都做了啥 step1 - 分析瓶颈 第一步当然是先找影影响最大的因素， 这次主...

大文档首屏渲染方案的一些思考和尝试 最近在处理一些优化方面的东西， 大文档渲染的优化方案。 这里简单记录分享一下。 一、服务端渲染 优点：服务端性能比较好，对移动端手机作用明显 缺点：大文档渲染完可能体积比较大，网络传输占时间比之前多，sheet还是得回到前端渲染，得维护一套node代码，增加成本 二、分片滑动...

悄悄的, React v16.7 发布了。 React v16.7: No, This Is Not The One With Hooks.

还是之前的那个项目，做完国际化没多久，还没来得及划水， 又有新的活了 -- 移动端的兼容。 考虑到后期的复杂度， 需要做两套资源。 具体的目标是：同一个URL，PC打开就显示PC的那一套， M端打开就显示Mobile的页面。 create-react-app 脚手架本身不支持多入口， 需要改造，今天下午研究了一下，改造了一波， 基本达到了...

背景 一忙起来， 老是忘记点Shopee的晚餐，晚餐很丰盛， 重点是免费!, 于是抽空写了个小插件，提醒我点餐, 在这简单分享一下。 先睹为快 到点自动提示： 不光有弹出提示， 伴随的还有语音。点击弹出的提示，就到点餐详情页面选菜去了。 都有什么菜 ? 上图： 回到正题..使用的Notify 插件来自社区：iNotify 查看效果请戳:...

process 对象是一个 global （全局变量），提供有关信息，控制当前 Node.js 进程。作为一个对象，它对于 Node.js 应用程序始终是可用的，故无需使用 require()。

也说不上是探索吧，就Google了一波， GitHub 上找了一个比较成熟的库 react-i18next， 写了一些代码，现将过程分享一下， 附带详细代码，手把手教你实现国际化。

这篇文章简单总结下2018年内我的一些前端面试经历， 在这简单分享一下，希望对大家有所启发。 楼主在深圳，毕业两年。面的主要是深圳的几家公司。 包括: 腾讯， 蚂蚁金服， Lazada， Shopee, 有赞 等 。 楼主在准备面试前， 想着复习一下， 但是前端的范围实在太大， 后来决定找两个肉鸡公司试一下水， 面试之后， 大概...

一、从React原理谈起 react是什么？ react是用于构建用户界面的JS框架。因此react只负责解决view层的渲染。 react做了什么？ Virtual Dom模型 生命周期管理 setState机制 diff算法 React patch、事件系统 react的 Virtual Dom模型 virtual dom 实际上是对实际Dom的一个抽象，是一个js对象。react所有的表层操作实际上是...