哈喽大家好，本期是微信小程序专栏第十五期。本期主要内容是使用缓存在本地模拟服务器数据库。主要包括了解应用程序的生命周期、Storage缓存初始化、设置缓存和清理缓存等。 每期内容是连载呢，建议大家可以看看往期内容，更好理解噢~
npm run build 的原理是利用 Vue CLI 的构建工具，根据项目中配置的各种规则，将源代码转换成可在浏览器中运行的静态文件。 npm run build 主要做了以下几个操作：
以前很少关注这方面的问题，直达我们的技术经理找我们说要换框架，为什么换框架呢，因为缓存的问题，原来的项目是用版本号作为刷新的依据的。因为微信 公众号上有这样一个机制，使用版本好的话，有时做不到及时刷新，所以就用了vue.js,因为它有这样的功能就是如果某个文件里面的数据改变了，那么vue.js就会把这个文件的名字也相应的改掉，所以缓存里面的东西 就用不了了，这样就做到了及时刷新，向后台请求数据。
Service worker本质上充当Web应用程序、浏览器与网络(可用时)之间的代理服务器，这个API旨在创建有效的离线体验，它会拦截网络请求并根据网络是否可用来采取适当的动作、更新来自服务器的的资源，它还提供入口以推送通知和访问后台同步API。
1.蜘蛛统计报表：统计百度、谷歌、搜狗等蜘蛛当日蜘蛛量，记录一周内蜘蛛量，并通过报表直观显示。
由于服务器的各方面配置都太低，经不起消耗，所以基本上所有动态的内容都以缓存形式展现，除了部分的交互使用动态意外。
在我们的工作中，npm是我们会经常使用到的工具，比如我们在App自动化测试中使用到的appium，就是通过npm命令来安装的。但是有许多人表示，自己并不清楚npm命令的使用，本文就给大家介绍一下npm命令的使用。
Web Workers 和 Service Workers 是两种在Web开发中处理后台任务和离线缓存的重要技术。它们在工作原理和用途上有显著区别。
https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.getStorage.html
每次页面加载成功后，就会调用 register() 方法，浏览器将会判断 service worker 线程是否已注册并做出相应的处理。 scope 参数是可选的，默认值为 sw.js 所在的文件目录。 打开 chrome 浏览器, 输入 chrome://inspect/#service-workers 可以可以用 DevTools 查看 Service workers 的工作情况。
Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。
将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致，即除用户主动删除或超过一定时间被自动清理，否则数据都一直可用。
最近实战了 Service Worker（以下简称“sw”）来进行网站缓存，以实现离线状态下，网站仍然可以正常使用。
之前还好用，所以排除代码的问题，只能是环境的问题。因为我之前因为跑别的项目改过npm和node的版本。
Dockerfile是一种文本文件，用于定义Docker镜像的内容和构建步骤。它包含一系列指令，每个指令代表一个构建步骤，从基础镜像开始，逐步构建出最终的镜像。通过Dockerfile，用户可以精确地描述应用程序运行环境的配置、依赖项安装、文件复制等操作。这使得应用程序的部署和分发变得更加可控和可重复。Dockerfile的内容可以根据需求自定义，允许开发者根据应用程序的特性和需求来灵活配置镜像的构建过程，从而实现高效、可靠的容器化部署。
客户端缓存分为Http缓存和本地缓存,使用缓存好处很多,例如减少相同数据的重复传输,节省网络带宽资源缓解网络瓶颈,降低了对原始服务器的要求，避免出现过载，这样服务器可以更快响应其他的请求
我们在访问网站的时候，会从网站服务器中下载很多数据，其中包括css文件、图片文件、js文件、音频文件等等，有时候一个页面这种零零散散的文件就要下载上百个，可以打开浏览器的开发者工具，点击Network就可以看到这些数据的下载：
PWA是最近前端最火热的一个概念之一，Service Worker为PWA赋能离线可用性以及push消息。
nodejs的进程在重启的时候，用户去访问服务，就会出现短暂的 502 bad gateway
本文由 IMWeb 团队成员 eden 首发于腾讯内部 KM 论坛。点击阅读原文查看 IMWeb 社区更多精彩文章。 前言 随着前端构架工具的不断发展，提供了很多提高我们的开发体验和开发效率的能力，同时构建已经成为前端技术栈中常见的技术。 webpack 也是众多构建工具中崭露头角一员，早期的 webpack 配置复杂难懂，随着其发展，相关配置也不断简化，性能也不断提高，但是对于深入使用的开发人员，通常它的默认配置并不适用于业务开发，需要针对自己业务调整适配。 你对 webpack 了解多少？如何针对业务
💡 概念： npm，全称为Node Package Manager，是随Node.js一起分发的开源包管理系统，也是JavaScript生态中最流行的依赖管理工具。它不仅为Node.js项目提供便捷的包管理服务，还广泛应用于前端、后端甚至跨平台开发领域。
通常情况下，微信小程序追求的是短小精悍，即开即用，用完即走，适用于一些简单的应用场景。然而，随着微信小程序开放能力的提高，人们发现用微信小程序可以实现越来越多的功能，小程序也越来越复杂，越来越庞大起来。这个可以从小程序的大小限制的变化看出，最开始小程序的大小限制为1M，后来限制为2M，最新微信又给小程序提供了分包加载机制，开发者将小程序划分成不同的子包，用户在使用时按需进行加载，所有分包大小限制提高到8M。
模块热更新插件。Hot-Module-Replacement 的热更新是依赖于 webpack-dev-server，后者是在打包文件改变时更新打包文件或者 reload 刷新整个页面，HRM 是只更新修改的部分。
由于HTTP/1已经疲于应对现在Web的发展，所以发展出了一整套优化Web性能的技巧，但是它们没有依据的规范，混乱不堪。所以为了走的更远、更对（朝着HTTP/2），搞清楚现实遇到的问题以及当下解决方法
这篇文章整理了18个Webpack插件，分享给Web开发的小伙伴。Plugin是一个扩展器，它丰富了webpack本身，针对的是loader结束后，webpack打包的整个过程，它并不直接操作文件，而是基于事件机制工作，会监听webpack打包过程中的某些分段，执行广泛的任务。
cdn加速必须要设置的是缓存，但是缓存的缺点就是，写完博客要进行一个缓存的清理或者url的刷新，如何进行缓存的设置和缓存的刷新呢，下面跟我一起研究吧。
React源码内部在实现不同模块时用到了多种算法与数据机构（比如调度器使用了小顶堆）。
varnish缓存是web应用加速器，同时也作为http反向缓存代理。可以安装varnish在任何http的前端，同时配置它缓存内容。与传统的squid相比，varnish具有性能更高、速度更快、管理更加方便等诸多优点。
Yarn是Facebook在2016年推出的一款快速、可靠、安全的依赖管理工具，它解决了npm（Node.js包管理器）在早期版本中的一些问题，如安装速度慢、依赖管理不一致等。Yarn通过优化的并行下载机制、确定性的安装过程和本地缓存策略，极大地提升了前端开发者的开发体验。本文将从Yarn的基本概念出发，详细介绍其核心理论、安装步骤、常见问题及解决方案，并提供实用的代码示例。
渐进式 Web 应用首先是一种应用，它根据设备的支持情况来提供更多功能，提供离线能力，推送通知，甚至原生应用的外观和速度，以及对资源进行本地缓存。
在Linux系统中，软件包管理是一个至关重要的任务，而Yum（Yellowdog Updater, Modified）作为一种包管理工具，在许多主流的Linux发行版中得到广泛应用。本文将深入探讨Yum的基本原理、常用命令以及一些实例演示，帮助读者更好地理解和使用Yum。
在模块化编程中，开发者将程序分解成离散功能块(discrete chunks of functionality)，并称之为模块。
0x00 起因 不久前@三好学生师傅买了一个wooyun wifi,然后聊到了缓存投毒： 然后看到wooyun wifi的这个说明： 默认情况下该功能附带缓存投毒功能，将视图缓存所有的页面至2099年
WP rocket是一款优秀的网站速度优化的插件，用于对网站内容进行缓存，它的设置比较简单，效果很好。
随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并且解析也相当的复杂，给开发带来诸多不便，HTML5规范则提出解决方案。
本地部署测试的时候，用火狐浏览器需要把 前端的 config.js 中的服务地址改成 http://localhost:8081
最近在开发一个服务端渲染工具，通过一篇小文大致介绍下服务端渲染，和服务端渲染的方式方法。在此文后面有两中服务端渲染方式的构思，根据你对服务端渲染的利弊权衡，你会选择哪一种服务端渲染方式呢？
你的网页性能优化的再好，如果网络不好那也会导致网页的体验差。 离线应用是指通过离线缓存技术，让资源在第一次被加载后缓存在本地，下次访问它时就直接返回本地的文件，就算没有网络连接。
Varnish与一般服务器软件类似，分为master（management）进程和child（worker，主要做cache的工作）进程。master进程读入命令，进行一些初始化，然后fork并监控child进程。child进程分配若干线程进行工作，主要包括一些管理线程和很多woker线程。
之前开发了一个离线存储的需求，需要在本地存储较大的数据量，并且还要考虑到多种场景下的存储方式兼容。产品的原话就是“要又大又全”。既然存储量大，也要覆盖全多种设备多种浏览器。
在Deno项目的源代码中，deno/cli/npm/managed/resolvers/mod.rs文件的作用是实现NPM模块的解析器。该文件是NPM模块管理系统的一部分，负责根据模块的名称和版本号解析并获取相应的模块。
在前几天师夷长技以制夷:跟着PS学前端技术文件中，我们提到了WorkBox，然后自己也对这块很感兴趣，所以就利用业余时间进行相关资源的查询学习和实践。在学习过程中发现，想要弄明白WorkBox，有一点很关键，我们需要搞懂Service Worker。
好久没更文了，其实这段时间，一直没闲着。在准备一些比较重要的东西。忙着跑步，忙着学习，忙着xx。 总之就是，一直在忙着，从未停歇。
Github地址：https://github.com/grantjenks/python-diskcache
最近Nodejs作者Ryan Dahl发布了Deno 1.0正式版，圈子一下沸腾起来了。或许你早在两年前就听说了这个东西，但是也有人不知道这个东西是什么，干什么用的，所以今天我将为大家来简单的聊一下这个将来可能会推翻Node的新轮子。
node_modules/html-webpack-plugin/index.js 搜索 postProcessHtml
有一个很简单的划分方式，就是以构建（build）为分界线，分成前向治理和后向治理：
package.json 是 npm 项目的核心文件，包含了项目的基本信息、依赖包信息、脚本等内容。一个典型的 package.json 文件如下：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
