<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[miao的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/miao9999</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; miao9999]]></copyright><item><title><![CDATA[从接口中返回二进制数据]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/127841623</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/127841623</guid><author>miao9999</author><pubDate>Mon, 14 Nov 2022 09:41:23 +0800</pubDate><description><![CDATA[通过设置 responseType 的值来规定返回的数据类型。将 responseType 设置为特定值时，要确保与服务器返回的数据格式是兼容的。如果不兼容，response 的值将是 null。“”空的 responseTye 字符串与默认类型 “text” 相同。response 是一个包含二进制数据的 JavaScript 的 ArrayBuffer。response 是一个包含二进制数据的 Blob 对象。document。]]></description><category></category></item><item><title><![CDATA[ArrayBuffer、Blog、File的处理]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/127841530</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/127841530</guid><author>miao9999</author><pubDate>Mon, 14 Nov 2022 09:33:21 +0800</pubDate><description><![CDATA[在计算机中处理数据，最常用的数据类型就是字符串和二进制，字符串的处理是比较简单的，毕竟我们为类能看得懂，数据不对马上就能看出来，对 String 的处理方法也经常使用，不陌生。但是二进制数据是我们人类看不懂的数据，数据是否正确，不能一下子就看出来，略显陌生。在 JavaScript 中的经常用到的二进制的格式有三种：ArrayBuffer、Blob、File。在了解这三种二进制之前，先了解一个类 FileReader，这个类是用来读取计算上的文件的一个类，是用来读取二进制文件的类。]]></description><category></category></item><item><title><![CDATA[解析 youtube 字幕2]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/113794636</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/113794636</guid><author>miao9999</author><pubDate>Fri, 12 Feb 2021 14:01:34 +0800</pubDate><description><![CDATA[上一篇讲了如何解析 YouTube 字幕，那个字幕对应的是 youtuber 自己设置好的字幕文件，字幕是标准的。
在 youtube 上还有另外一种字幕是平台自动生成的。这种字幕文件不是以句子为单位，而是以单词为单位的。那么上一篇中的解析方法就不适用了。为此我又写了一个把不规范的字幕文件转为规范的字幕文件，然后再用上一篇的方法进行解析，最终生成标准的字幕文件。
先来看一下自动生成的字幕是什么样的子的。

可以看到每一个单词都是分开的，我们要的是一个完整的句子，就像下面的图。

直接看代码吧，注释都写了。主]]></description><category></category></item><item><title><![CDATA[如何让吴磊、易烊千玺、肖站等小鲜肉围着你转]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/112104593</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/112104593</guid><author>miao9999</author><pubDate>Sat, 02 Jan 2021 16:56:48 +0800</pubDate><description><![CDATA[话不多说， 先上效果图





接下来看如何实现。
用到的知识点就是 css 中的 position 属性，以及 transform、transition 属性。
代码不是很多就直接上代码码了，相关的注释也都写了，应该不难懂。
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device]]></description><category></category></item><item><title><![CDATA[解析 youtube 字幕]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/111378713</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/111378713</guid><author>miao9999</author><pubDate>Fri, 18 Dec 2020 16:28:00 +0800</pubDate><description><![CDATA[我们在看 YouTube 视频的时候，经常有下载字幕的需求，一般会使用一些浏览器插件来帮助下载，但是这些插件经常会失效，又要重新去找其他的插件，很浪费时间。做为一个程序员，自己实现一个解析字幕的小程序还是不算难的。
第一步：找到视频对应的字幕

打开控制台，如上图

选择 Network
XHR
点击 timedtext 那一条
点击右边 Response

这样就可以找到字幕文件了，把字幕复制到一个文件中，例如，subtitle.json
第二步：解析 json
格式分析
json 的格式是这样的

我们]]></description><category></category></item><item><title><![CDATA[手机参数之屏幕]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/111186639</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/111186639</guid><author>miao9999</author><pubDate>Mon, 14 Dec 2020 21:50:36 +0800</pubDate><description><![CDATA[手机参数之屏幕
在了解手机屏幕之前先了解一下显示器的原理：
目前最普及的商用显示器从技术原理上分成两大类，分别是液晶显示器LCD(Liquid Crystal Display)和有机发光半导体OLED(Organic Light-emitting Diode)。
目前这两类显示器的显示原理都是基于通过三基色组合成像素点的光学原理，像素点非常微小，并且非常密集，人眼视距在正常的范围是看不到像素点的。
虽然原理是一样的，但是LCD和OLED组成最小发光单元的原理却有着本质上的不同。
LCD
LCD液晶显示器面板]]></description><category></category></item><item><title><![CDATA[Nodebb 开发1]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/108669744</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/108669744</guid><author>miao9999</author><pubDate>Fri, 18 Sep 2020 17:26:43 +0800</pubDate><description><![CDATA[Nodebb 开发 1
中文文档
搭建环境
nodebb 环境的搭建在文档里面都有写，mac 环境下照着文档没有问题，可以顺利安装。但是在 windows 中照着文档的操作可能会一些问题，因为在下载一些包的时候可能需要科学上网。
在安装 Scoop（windows 管理器）


打开一个 具有管理员权限的 Powershell 窗口


添加脚本执行权限
 Set-ExecutionPolicy RemoteSigned -scope CurrentUser



执行安装脚本
 iex (new-obje]]></description><category></category></item><item><title><![CDATA[按条件提取文件内容]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/103053202</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/103053202</guid><author>miao9999</author><pubDate>Wed, 13 Nov 2019 17:12:29 +0800</pubDate><description><![CDATA[需求

一个文本文档里面的内容有数字，英文，以及被 [] 包起来的英文
从这个文档里面只筛选英文， 不包含被 [] 包起来的英文
对于一行的字符小于一定长度的行，在输出时不换行，也就是如果一行的文字小于某一个长度时，与下一行合并成一行输出

代码
while read line; do
	#statements
	# 在写正则表达式的时候不用用引号括起来
	# [^\[]]: 不包含 [] 行
	...]]></description><category></category></item><item><title><![CDATA[css 中 float 的属性及清除 float]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/95494726</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/95494726</guid><author>miao9999</author><pubDate>Thu, 11 Jul 2019 17:15:26 +0800</pubDate><description><![CDATA[简单的 html
&lt;body&gt;
&lt;div class="box1 "&gt;
    &lt;ul&gt;
        &lt;li&gt;111111&lt;/li&gt;
        &lt;li&gt;222222&lt;/li&gt;
        &lt;li&gt;333333&lt;/li&gt;
        &lt;li&gt;444444&lt;/...]]></description><category></category></item><item><title><![CDATA[在 js 中 元素.style.top 无效果]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/95208988</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/95208988</guid><author>miao9999</author><pubDate>Tue, 09 Jul 2019 16:49:00 +0800</pubDate><description><![CDATA[有些问题遇到了才能真正理解
在 js 中对 html 中的元素进行动态修改位置时，经常会用到 元素.style.top 这样的语句来实现，but ，在这里有一个坑。
如果要修改的元素没有设置 position 属性的值的话，那么使用 元素.style.top 这样的语句是不起作用的。
原因是 position 的默认值为 static，当 position 的值为 static 的时候会忽略 to...]]></description><category></category></item><item><title><![CDATA[计算机网络笔记---windows 中的一些命令]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/93203020</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/93203020</guid><author>miao9999</author><pubDate>Fri, 21 Jun 2019 16:27:23 +0800</pubDate><description><![CDATA[命令




cmd 命令
详情




netstat -n
查看网络请求的会话的状态(如：浏览器访问网页)


netstat -nb
查看网络请求的会话的状态及名称


nslookup
查看提供域名服务的 DNS 服务器


ipconfig /release
释放DHCP 的租约


ipconfig /renew
重新申请 ip 地址


ipconfig /all
查看网络配置信息
...]]></description><category></category></item><item><title><![CDATA[计算机网络笔记---8.Internet 上的音视频]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/93202864</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/93202864</guid><author>miao9999</author><pubDate>Fri, 21 Jun 2019 16:24:54 +0800</pubDate><description><![CDATA[8.Internet 上的音视频
在 internet 上传输音视频面临的问题
音视频占用的带宽高，需要网速恒定，延迟低。
延迟对于非交互的音视频影响不大
用缓存的方式解决带宽不稳定的问题
internet提供的音视频服务在体上可以分为三种类型

流式(streaming)存储音视频 —— 边下载边播
节省客户端硬盘空间，不用下载
保护视频版权
流式，实况音视频—— 边录制边发送(直播)
通过网络...]]></description><category></category></item><item><title><![CDATA[计算机网络笔记 --- 7.网络安全]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/93202546</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/93202546</guid><author>miao9999</author><pubDate>Fri, 21 Jun 2019 16:23:43 +0800</pubDate><description><![CDATA[7.网络安全
安全包括哪些方面：

数据存储安全
应用程序安全
操作系统安全
网络安全
物理安全
用户安全教育

计算机网络上的通信面临的四种威胁


截获 — 从网络上窃听他人的通信内容 — 被动攻击


中断— 有意中断他人在网络上的通信 — 主动攻击


篡改— 故意篡改网络上传送的报文 — 主动攻击


伪造— 伪造信息在网络上传送 — 主动攻击


计算机机的威胁 —— 恶意程序(rog...]]></description><category></category></item><item><title><![CDATA[计算机网络笔记---6.应用层]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/93202376</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/93202376</guid><author>miao9999</author><pubDate>Fri, 21 Jun 2019 16:20:50 +0800</pubDate><description><![CDATA[6. 应用层
1. 域名系统 DNS(Domain Name System)
DNS 服务的作用：解析域名，把域名解析成  IP 地址的主机能够正常获取 IP , DNS , 网关等。
DNS 的解析过程
![DNS 的解析过程](/Users/limiao/personal/notebook/计算机网络/学_图片/DNS 的解析过程.png)

安装自己的 DNS 服务器的三种场景：

解析内网...]]></description><category></category></item><item><title><![CDATA[计算机网络笔记 --- 5. 传输层]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/93202211</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/93202211</guid><author>miao9999</author><pubDate>Fri, 21 Jun 2019 16:19:05 +0800</pubDate><description><![CDATA[5. 传输层
TCP(可靠传输) — 分段、编号、流量控制、建立会话
UDP(不可靠传输) — 一个数据包就能完成数据通信 、不建立会话、多播
传输层和应用层的之间的关系
http = TCP+80
https = TCP +443
ftp=TCP+21
SMTP = TCP +25
POP3 = TCP+110
RDP=TCP+3389
共享文件夹=TCP+445
SQL=TCP+1433
应用...]]></description><category></category></item><item><title><![CDATA[计算机网络笔记----4.网络层]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/93201733</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/93201733</guid><author>miao9999</author><pubDate>Fri, 21 Jun 2019 16:16:39 +0800</pubDate><description><![CDATA[4.网络层
网络层提供的两种服务
网络层关注的是如何将分组从源端沿着网络路径送达目的端。
在计算机通信中，可靠交付由端系统负责。
网络层提供的两种服务：


虚电路服务
虚电路表示这只是一第逻辑上的连接，分组都沿着这务逻辑按照存储好的发送方式传送，而并不是真正建立了一条物理连接
电路交换的电话通信是先建立了一条真正的连接。因此分组交换的虚连接和电路交换的连接只是类似，但并不完全一样。




数据...]]></description><category></category></item><item><title><![CDATA[计算机网络笔记---3. 数据链路层]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/93201681</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/93201681</guid><author>miao9999</author><pubDate>Fri, 21 Jun 2019 16:10:56 +0800</pubDate><description><![CDATA[3. 数据链路层
数据链路层基本概念及基本问题




数据链路层使用的信道主要有以下两种类型：

点对点 — 这种信道使用一对一的点对点通信方式
广播信道 — 这种信道使用一对多的广播通信方式，因此过程比较复杂。广播信道上连接的主机很多，因此必须使用专用的共享信道协议来协调这些主机的数据发送。



链路与数据链路

链路是一条点到点的物理线路段，中间没有任何其他结点。
一条链路只是一条通路的一...]]></description><category></category></item><item><title><![CDATA[计算机网络笔记----2.物理层]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/93201365</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/93201365</guid><author>miao9999</author><pubDate>Fri, 21 Jun 2019 16:07:47 +0800</pubDate><description><![CDATA[2. 物理层
物理层的基本概念
物理层解决如何在连接各种计算机的传输媒体上传输数据比特流，而不是指具体的传输媒体(如，光纤，电缆等)。
物理层的主要任务描述为：确定与传输媒体的接口的一些特性，即：

机械特性：如，接口形状，大小，引线数目
电气特性：如，规定电压范围(-5V到+5V)
功能特性：如，规定-5V 表示0，+5V 表示1
过程特性：也称干什么呢特性，规定建立连接时各个相关部件的工作步骤...]]></description><category></category></item><item><title><![CDATA[计算机网络笔记 --- 计算机网络概述]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/93176126</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/93176126</guid><author>miao9999</author><pubDate>Fri, 21 Jun 2019 11:31:38 +0800</pubDate><description><![CDATA[1. 计算机网络概述
计算机网络


网络：许多计算机连接在一起
互联网：许多网络连接在一起
因特网：全球最大的一个互联网
ISP ：Internet 服务提供商(如移动、联通、电信等)
因特网的组成




边缘部分(主机之间的通信方式)
客户服务器方式(client/server —c/s)


对等方式(peer to peer — p2p)
每一个计算机都可以是客户端也可以是服务端



...]]></description><category></category></item><item><title><![CDATA[OkHttp Interceptor 的迭代递归实现的简化]]></title><link>https://blog.youkuaiyun.com/miao9999/article/details/89297272</link><guid>https://blog.youkuaiyun.com/miao9999/article/details/89297272</guid><author>miao9999</author><pubDate>Sun, 14 Apr 2019 15:45:43 +0800</pubDate><description><![CDATA[OkHttp 的拦截器，那一块的代码很多，也比较复杂，在 debug 的时候好多个类来回跳，看的很懵，其实把整个框架拿出来，简化一些之后再看，就清晰多了。下面就是一个简化后的，为了更容易理解，对应的类名还是用了 OkHttp 中的类名，返回的值直接用 String。


首先是定义一个接口
public interface Interceptor {
    // 拦截
    String in...]]></description><category></category></item></channel></rss>