哈喽大家好，本期是微信小程序专栏第十六期。本期主要内容是构建一个访问缓存数据库的访问“类”,主要有prototype和ES6两种方法。 每期内容是连载呢，建议大家可以看看往期内容，更好理解噢~
前几天写的一篇介绍use这个新hook的文章中聊到React原生实现了一个缓存函数的方法 —— cache。
某天上午，运营同学突然在群里反馈很多用户来报登录问题。起初以为是内网接口服务异常了，但接口反馈没有产生异常的日志，也就是说异常请求还没打过去。于是我们登录服务器，筛选了下Node.js服务的日志：
注意： 每个 Application 只调用一次 WebSettings.setAppCachePath()，WebSettings.setAppCacheMaxSize()
对于爱好观看直播的用户来说，能够如丝般顺滑地浏览视频是一大极致享受。但实际情况是，当某时段大量用户数据涌入（如观看人数上升，弹幕消息爆发等），若并发结构没有优化好，我们很难不遇到画面卡顿的情况。所以在直播系统源码开发过程中，如何正确处理高并发带来的这些卡顿问题呢？
在开发调试web的时候，经常会碰到因浏览器缓存(cache)而经常要去清空缓存或者强制刷新来测试的烦恼，提供下apache不缓存配置和nginx不缓存配置的设置。在常用的缓存设置里面有两种方式，都是使用add_header来设置：分别为Cache-Control和Pragma。
这个就比较简单了，直接拖一个控件，再加载一下url，记得在AndroidManifest.xml中加一下权限
博主也是vuejs萌新，公司仅我一个前端，收到做h5的需求后，马上想到要用下vuejs，于是说服领导，开始慢慢钻研，现在记录一下踩到的坑。这些坑主要是在一些组件的使用上，其它的只要好好看官方文档就好了，vue，vue-router, vuex的文档相当重要。
1.在JS中尽量减少闭包的使用（原因：闭包会产生不释放的栈内存） A:循环给元素做事件绑定的时候，尽可能的把后期需要的信息（例如索引）存储到元素的自定义属性上，而不是创建闭包存储 B:可以在最外层形成一个闭包，把一些后续需要的公共信息进行存储，而不是每一个方法都创建闭包(例如单例模式) C:尽可能的手动释放不被占用的内存 ...
混合式开发，在产品体验以及页面加载速度的体验上已经非比以往的。今日早读文章由@unclechen分享。
开门见山，npm install 大概会经过上面的几个流程，本篇文章来讲一讲各个流程的实现细节、发展以及为何要这样实现。
网站前端的用户体验，决定了用户是否想要继续使用网站以及网站的其他功能，网站的用户体验佳，可留住更多的用户。除此之外，前端优化得好，还可以为企业节约成本。那么我们应该如何对我们前端的页面进行性能优化呢？
本文首发于政采云前端团队博客：图解 HTTP 缓存 https://www.zoo.team/article/http-cache
HTTP 的缓存机制，可以说这是前端工程师需要掌握的重要知识点之一。本文将针对 HTTP 缓存整体的流程做一个详细的讲解，争取做到大家读完整篇文章后，对缓存有一个整体的了解。
本文首发于饿了么前端——知乎专栏 大家可以点击文章底部的阅读原文来访问原文 Progressive Web Apps 是 Google 提出的用前沿的 Web 技术为网页提供 App 般使用体验的一系
从去年4月项目就一直用起了JsBridge,前面也针对jsBridge使用姿势介绍过一篇入门篇，《Android JsBridge实战 打造专属你的Hybrid APP》，本篇接着继续深入，通过再次优化封装，大大优化了部分代码，简化上层调用流程，快速部署你的Hybridge APP。
缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。 对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求，或者发起了请求但后端存储的数据和前端一致，那么就没有必要再将数据回传回来，这样就减少了响应数据。 接下来的内容中我们将通过缓存位置、缓存策略以及实际场景应用缓存策略来探讨浏览器缓存机制。
缓存对于前端页面来说，是加速页面加载的利器之一，但也同时带来了很多问题，比如新版本发布之后，怎么替换客户端上的缓存文件呢？大家一般的的解决方案主要有以下几种形式，
缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。
关于 性能优化 是个大的面，这篇文章主要涉及到 前端 的几个点，如 前端性能优化 的流程、常见技术手段、工具等。
今天修改项目中一个有关WebView使用的bug，激起了我总结WebView的动机，今天抽空做个总结。
注意：版本号不是必需的，是为了区分新旧资源，如果不使用版本号，将会直接引用最新资源，除此之外还可以使用某个范围内的版本，查看所有资源等，具体使用方法如下：
通常，是因为 cache control 缓存控制策略定义不正确，导致服务端最新部署之后客户端没有接收到最新的更改。
PS：秒杀系统不仅仅讲秒杀，主要是讲如何利用限流，缓存，异步分布式互联网大并发的场景。
最近在项目开发中遇到一个需求：项目打包后，可以根据修改配置文件，进而动态替换页面上的文本。由于项目基本不涉及到后端，因此不考虑通过接口来修改。这就需要前端项目打包后需要暴露一个配置文件，每次页面刷新时会获取到最新的配置，达到动态替换页面文本的目的。
一些开发人员最近提出了一个问题，什么时候应该在 React 中使用 useMemo？这是一个非常好的问题。在本文中，我将使用一种科学的方法，先定义一个假设，并在 React 中对其进行测试。
对于JSON数据，可以很容易的获取。不过在结合Android的WebView后会存在一个很严重的问题。
在应用程序开发过程中，经常会采用webview来展现某些界面，这样就可以不受发布版本控制，实时更新，遇到问题可以快速修复。
在 Axios 如何取消重复请求？ 这篇文章中，阿宝哥介绍了在 Axios 中如何取消重复请求及 CancelToken 的工作原理。本文将介绍在 Axios 中如何通过增强默认适配器来缓存请求数据。那么为什么要缓存请求数据呢？这是因为在缓存未失效时，我们可以直接使用已缓存的数据，而不需发起请求从服务端获取数据，这样不仅可以减少 HTTP 请求而且还能减少等待时间从而提高用户体验。
编者按：本文作者高峰 http://verymuch.site/，奇舞团前端工程师，W3C性能工作组成员，同时在WOT工作组学习。
async/await是 JS 中编写异步或非阻塞代码的新方法。它建立在Promises之上，让异步代码的可读性和简洁度都更高。
1.通过程序将动态页面抓取并保存为静态页面，这样的页面的实际存在于服务器的硬盘中2.通过WEB服务器的 URL Rewrite的方式，它的原理是通过web服务器内部模块按一定规则将外部的URL请求转化为内部的文件地址，一句话来说就是把外部请求的静态地址转化为实际的动态页面地址，而静态页面实际是不存在的。这两种方法都达到了实现URL静态化的效果，但是也各有各自的特点。3.还有一种是把页面划分成子数据块，每个数据块可能是一个inc文件，也可能多个数据块包含在一个inc文件中。具体的数据块划分根据页面的业务结构来处理。比如：网站头尾等公共数据块可以独立成一个文件。
·使用link加载样式而不是@import（是css2提供的一种方式，不兼容，只能加载css，而且页面所有组件被加载完后才会被加载，完成前会导致‘闪烁’，link属于XHTML标签，没有兼容问题）；
Nginx 缓存作为性能优化的一个重要手段，可以极大减轻后端服务器的负载。下面我们将介绍 Nginx 缓存配置的相关指令以及 http 缓存机制，以及 Nginx 缓存实践案例分析。
作者：叶建升 个人主页：http://www.linkedin.com/in/jiansheng-ye-b3319778/ 导语 web缓存是web开发逃不开的一个话题，在减少网络带宽消耗、降低服务器压力和提高页面打开速度方面有广泛应用。本文从实际web应用项目中缓存相关问题出发，较为全面地分析了html5缓存机制的原理与应用以及移动端应用webView对html5缓存机制的支持方式，以供web开发的同学们参考。 正文 在web项目开发中，我们可能都曾碰到过这样一个棘手的问题： 线上项目需要更新一个有问题的
首先看个效果图： 这里背景是native的，左侧边栏也是native的，右侧内容是透明web页面，是不是很酷炫的样子，而且我们还可以自己加蒙版背景，是不是很酷。 这个场景非常适合左侧目录是本地的，然后内容是加载web页面，这样可以实时跟新内容，而且不会像纯h5那样尴尬。 跟多场景小伙伴可以自己挖掘，只是提供一个思路。
升级的话呢，还是比较简单，就按官方文档来，改写一下某些api，本文主要讲文档中说的不清晰的一些坑
这本书是很久之前买的，今天回顾了一下，顺便记录一下笔记。 本书的副标题是“前端工程师技能精髓”可见这本书的牛逼之处。这本书也很薄，只有147页，但是每一章都是精髓。由于这本书每章提出了一个性能优化的方法，我们也就按照每张的具体内容给出吧。
大家好，我是若川。欢迎加我微信 ruochuan12，长期交流学习。今天推荐这篇Axios缓存请求数据的文章，相信是常见的业务场景，感兴趣的读者可以看看 umi-request，支持缓存功能。另外我之前也写过 axios源码文章，是转载次数（16次）最多的一篇文章，好久没写好文章了，惭愧惭愧。
阅读本文前，如果不了解微信小游戏的基础创建流程和如何配置开发环境的，请先点击链接阅读《创建微信小游戏全流程介绍》或前往官网阅读LayaAir引擎官方技术文档，配置环境等基础内容本篇不再重复介绍。
背景 由于JavaScript（以下简称JS）语言的特性，前端作用域拆分一直是前端开发中的首要关卡。从简单的全局变量分配，到RequireJS实现的AMD模块方式，browserify/webpack
React性能优化 单个React组件的性能优化 shouldComponentUpdate React利用Virtual DOM来提高渲染性能，但是Virtual DOM计算前后的区别仍然需要消耗时
React利用Virtual DOM来提高渲染性能，但是Virtual DOM计算前后的区别仍然需要消耗时间。如果我们已经提前知道一个组件不应该更新，那么直接通过shouldComponentUpdate函数返回false，组件则不会进行接下来的update操作，也就不需要进行Virtual DOM的计算，可以节省很长的时间。
//设置WebView缓存（当加载 html 页面时，WebView会在/data/data/包名目录下生成 database 与 cache 两个文件夹，请求的 URL记录保存在 WebViewCache.db，而 URL的内容是保存在 WebViewCache 文件夹下）
10 个 Node.js 最佳实践：来自 Node 专家的启示，由客座作者 Azat Mardan 撰写。SitePoint 特邀嘉宾文章旨在为您带来来自网络社区的著名作家和演讲者的高质量优质内容。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
