在搜索引擎中搜索关键字 .htaccess 缓存，你可以搜索到很多关于设置网站文件缓存的教程，通过设置可以将css、js等不太经常更新的文件缓存在浏览器端，这样访客每次访问你的网站的时候，浏览器就可以从缓存中获取css、js等静态文件，而不必从你的服务器再次下载读取，这样在一定程度上加快了网站的打开速度，又可以节约一下你的服务器流量。
上两篇中，描述了一些关于生产环境的配置：环境变量的使用、配置文件描述、source-map配置、资源压缩等，从这几个方面入手来对生产环境进行一定的配置。
IIS为了提高性能，默认情况下会对静态文件js，html，gif，png等做内部缓存，这个缓存是在服务器iis进程的内存中的。IIS这么做在很大程度上可以提高静态文件的访问性能，在正常情况下只要静态文件更新了IIS也会更新缓存。但是如果更新的静态文件很多就有可能出现缓存不更新的情况。
HTTP缓存（ ETag、Cache-Control）——谷歌开发者 HTTP缓存有利于web性能优化
【客户端】 1.关于游戏引擎 在15年3月开始准备做h5游戏的时候，首先遇到的问题就是引擎选型的问题。 当时市面上的2d引擎主要有3个:白鹭egret,layabox和cocos2d-js。 一方面，是因为我以前用cocos2d-x(c++)做了一年多的手游客户端，所以，很自然就选择了cocos2d-js。另一方面，是因为当时市面上其他两个引擎的成功项目还不多。 cocos引擎的每一次版本更新，我们都会第一时间在我们的游戏里面进行测试。 如果发现游戏在android手机上的性能有明显提升，我们就会跟着引擎版
之前网站第一次访问，与pjax加载后js图标不显示的问题一直困扰我，昨天无意间把谷歌广告（GoogleAdsense）下面这段单元广告js删掉之后惊奇的发现网站正常了，于是就开整了。
关注「前端向后」微信公众号，你将收获一系列「用 ? 原创」的高质量技术文章，主题包括但不限于前端、Node.js以及服务端技术 写在前面 React 生态中，SSR 支持做得最好的可能是 Next.j
现在很多站长把网站放到国外，使用 CDN 加速功能提高国内的访问速度，前面提到过开启腾讯云 CDN 后 wordpress 后台显示：连接被重置的解决办法，而今天遇到的是另外一种情况，有时候会遇到开启 CDN 后 wordpress 后台打不开的问题，魏艾斯博客接下来说一下如何解决这个问题。 我们以腾讯云 CND 为例子，对于 CDN 加速缓存设置也提供了说明，大概意思是 CDN 加速的内容最好是长期不变的静态内容，比如 jpg，png，gif，CSS，js 等后缀名的静态文件，一般都不会改变，要加速这些文
在webpack中有时需要使用hash来做静态资源实现增量更新方案之一，文件名的hash值可以有三种hash生成方式，每一种都有不同应用场景，那么三者有何区别呢？
PWA全称是Progressive Web Apps， 是一种渐进式增强 WEB 应用。 这里的渐进式增强是指无论用户用的是什么浏览器都能保证应用能正常工作。
总体思路 1、 建立一个js服务，该服务实现通用js文件的加载、依赖、缓存、更新以及复用。 2、 各个项目如果使用通用js，可（bi）以（xu）使用js服务实现加载。 3、 Js服务只提供通用的js，比如jQuery、my97、easyUI等（可根据实际情况设定具体的js文件）。 4、 其他针对特点需求写的js文件，需要自己写代码加载。Js服务可以提供加载用函数。（正在考虑要不要使用sea.js） 5、 Js服务加载的js文件，不需要做任何修改。当然也不负责各个文件里的函数名称是否冲突。 Se
这个问题可能是我工作以来，最死磕不算bug的一个了，晚上熬夜到三点钟，终于找到了解决的办法。
Service Worker 以其 异步安装 和 持续运行 两个特点，决定了针对它的更新操作必须非常谨慎小心。因为它具有拦截并处理网络请求的能力，因此必须做到网页(主要是发出去的请求)和 Service Worker 版本一致才行，否则就会导致新版本的 Service Worker 处理旧版本的网页，或者一个网页先后由两个版本的 Service Worker 控制引发种种问题。
之前张戈博客全站启用了 https，并分享了相关经验心得。用了一段时间，问题还是不少，所以继续整上一篇文章，汇总一下网站启用 https 之后出现的问题以及解决办法。 在分享这些问题之前，我先分享一个国内支持 https 的 CDN，让个人博客也能无忧启用 https，而不暴露真实 IP。 我现在用的是腾讯云内测的支持 https 的 CDN，其他人也就暂时用不了。本以为国内基本就没有其他支持 https 的 CDN 了，结果晓庄等几个博主留言分享了一个支持 https 的 CDN——VeryCloud。
摘要：我们在做web开发的时候特别是在调试js时，会经常使用的google浏览器，这个时候就要我们修改过的代码可能不能生效。这是因为我们的浏览器默认是有缓存的，但是有的时候缓存可能使我们调试中的一大恶魔。在这里就介绍一下google浏览器不设置缓存的方法。
Svelte和React、Vue这些JavaScript框架类似，希望开发者更好的去构建交互式界面，但不同的是Svelte在构建/编译阶段将应用程序转换为理想的 JavaScript 应用，而不是在运行阶段 解释应用程序的代码。
在HTML5之前，我们需要接入网络才能访问，这毫无疑问是网站多次请求服务器，造成速度变慢，对于PC用户，网络相对比较稳定，载入速度也不会差太多。但是移动端呢？移动端依赖无线信号、依赖信号塔、位置不固定、受附近建筑影响等。一系列导致网络的不稳定，我们不能改变用户，也不能放弃网络较慢的用户。 还有，在混合app领域，经常使用内置webview加载html页面，如果网速太慢，依然会造成上述问题。
这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。
9. 工作中遇到过的最难的问题是什么？最后解决了吗？怎么解决的？现在觉得有没有更好的解决方案？
这一篇主要是用于用到web端开发的同学，不需要后端服务器，不需要数据库服务器，不需要文件服务器，那么为什么还要专门搞个服务器部署前端的静态网站呢？
作者：matrix 被围观: 3,723 次 发布时间：2014-04-24 分类：Wordpress | 11 条评论 »
进入2021年后，前端最火的是啥呢？我觉得就是尤大开发的Vite ，这是它官网的 slogan ,号称：“下一代前端开发与构建工具” ，够狂！webpack 肯定瑟瑟发抖了！
在将已有项目提交到线上远程仓库时，报错[rejected] master -> master (fetch first) error: failed to push some refs
本文介绍了Web性能优化的十种武器，包括文件合并、图片懒加载、CSS抽取、JS缓存、图片缓存、使用CDN、使用缓存、懒加载、预加载、按需加载和代码拆分。这些技术可以提高网站的性能，提高用户体验，从而增加用户的留存率和活跃度。
“眼尖”的朋友，已经看到张戈博客已全面启用 https 了，当然这几天站点 502 也是常用的事情。不过到我写这篇文章为止，应该算是安定了下来。 自从百度推荐全站 https 以来，一直就想让博客跟上这个节奏。可惜，国内所有的免费 CDN 都不支持 https。所以要开启 https 势必要暴露网站真实 ip，按照现在张戈博客被攻击的节奏，估计一暴露就没有了安生的日子！ 偶尔的心血来潮，百度了一把支持 https 的 CDN，打开了腾讯云的一个 Q&A： 1.3CDN 支持 https 吗？ https
毕竟对于前端来说，优化是躲不开的主题。在看200（cache）和304区别的时候，翻到了雅虎这边归纳出来的准则，虽然是十多年前的东西了吧，但是还是具有参考价值的，因此在原文基础上我进行了一些归纳翻译。
step4:开发者后台调用微信后台提供的 phonenumber.getPhoneNumber 接口，消费code来换取用户手机号。每个code有效期为5分钟，且只能消费一次。
在后端为了加速服务的访问速度，通常可以使用 Memcached、Redis 做数据缓存，那么在浏览器端又有哪些缓存策略呢？
| 导语 2020 年 10 月 10 日，webpack5 正式发布，并带来了诸多重大的变更，将会使前端的构建效率与质量大为提升。其实现在各大博客网站已经有很多关于 webpack5 的文章，但真正通过业务实践并获得第一手数据的并不多，所以今天就给大家介绍一下 webpack5 在企鹅辅导业务中的升级与实践 。
| 导语 2020 年 10 月 10 日，webpack5 正式发布，并带来了诸多重大的变更，将会使前端的构建效率与质量大为提升。其实现在各大博客网站已经有很多关于 webpack5 的文章，但真正通过业务实践并获得第一手数据的并不多，所以今天就给大家介绍一下 webpack5 在企鹅辅导业务中的升级与实践 。 对比 webpack4 下面是企鹅辅导h5项目分别在 webpack4 和 webpack5 版本下的构建实测数据，测试环境为我的 MacBook Pro 15 寸高配。 webpack版本 第
作者：happylindz https://github.com/happylindz/blog/issues/7 前言 最近在看 webpack 如何做持久化缓存的内容，发现其中还是有一些坑点的，正
导语 上周末，精神哥去参加了好友小青在北京办的T沙龙，探讨移动端热更新相关的话题。Bugly曾为大家介绍过不少腾讯内部的热更新的框架，正好这次看到了美团，去哪儿以及微博同学在应用热更新方面的实践，整理出来发给大家，本周整理的是美团大众点评的吴卓同学分享的分享的 美团 Hybrid 化建设，其他的内容也会在后面陆续放出。 Hybrid 是移动端热更新最常用的手段，限于 App Store 上架审核时间较长，美团大众点评也采取了该方案，欢迎来自美团大众点旅游业务 iOS 负责人吴卓分享《美团大众点评 酒旅方面
张戈博客在上个月 28 号启用了 WP Super Cache 代码版，几天下来，虽然小问题不断，但是总体感觉非常不错！不管是前台还是后台，速度都有质的提升，着实值得会折腾的人使用。 感兴趣的可以先看下 28 号的具体教程：《WP Super Cache 静态缓存插件纯代码版（兼容多域名网站）》. 下面，简单的说一下启用此功能后遇到的一些问题的解决办法或细项优化。 ①、发表评论时并未删除缓存，导致无法显示最新评论； ②、若主题有登陆状态显示，那缓存之后，无论谁打开都显示已登录； ③、WordPress
经过前面几天的学习，相信你已经对上网的姿势和java这门语言有了一些了解，学会了一门面向对象语言的一些基础知识，算得少一只刚刚出生的很萌很可爱的小猿猿了！
为了让开发者更简单的构建符合 UI = f(state) 哲学理念的 UX，React 引入了函数式组件和一套逻辑复用的解决方案 —— Hooks。
近期，随着新版互推联盟自适应 iframe 代码的推出，调用的博友也慢慢增加了 ，这是很高兴的事情，也有博友反应调用的这个页面加载会有点慢。我来说明一下，因为这个互推联盟这个页面是纯动态页面，也就是每次刷新都要重新从数据库查询并输出，而且随着成员越来越多，这加载速度也会越来越慢，而且，对玛思阁的服务器也会造成更大的负载。这是一个需要解决的问题。 第一时间，我就想到使用静态缓存此页面的方法来解决加载过慢的问题。于是就安装了 WP-Super-Cache 这个插件，并根据实际情况设置了下，发现效果还不错！但还是
我有个哥们遇到这个问题，问我怎么解决的， 我晕了，我没遇到这样的问题啊，我怎么解决啊啊啊啊。。
这个压缩版的图片和原始数据的图片是有差异的，虽然压缩的过程中丢失了一些数据，但是这些差异对于人眼是无法识别的。所以在压缩之后不影响整体的浏览体验效果，同时对于页面来说，静态资源图片的容量也可以减少很多，从而提高网页的加载速度。
Spidermonkey是火狐的js引擎。我曾经仔细比较过C++嵌入Spidermonkey和v8，最终因为对多线程并行比较执着，于是最终选择了Spidermonkey。网上流传的关于Spidermonkey引擎的用法大多还停留在1.8.5版本。随着更新迭代，高版本的js引擎更快更符合js标准也更好用，但相关资料比较少，官网文档更是惨不忍睹几乎和没有文档一样。
对于 React 渲染，不要仅仅理解成类组件触发 render 函数，函数组件本身执行，事实上，从调度更新任务到调和 fiber，再到浏览器渲染真实 DOM，每一个环节都是渲染的一部分，至于对于每个环节的性能优化，React 在底层已经处理了大部分优化细节，包括设立任务优先级、异步调度、diff 算法、时间分片都是 React 为了提高性能，提升用户体验采取的手段。开发者只需要告诉 React 哪些组件需要更新，哪些组件不需要更新。
在传统的单 chunk 打包模式下，当项目代码越来越庞大，最后会导致浏览器下载一个巨大的文件，从页面加载性能的角度来说，主要会导致两个问题:
开发者往往通过npm install（或 yarn add）指令完成为Node.js工程安装依赖包的工作，
摘要： 本文会从理论和实战两方面描述http缓存。理论层面会介绍：缓存命中、缓存丢失、Revalidations（重新验证）、命中率（Hit Rate）、字节命中率（Byte Hit Rate）、如何区分命中和丢失、缓存拓扑、代理缓存分层、网状缓存、缓存处理过程。实战方面会介绍如何使用ETags验证缓存响应 、Cache-Control、优化Cache-Control用到的策略决策树以及如何使缓存失效并及时更新缓存的response，最后会列出实现http缓存的一些最佳实践。 开始吧。全文分为两个部分：理
导语 精神哥前阵子去参加了好友小青在北京办的T沙龙，探讨移动端热更新相关的话题。Bugly 曾为大家介绍过不少腾讯内部的热更新的框架，正好这次看到了美团，去哪儿以及微博同学在应用热更新方面的实践。 上周为大家整理了《美团大众点评 Hybrid 化建设》，本周我们继续带来“去哪儿网 无线 iOS 技术总监”分享的《跨平台 ListView 性能优化》。 正文 大家好！今天由我来分享《跨平台 ListView 性能优化》的主题。 先介绍一下自己，我叫姜琢，2011年加入去哪儿网，在从2013年开始负责酒店的 i
这几天整理了一下vue的几种使用方式，对比之后发现有很多相似之处，那么是不是可以混合使用呢？比如这样：
netperf 基于c/s架构的带宽测试工具，能够测试出网络设备的带宽能去到多少。
HTTP是超文本传输协议的缩写，HTTP协议采用了请求/响应模型。所以一般分为通用、请求、响应三类的头字段。在DevTools中的Network面板中，随意点一个请求，就可以看见General、Response Headers、Request Headers。
0x00 引言 首先声明，这不是一个新洞，看过 Homakov 文章（最后附）以及译文的人想必对这种漏洞有所了解。 但原文写的太过简单（没有说明利用条件、情景和特性），且译文和我的理解略有偏差，于是就有了这篇文章。 这种漏洞已经存在一段时间了，有没有被利用过尚不得知，虽然利用条件较苛刻，但是当符合条件的站点被攻击后， 影响面和影响程度巨大，并且普通用户不知如何清除, 可导致长期持续攻击。 2014年底的时候，这种漏洞的利用条件没有现在苛刻（比如没有Service-Worker-Allowed头），一年过来
说起小程序缓存，大家是不是都清楚怎么使用缓存？今天连胜老师给大家分享一下小程序缓存的知识~
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
