前一阵字节跳动程序员，年仅 28 岁的郭宇财务自由，宣布退休的消息在网上火了一把，这个事情大家应该都知道了，细节就不多说了。
我刚看了这个新闻之后，起初内心出现的几个关键词是：卧槽、牛、羡慕……在意识到瞎感慨、羡慕没啥用之后，我心里不禁有个疑问：他的钱是怎么来的？
我找在字节上班的朋友打听了一...
有很多CSS属性，有些人不了解，或者他们了解它们，但是忘记在需要时使用它们。其实，有时候我们用 JavaScript 来实某些交互，CSS 一个属性就能搞定了，这可以大大节约我们编码的时间。
作为前端开发人员，我们经常会遇到这样的事情。所以我问自己，为什么不搞篇文章列出所有那些较少使用但既有用又有趣的 CSS ...
1、一程序员去面试，面试官问：“你毕业才两年，这三年工作经验是怎么来的？！”程序员答：“加班。”
2、某程序员对书法十分感兴趣，退休后决定在这方面有所建树。于是花重金购买了上等的文房四宝。一日，饭后突生雅兴，一番磨墨拟纸，并点上了上好的檀香，颇有王羲之风范，又具颜真卿气势，定神片刻，泼...
前端开发的瓶颈到底在哪里，前端技术是否已经走到一个十字路口，全栈化的系统架构是否能改变目前的窘境？本文将根据作者自身的开发经历谈谈当下前端开发中遇到的一些问题和想法。
引子
近两年我一直在思考的一个问题：
如果前端不用考虑性能问题、不用考虑终端兼容性、不用考虑历史遗留问题，甚至不用...
把整个web前端开发所需要的知识都之中在一个视图中，形成一个完整的web前端知识体系，目的是想要颠覆人们对于前端只有三大块（html、css、js）的认识——做web前端需要的比这三大块要多得多。
1、分类
所有知识框架，那肯定是一个结构型的展现，就是一棵树。web前端的知识点非常多，也非常散，需要好几层结构来...
JavaScript中对象的简介
我们知道生活中客观存在的一切事物皆为对象,那在程序中的对象是什么样子呢?我们可以将程序中的对象理解为客户端世界中的对象在一种计算机中的一种表示方式.所有的编程语言中提到的对象其性质都是类似的,它往往对应内存中的一块区域,在这个区域中存储对象的属性或方法信息。
JavaScript...
图示中文教程类组件有生命周期，函数式组件没有声明周期（所以函数式组件的性能更高）
完整图示
image.png
常用图示
image.png
React组件的生命周期可以分为3种状态。
挂载时
更新时
卸载时
挂载时
当组件实例被创建并插入 DOM 中时，其生命周期调用顺序如下
constructor()
static getDe...
中文文档英文文档
Redux = Reducer + Flux
Redux 是 React中的状态管理容器，可以理解为存放 公用数据的地方，提供一种更加规范和安全的方式去定义组件之间的公用数据（想象一下兄弟组件传值的过程）。对于初学者来说，它的使用并不简单。
Redux的理解.png
三大原则
单一数据源
State 是只读的
使...
在React中，数据的传递方式有以下几种
父传子 通过属性
子传父 通过事件
兄弟间传值 先传给父再传给兄弟
复杂关系 redux- 如何理解Redux
直接上代码理解
父传子
import React, { Component } from 'react';import ReactDOM from 'react-dom';class HomeTop extends Component { render() { return (...
vs.jpg
首先，这两个框架，都是以组件化的思想进行开发的！
从开发团队上进行对比：
React的开发团队，是Facebook官方大牛团队，团队技术实力雄厚；
Vue：第一个版本，主要是作者尤雨溪进行维护。
从社区方面进行对比：
React社区早，解决方案多
Vue社区晚一点，解决方案相对少一点
...