俄罗斯方块

摘要： 1.network下的单个瀑布流（单个资源加载） 通过控制台下的瀑布流可以大致看到单个网络资源的加载时机以及加载时长。一个网络资源的请求不是一个单一的下载的过程。中间还经过了很多的过程。鼠标悬浮在单个瀑布条上可以查看详细的信息 对于用户来说最为直观的影响因素是TTFB（请求发出去到请求回来），这里如 阅读全文

摘要： 实际开发中肯定会有需要用户登录才能查看固定页面的需求。在vue中可以通过vue的全局守卫与路由的元信息实现访问权限的控制 1.添加元信息 在某个需要登录才能查看的页面路由添加自定义元信息： routes: [ { path: '/create', name: 'create', component: 阅读全文

摘要： 1.vue2的响应式 3和2的响应式原理不同，既然3修改了实现响应式的方法，那2的响应式的肯定是有缺陷的。所以需要先了解一下2的响应式： Vue2官方网站对响应式的解释 主要的思想在于： 2的响应式主要实现由Object.defineProperty实现，当你把一个普通的 JavaScript 对象 阅读全文

摘要： 有个需求需要在一个对象数组中找到最大值和最小值以及中间值，用来显示不同的按钮。 所处环境：VUE2 示例：一个简化的数组： var l=[ {num:23},{num:54},{num:17},{num:89},{num:41} ] 需求： 我需要从这五个对象中找到num最小和最大的，并显示不同的按 阅读全文

摘要： 1.安装cross-env插件 yarn add cross-env npm install cross-env 2.修改package.json文件的scripts属性 "scripts": { "dev": "cross-env NODE_ENV=dev BASE_URL=http://dev. 阅读全文

摘要： 见MDN 阅读全文

摘要： 1.Cookie 通过Set-Cookie设置 下次请求会自动带上 以键值对的形式保存的，可以设置多个 属性： max-age和expires设置过期时间 Secure只在https的时候发送 设置了httponly无法通过document.cookie访问 2.Session 最常用的是用cook 阅读全文

摘要： 1.Last-Modified 上次修改时间 配合If-Modified-Since或者If-Unmodified-Since使用 对比上次修改时间以验证资源是否需要更新 2.Etag 数据签名 配合If-Match或If-None-Match使用 对比资源的签名判断是否使用缓存 阅读全文

摘要： 1.Cache-Control的特性 可缓存性，包括： public：在HTTP请求返回的过程中，在cache-control设置了public这个值，代表这个HTTP请求返回的内容中所经过的任何路径当中，包括一些中间的HTTP的代理服务器以及发出这个请求的客户端浏览器都可以对这个返回的内容进行缓存 阅读全文

摘要： 1.URI Uniform Resource Identifier：统一资源标识符 用来标识唯一的互联网上的信息资源 包括URL和URN 2.URL Uniform Resource Locator：统一资源定位器 url 完整结构 < screme>://< user>:< pwd>@< host 阅读全文