lucius0 / lucius0.github.io Goto Github PK

https://lucius0.github.io/about/

WElCOME

https://lucius0.github.io/2016/08/15/archivers/git-tips/

这里记录的是git最为常见的操作，然而这种帖子博客到处可见，我只是记下来方便我查阅而不需要到处去查找。在这里我推荐一位博主的网站《廖雪峰》，相信很多人都已经见过他的文章了，我也是拜读他的文章得以技术成长。还有《git 常用清单》。 工作区和暂存区 工作区：就是本地目录，即在git add之前 暂存区：在文件夹.git这个版本库下有一个暂存区跟很多分支，即在git add之后 当执行git

https://lucius0.github.io/2018/02/23/archivers/media-study-010/

MSE 可以说W3C最重要的一个媒体源扩展标准。假如没有 MSE 的存在，那么什么hls.js，flv.js，dash.js都是空谈。因为 MSE，才使得媒体流能根据需要进行更精准地控制。这是w3c的文档Media Source Extensions™。 介绍早先的媒体流还是一直依赖Flash，通过rtmp或者http-flv等协议进行视频串流，再到 Flash 播放器。 然而有了MSE(medi

https://lucius0.github.io/2017/01/06/archivers/error-cannot-lock-ref/

git pull 时遇到 error: cannot lock ref ‘xxx’: ‘xxx’ exists; cannot create ‘xxx’，会导致pull失败。 问题原因git工程的.git/refs目录下跟踪的某些git分支，在pull时候发现与远程仓库对应的分支refs不同，因此导致 git pull 失败 举个例子： A同事$ git push -force了test这个

https://lucius0.github.io/ads.txt

https://lucius0.github.io/2018/03/11/archivers/media-study-011/

上一篇大致讲解了MSE的原理，不能光说不练。我们就来简单的来个例子。当然没有flv的解析，也没有fmp4的转换。主要是MPEG-DASH + MSE的操练。 首先先抓来一个mp4的视频，我们就命名为mse.mp4吧。然后这里涉及到了切片的操作。其实切片跟HLS的原理是一样的，目的就是把一个长视频切成一小段一小段的，然后再去请求它们。这样能达到当需要切换码率的时候，可以通过请求不同的片段来达到目的。

https://lucius0.github.io/2018/07/18/archivers/about-scaffold/

什么是脚手架？当我们建造房子的时候，工地上会先搭个架子，然后工人们会在这个的基础上添砖加瓦，直到房屋成型。那么我们程序也是这样的道理，会在我们开发之前有一套相对成熟且适用的架子(配置项、技术栈)，然后我们会在这基础上直接产出需求功能，而需求重复的造架子。脚手架在我们开发项目中也是极其重要，能够提高我们的开发。 那么我们开发中有用到哪些脚手架呢？有vue-cli、create-react-app、y

https://lucius0.github.io/2018/01/14/archivers/media-study-07/

初次学习有关音视频这一块的开发，主要是基于 flv.js 的学习。这一块的知识概念实在是太多太深了，所以本人是先在本地做记录，后面会整理慢慢地上传与各位分享，假如有地方说错，请勘误。谢谢指点。 概述MP4(MPEG-4 Part 14)是一种常见的多媒体容器格式，它是在“ISO/IEC 14496-14”标准文件中定义的，属于MPEG-4的一部分，是“ISO/IEC 14496-12(MPEG-4

https://lucius0.github.io/2019/07/01/archivers/web-secure-csrf/

在进入 web 安全知识之前，建议对 HTTP 有所了解，可以看HTTP 入门体检，会对以下的内容有所帮助。 CSRF(Cross-site request forgery) CSRF，跨站请求伪造。也被称为one-click attack或者session riding，通常缩写为CSRF或者XSRF。是一种挟制用户在当前已登录的Web应用程序上执行非本意的操作的攻击方法。 XSS(Cross

https://lucius0.github.io/2018/01/18/archivers/debug-tools/

Charles HTTPS 代理http代理不用说了。没啥问题。这里是以pc端为例。 安装证书。Help -> SSL Proxying -> Install Charles Root Certificate。并打开keychain进行安全信任。 Proxy -> macOS Proxy 注意一点的是。开启shadowsocks会影响Charles。所以要改成下面，或者关

https://lucius0.github.io/2019/08/17/archivers/webpack3-optimize/

背景某一天，我突然发现构建项目会经常失败，直接报错：FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory，这个错误很明显就是内存不足导致的构建失败。由于项目是在CI / CD 上构建的，而在此期间运维又调整了一下资源上限，因此什么原因导致的还得进一步排查，是由于真的内存不足还是存在内存

https://lucius0.github.io/2019/06/30/archivers/http-introduction/

无论是大系统还是小项目，无论是移动端还是PC端，无论是大数据还是云计算，从整体到个人，网络协议一直都是绕不过去的坎，它在我们职业生涯中有着举足轻重的地位。技术浪潮一浪接一浪，很多时候我们盲目追求新技术却忘记了新技术的出现都是要依赖于繁琐复杂且难啃的基层技术，新技术只是为了更好更快更稳的开发，针对业务需求相对进行了封装罢了，一层一层剥下来，它还是原来的它。我们先来入门一下 HTTP，OSI模型的应用

https://lucius0.github.io/2019/03/17/archivers/about-webpack/

前端的发展，大致的发展路线可以看黄玄的JavaScript 模块化七日谈。从最初的全局污染式的注入到ES6模块化，打包工具的不断迭代替换。主要的原因都是因为前端发展越来越复杂庞大所导致。 本篇文章主要是来谈谈 webpack 在我们平时的开发工作中起到什么作用，以及我们该如何灵活的应用它来成为我们的利器。大多数情况下我不会说明怎么使用，因为这样会导致篇幅太多不容易阅览，所以具体的配置还是得自己阅览

https://lucius0.github.io/2019/07/13/archivers/http-cache/

在阅读该文章之前，建议对 HTTP 有所了解，可以看HTTP 入门体检，会对以下的内容有所帮助。 介绍 重用已获取的资源能够有效的提升网站与应用的性能。Web 缓存能够减少延迟与网络阻塞，进而减少显示某个资源所用的时间。借助 HTTP 缓存，Web 站点变得更具有响应性。 基本流程 浏览器发起请求(携带 Cache-Control )，会先去本地缓存看看是否有缓存并且命中，假如有就直接返回缓存

https://lucius0.github.io/2019/06/30/archivers/web-secure-xss/

在进入 web 安全知识之前，建议对 HTTP 有所了解，可以看HTTP 入门体检，会对以下的内容有所帮助。 XSS(Cross Site Scripting) XSS，跨站脚本攻击。很常见的一种攻击方式，主要是通过脚本注入的方式进行攻击用户。通常有：反射型 XSS 、存储型 XSS和 DOM 型 XSS。——跨站脚本 - 维基百科 反射型XSS 反射型 XSS，为非持久型，可以把它想象成反射弧