十年156

1. 为什么浏览器需要缓存 2. 缓存规则： 新鲜度和校验值两个维度来规定浏览器是否可以直接使用缓存中的副本，还是需要去源服务器获取更新的版本。 新鲜度（过期机制）：也就是缓存副本有效期。一个缓存副本必须满足以下条件，满足一个条件即可，浏览器会认为它是有效的，足够新的： 它可以…

随着互联网的发展，越来越多的业务不仅仅由单一节点或是单一语言就可承载，而是趋向多语言分布式协同开发，例如接入层由Node.js完成，逻辑以及数据层由C++/GO/Python实现，并由此组成大型异构系

之所以写这个总结，还要从上周的一次移动端项目的 debug 说起。那天，测试小姐姐拿着自己的 iphone6s 过来找我，说页面打不开。我想：这怎么可能，我手机里挺好的呀，Chrome调试工具也没报错呀！就把她手机拿过来看了看，发现一进去还真就是一片空白。WTF（手动黑人问号）…

前端的路由模式包括了 Hash 模式和 History 模式。 vue-router 在初始化的时候，会根据 mode 来判断使用不同的路由模式，从而 new 出了不同的对象实例。例如 history 模式就用 HTML5History，hash 模式就用 HashHistor…

vue-cli是一个整合了webpack+vue的脚手架，通过这个脚手架，我们可以很方便地创建一个vue项目，甚至引入了vuex和vue-router。webpack的配置对用户来说是透明，用户无需关注webpack的详细配置，从而提高开发效率。 那么vue-cli真的很好用吗…

高阶函数英文叫Higher-order function。什么是高阶函数？ JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量，那么一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。 一个最简单的高阶函数： 这个区别于Map，…

由于webpack在4.0后，新增mode配置项，它为我们默认设置了production。但是该警告并没有影响build的结果暂且忽略。 可以看到dist目录已经生成了名为my-first-webpack.bundle.js文件。 OK，最基本的配置已经完成，接下来引入Reac…

1、简单mock如果只是数据的简单mock，建议包装ajax或者fetch，在请求之前通过读取mock数据，来返回mock结果eg:根据请求参数，获取mock数据 优点：纯前端就可以完成，简单便捷，兼

AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 Bootstrap，来自 Twitte…