• 前端性能优化-02-webpack 与 gzip
  网络层面的性能优化 从本节开始，我们进入网络层面的性能优化世界。 大家可以从第一节的示意图中看出，我们从输入 URL 到显示页面这个过程中，涉及到网络层面的，有三个主要过程： DNS 解析 TCP 连接 HTTP 请求/响应 对于 DNS 解析和 TCP 连接两个步骤，我们前端可以做的努力非常有限。 相比之下，HTTP...
  2021-10-12 13:01:55 | FrontEnd
• 前端性能优化-01-知识体系与小册格局
  性能优化 提起性能优化，大家现在脑海里第一时间会映射出什么内容呢？ 可能是类似“雅虎军规”和《高性能 JavaScript》这样历久弥香的经典之作，也可能是搜索引擎聚合给你的一篇又一篇以性能优化为主题的个人或团队实践而来的“私货”。 至少当我确定自己的研发方向、并接到第一个性能优化任务时，我做的第一件事是向搜索引擎求助，第二件事是买书，然后开始了摸着石头过河，前后花费了大量的时间和精力...
  2021-10-12 13:01:55 | FrontEnd
• JavaScript 代码的静态类型检查器 Flow 移除Flow内容
  移除Flow内容 如果有类型错误的话就应该引起注意并且及时修改，更不能发布代码，不过在开发阶段，即便还没完美解决 Flow 的提醒，我们还是会经常运行代码的， 特别是在进行调试或者其他测试的时候。 另外，因为Flow的语法并不是标准的JavaScript语法，所以我们也是要在代码最终上线前移除Flow相关的代码。 在这里，我们就可以安装一个 Babel 插件，试着运行下面的代码， n...
  2021-10-12 13:01:55 | FrontEnd
• JavaScript 代码的静态类型检查器 Flow 常见类型
  基本类型 Flow用起来是的确是简单，但里面的内容很多，主要原因是是要看实际不同的使用情况作搭配。 JavaScript里面的原始数据类型都有支持，而在函数、对象与一些新的ES6中的类，在搭配使用时就会比较复杂，详细的情况就请到官网文档查看，以下只能提供一些简单的介绍说明。 Flow所定义的基本类型与 js 的基本数据类型类似，包括: boolean: 对应 js 的 Boolean...
  2021-10-12 13:01:55 | FrontEnd
• JavaScript 代码的静态类型检查器 Flow 使用入门介绍
  Flow Flow 是 JavaScript 代码的静态类型检查器。 它做了很多工作来提高你的工作效率。 让您的编码更快、更智能、更自信、规模更大。 Flow 通过静态类型注释检查您的代码是否有错误。 这些类型允许你告诉 Flow 你希望你的代码如何工作，Flow 将确保它以这种方式工作。 类型检查 所谓类型检查，就是在编译期尽早发现（由类型错误引起的）bug，又不影响代码运行...
  2021-10-12 13:01:55 | FrontEnd
• 前端面试指南-10-HR 面：谈钱不伤感情
  除了前面小节中提到的一些面试中应该注意的问题，本小节再整理一些面试中应该注意的事项。 1. 注意社交礼仪 虽然说 IT 行业不怎么注重工作环境，上下级也没有繁文缛节，但是在面试中还是应该注意一些社交礼仪的。像进门敲门、出门关门、站着迎人这类基本礼仪还是要做的。 舒适但不随意的着装 首先着装方面，不要太随意，也不要太正式，太正式的衣服可能会使人紧张，所以建议穿自己平时喜欢的衣服，关键是...
  2021-10-12 13:01:55 | FrontEnd
• 前端面试指南-10-HR 面：谈钱不伤感情
  当你顺利通过面试，最后 HR 面试主要有两大环节： 了解候选人是否在岗位、团队、公司文化等方面能够跟要求匹配，并且能够长期服务 谈薪资 匹配度考查 很多情况下 HR 并不懂技术，但是也会问你项目上的问题，这时候其实是考查候选人对自己所做项目和技术的掌握能力。 「检验一个人是否掌握一个专业知识，看他能不能把专业知识通俗易懂地对一个外行讲明白」。 在面对 HR 询问项目或者技术点的细...
  2021-10-12 13:01:55 | FrontEnd
• 前端面试指南-09-如何介绍项目及应对项目细节追问
  一个标准的面试流程中，肯定会在一面二面中问到你具体做过的项目，然后追问项目的细节。 这类问题往往会通过下面形式来提问： 发现你简历的一个项目，直接让你介绍下这个项目 让你回忆下你做过的项目中，最值得分享（最大型/最困难/最能体现技术能力/最难忘）的 如果让你设计 xx 系统/项目，你会怎么着手干 这类跟项目相关的综合性问题...
  2021-10-12 13:01:55 | FrontEnd