Yangming's Blog

Yangming's Blog

Good, better, best. Never let it rest.

Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick StartCreate a new post1$ hexo new "My New Post" More info: Writing Run server1$ hexo ...
Web Components
现在越来越多的框架都基于 Web Components 的技术来实现代码重用,再次做了一篇总结 概念Web Components 是由 4 项主要技术组成,可以一起使用来封装组件 Custom Elements: 使用 JS API 来按照用户界面需求来定制元素 Shadow DOM: 使用 JS API 可以将 Shadow DOM 附加到元素上并与其做某种关联,与主 DOM 分开呈现 HTML templates: 使用 Vue 的感觉就是跟 Vue 的 template 一样的功能 HTML Imports: 使用 <link rle="import"...
Jenkins 折腾记
Jenkins 折腾记公司使用了也挺长一段时间 “傻瓜式” 的一条龙服务发布构建打包系统,对其一系列流程有些好奇,遂下决心一定要弄个明白,作为一个有志青年总不能啥事都稀里糊涂的做了呀哈哈哈哈🤣🤣🤣🤣🤣🤣🤣🤣。 整套流程从 项目创建 到 构建打包 要经过一系列自动化处理,所以我先从最后一步 构建打包 这一阶段开始研究,也就是本文主题 **Jenkins**。 🙈 OK, let’s face it. 搭建环境 系统:Centos 6.9 Jenkins: 2.150.1 前置条件 由于 Jenkins 是 Java 语言开发的,所有要先装个 Java JDK。 1yu...
PWA 学习总结 三
拦截请求介绍 🤓ServiceWorker 可以拦截浏览器发出的任何 HTTP 请求,属于此 ServiceWorker 作用域下的每个 HTTP 请求都将触发 ServiceWorker 内部监听的 fetch 事件,例如页面加载的 HTML、JavaScript、CSS、图片等等。
PWA 学习总结 二
缓存 缓存取决于每次更新的缓存键每次发生内容变更都要更新缓存键 (cacheName),否则内容不会更新而是继续提供旧的内容。 每次更新一丢丢内容都要重新下载全部内容哪怕是只修改了一个字节也会导致所有的缓存失败,然后重新下载所有缓存内容。 要阻止浏览器缓存 ServiceWorkerServiceWorker 要使用 HTTPS 直接向服务器请求,而不能通过浏览器的缓存返回内容,如果 ServiceWorker 被缓存后续内容无法更新 注意生成环境的缓存优先策略一般我们的项目都是使用 缓存优先的策略来部署服务器,这样的话对于 ServiceWorker 的部署就是一个挑战了,因为一旦浏...
PWA 学习总结 一
已经开始了 PWA 的相关知识系统化学习,每学习到一个阶段都在这里做一个总结,帮助自己更好的总结吸收知识。 一、简介Google PWA 介绍Progressive Web App, 简称 PWA,是提升 Web App 的体验的一种新方法,能给用户原生应用的体验。主要有以下三个特点: Reliable:可靠,即使弱网环境甚至离线状态也能瞬时加载 Fast:响应快速,平滑响应用户操作 Engaging:粘性的,可以将网站添加到桌面,让用户有着原生应用的体验 可以说 PWA 是介于 Web App 和 Native App 之间的一项新技术吧 二、运行环境我是使用 Webpack ...
avatar
Good, better, best