06 2020 档案
摘要:Google HTML/CSS 代码风格指南,里面有很多值得借鉴的地方 其中第一条说道,HTML 和 CSS 代码中引用的图片、媒体、CSS 和 JS 文件中的 URL 都可以去掉协议部分(http: 和 https:),比如 <script src="http://www.google-analy
阅读全文
摘要:参考 这回试试使用CSS实现抛物线运动效果 总结 实现抛物线步骤: 1、抛物线运动元素使用至少内外两层标签,可以外面一层<div>,里面是<img>图片 2、内外两次标签一个负责水平方向的translate移动,一个负责垂直方向的translate移动,然后使用不同的缓动函数(timing-func
阅读全文
摘要:CDN缓存策略 CDN(Content Delivery network,内容分发网络),通过GSLB技术使得用户能访问到最近物理机房的文件,以节省网络时间,也就是说一份文件可能会在全国乃至全球的多个服务器存在,这就涉及到一个文件分发的问题,目前通常的CDN都是采取回源策略来同步文件,即每个cdn域
阅读全文
摘要:通过上图,我们可以了解到,使用了CDN缓存后的网站的访问过程为: 1)、用户向浏览器提供要访问的域名; 2)、浏览器调用域名解析库对域名进行解析,由于CDN对域名解析过程进行了调整,所以解析函数库一般得到的是该域名对应的CNAME记录,为了得到实际IP地址,浏览器需要再次对获得的CNAME域名进行解
阅读全文
摘要:CDN CDN的全称是Content Delivery Network,即内容分发网络。 其目的是通过在现有的Internet中增加一层新的网络架构,将网站的内容发布到最接近用户的网络"边缘",使用户可 以就近取得所需的内容,解决Internet网络拥塞状况,提高用户访问网站的响应速度。从技术上全面
阅读全文
摘要:缓存类型 浏览器缓存分为强缓存和协商缓存: 1、强缓存:浏览器在加载资源时,先根据这个资源的一些http header判断它是否命中强缓存,强缓存如果命中,浏览器直接从自己的缓存中读取资源,不会发请求到服务器。比如某个css文件,如果浏览器在加载它所在的网页时,这个css文件的缓存配置命中了强缓存,
阅读全文
摘要:为什么要用缓存 一般针对静态资源如CSS,JS,图片等使用缓存,原因如下: 请求更快:通过将内容缓存在本地浏览器或距离最近的缓存服务器(如CDN),在不影响网站交互的前提下可以大大加快网站加载速度。 节省带宽:对于已缓存的文件,可以减少请求带宽甚至无需请求网络。 降低服务器压力:在大量用户并发请求的
阅读全文
摘要:前言 在开发时经常需要测试会员和非会员,还需要不断付款,非常麻烦,有没有办法可以减少繁琐的操作? 方案 使用Breakpoints拦截响应,更改代表用户身份以及付款状态的字段 步骤 1、配置移动端代理 详情见Charles学习(一)之macOS Charles 4.x版本的安装、激活、使用以及软件功
阅读全文