2018年03月_mjzhang1993

12月 09月 07月 04月 03月 02月 01月

原创用 zsh 配置 shell 终端

用 Zsh 配置 shell 终端说明一般的操作系统会自带 bash shell ，但是 bash shell 不是很好用，因此决定做一个升级，提高开发效率1. fish shell 最开始安装的是 fish shell ,这个 shell 的优点就是使用默认配置，就可以满足绝大部分的开发需求（提示、补全、历史）。1. 安装# Mac 下br...

2018-03-30 14:53:22 541

原创 nginx 使用入门

Nginx 使用入门说明 Nginx 是一个开源、高效可靠的 HTTP 服务器和反向代理；Nginx 有一个主线程和几个工作线程，主线程的目的是加载和验证配置文件、维护工作线程，工作线程用来处理实际的请求，其数量可配置，也可以自动调整为服务器 CPU 数量1. 环境1. 关闭 iptables 规则方便测试要关闭服务器防火墙的规则sudo ip...

2018-03-29 17:33:17 355

原创 docker 入门

docker 入门简介 Docker 是一种容器技术，他可以将应用和环境等进行打包，形成一个独立的，类似 iOS 的 APP 的应用，这个应用可以直接被分发到任意一个支持 Docker 的环境中，通过简单的命令即可启动运行。Docker 是一种最流行的容器化解决方案，Docker 可以让每个应用彼此相互隔离，在同一台机器上同时运行多个应用，不过他们彼此之间共享同一个操作系统 ...

2018-03-27 13:54:54 221

原创阿里云服务器

阿里云服务器注意：以下文章没有逻辑，只是看了阿里云使用的视频做的记录。简介云服务器简称 ECS ，是一种简单高效、处理能力可弹性伸缩的计算服务，降低硬件和运维的成本基于阿里云自主研发的大规模分布式计算系统，通过虚拟化技术整理 IT 资源，为各行业体供互联网基础设施服务设备1. 应用程序的基础运行环境每个 ECS 实例上都运行着用户选择...

2018-03-23 16:39:55 409

原创 node.js 线上服务部署

Node.js 线上服务部署注意：以下文章没有设么逻辑，只是对一下线上部署的记录1. 阿里云域名服务器购买2. 远程登录进入命令行输入 ssh 用户名@公网 IP ssh [email protected]切换到英文输入法按照提示输入 yes输入密码fdisk -l 查看挂载硬盘df -h 查看硬盘使用情况ctrl + D 退出远程adduser ...

2018-03-23 16:38:44 3039

原创 webpack 中使用 workbox 实现 PWA

webpack 中使用 workbox 实现 PWA说明重要文件版本“workbox-webpack-plugin”: “^3.0.0”“webpack”: “^3.11.0” webpack 提供了 workbox 插件 workbox-webpack-pluginwebpack 中使用在 production 版本配置中使用1...

2018-03-16 17:41:40 7641

原创使用 workbox 协助构建 PWA 应用

使用 workbox 协助构建 PWA 应用1. 说明 workbox 是 GoogleChrome 团队推出的一套解决方案，提供站点离线访问能力，可以更方便、更简单的解决 Service Workers 绝大多数问题重要文件版本workbox-build ‘3.0.0’2. workbox 简单使用 workbox 是协助 Service wo...

2018-03-15 17:00:37 3369

原创 PWA 渐进式网络应用 - 4 - 推送通知

PWA 渐进式网络应用 - 4 - 推送通知说明推送通知可以很好的与用户进行互动，尤其是当他们关闭了标签页或访问其他网页的时候，体验类似于原生应用，要给用户发送通知，需要首先通过用户授权Notification h5 中用来给用户发送通知push API 获取服务器推送，然后通过 Service Workers 调用 Notification 发送通知发送通...

2018-03-13 17:23:08 1620

原创 PWA 渐进式网络应用 - 3 - manifest.json 添加应用至桌面

PWA 渐进式网络应用 - 3 - manifest.json 添加应用至桌面简介 WEB 应用清单 manifest.json web 应用清单是一个简单的 json 文件，其中包含 short_name 以及 icons 字段，目的是提供将应用添加至桌面的功能，从而使用户可以无需下载如同原生应用一般从桌面打开 web 应用，只要在 service worker 基础上添加一个描...

2018-03-12 18:25:33 4362 1

原创 PWA 渐进式网络应用 - 2 - 使用 Service Workers

PWA 渐进式网络应用 - 2 - 使用 Service Workers1. 简介释放 PWA 力量的关键在于 Service Workers， Service Workers 可以在浏览器后台挂起新线程，并且可以拦截网络请求进行本地缓存或请求转发，相当于充当 Web 应用程序与浏览器间的代理服务器，也可以在网络可用时，作为浏览器和网络间的代理 Service Work...

2018-03-12 18:22:44 1254

原创 PWA 渐进式网络应用 - 1 - 简介及调试方法

PWA 渐进式网络应用 - 1 - 简介及调试方法1. 说明 PWA (Progressive Web App) 渐进式网络应用，它具有以下特点可靠，即使在不稳定的网络环境下，也能瞬间加载并展现体验，快速响应，平滑动画响应用户操作粘性，体验上更接近原生应用，可以被添加到桌面 PWA 的渐进式体现在它的渐进式增强：即使在不兼容 WPA 的老旧浏览器上，它依然可以...

2018-03-12 18:20:51 1751

原创收集到的 hls rtmp rtsp 视频流测试地址

收集到的 hls rtmp rtsp 视频流测试地址hlshttps://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8http://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8rtmprtmp://live.hkstv.hk.lxdns.com/live/hksrt...

2018-03-12 13:33:22 28237