Yondmn's Blog

Waiting for me to get better, i'll try the best to...

Web Components

"自定义元素,可重用组件"

现在越来越多的框架都基于 Web Components 的技术来实现代码重用,再次做了一篇总结 概念 Web Components 是由 4 项主要技术组成,可以一起使用来封装组件 Custom Elements: 使用 JS API 来按照用户界面需求来定制元素 Shadow DOM: 使用 JS API 可以将 Shadow DOM 附加到元素上并与其做某种关联,...

Jenkins 折腾记

"Hello Jenkins, build anything"

Jenkins 折腾记 公司使用了也挺长一段时间 “傻瓜式” 的一条龙服务发布构建打包系统,对其一系列流程有些好奇,遂下决心一定要弄个明白,作为一个有志青年总不能啥事都稀里糊涂的做了呀哈哈哈哈🤣🤣🤣🤣🤣🤣🤣🤣。 整套流程从 项目创建 到 构建打包 要经过一系列自动化处理,所以我先从最后一步 构建打包 这一阶段开始研究,也就是本文主题 Jenkins。 🙈 OK, let’s face ...

PWA 学习总结 三

"Hello PWA, Reliable Fast Engaging"

拦截请求 介绍 🤓 ServiceWorker 可以拦截浏览器发出的任何 HTTP 请求,属于此 ServiceWorker 作用域下的每个 HTTP 请求都将触发 ServiceWorker 内部监听的 fetch 事件,例如页面加载的 HTML、JavaScript、CSS、图片等等。

PWA 学习总结 二

"Hello PWA, Reliable Fast Engaging"

缓存 缓存取决于每次更新的缓存键 每次发生内容变更都要更新缓存键 (cacheName),否则内容不会更新而是继续提供旧的内容。 每次更新一丢丢内容都要重新下载全部内容 哪怕是只修改了一个字节也会导致所有的缓存失败,然后重新下载所有缓存内容。 要阻止浏览器缓存 ServiceWorker ServiceWorker 要使用 HTTPS 直接向服务器请求,而不能通过浏览器的缓存...

PWA 学习总结 一

"Hello PWA, Reliable Fast Engaging"

已经开始了 PWA 的相关知识系统化学习,每学习到一个阶段都在这里做一个总结,帮助自己更好的总结吸收知识。 一、简介 Google PWA 介绍 Progressive Web App, 简称 PWA,是提升 Web App 的体验的一种新方法,能给用户原生应用的体验。 主要有以下三个特点: Reliable:可靠,即使弱网环境甚至离线状态也能瞬时加载 Fast:响应快速...

Welcome to Yondmn Blog

"Hello World, Hello Blog"

“Yeah It’s on. ” 前言 利用业余时间折腾了好几天的 Jekyll 主题, 现在终于都弄得差不多了,可以写点东西. —— Yondmn 后记于 2018.10