将M3U8视频流转换为本地视频通常需要下载M3U8文件引用的所有分段视频并将它们合并成一个完整的视频文件。你可以使用FFmpeg工具来完成这个任务。以下是一些基本的步骤：

开发类1. homebrewMac上第三方包管理器，很方便的工具，同时出名的还有MacPorts，各有千秋吧，homebrew比较依赖系统库，优点是更新速度快，软件包也非常多，但是缺点也很明显，每次更新系统，很多软件就不能用了，这个会让人头疼。MacPorts比较不依赖系统库，但是软件没有homebrew多。homebrew安装命令(输入到终端）：

良心网站里，现在比较常见的视频流媒体，大部分都是 m3u8 格式的，而对于 m3u8 格式的视频而言，如果你下载过，你会发现它就是一个文本文件，大概也就只有几十 kb，从磁盘大小来看，应该也知道它并不是一个直接的视频文件。

M3U8是苹果公司推出的视频播放标准，准确来说是一种索引文件，使用M3U8文件实际上是通过它来解析对应的放在服务器上的视频网络地址，从而实现在线播放。M3U8文件使用UTF-8字符编码。M3U8是一种常见的流媒体格式，主要以文件列表的形式存在，既支持直播又支持点播，尤其在Android、iOS等平台最为常用。使用M3U8格式文件主...

推荐一个图片编辑工具。几乎涵盖了所有图片处理的常用功能。具体功能包括：图片调整尺寸图片裁切图片翻转图片旋转图片画笔进行标注图片添加图形图片添加icon图片添加文字图片的滤镜调整欢迎大家使用。

本人开发一个名片快速生成的方式。通过输入名片相关的信息，就可以显示含有这些信息不同风格名片。这样可以最真实的看到名片样式。可以节省很多时间哦。

在用canvas的toDataURL处理png时，发现透明区域被填充成黑色。为什么canvas会png的透明区域转成黑色呢？canvas转换之前移除alpha通道，所以透明区域被填充成了黑色。但是，我们希望的是，canvas可以将png的透明区域填充成白色。那么怎么将canvas中的透明区域填充成白色呢？我们有两个方案：

给css添加前缀（js，webpack）关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站代码中某些地方添加。在项目中，有时需要在某个情况下需要添加css前缀，这个时间一般会用js给css添加。下面提供一个通用方法，用来添加前缀。 {代码...} 用webpack给项目整体添加css前完成这个需要3步，需要使用两个插件（postcss...

字符串进行转义，防止xss攻击关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...} 我们小滑轮网站上还有其他字符串的工具函数去除空格字符大小写转换下划线格式字符串转为驼峰格式驼峰格式字符串转为下划线格式可以去看看，希望对你的开发有帮助～

webp格式的图片在质量相同的情况下，可以拥有更小的体积。而且现在很多资源存储的云服务商都支持请求webp格式的图片。所以说，在网站中使用时webp格式，可以让网站打开更快，也更节省网络带宽。但是并不是所有的网站都支持webP格式的，所以在使用之前，先判断下是否支持webP格式，下面的代码就提供了判断的方法。

js实现浏览器的全屏和退出全屏关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...}

防抖和节流关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...}

获取cookie的值，设置cookie，删除cookie关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...}

还有更多的日期操作：设置几天后的日期，获取当前时间的n天后的时间戳， 本周第一天， 本月最后一天， 星期转换，将数字转换成英文等等。可以在小滑轮网站（[链接]）找到

颜色格式进行转换关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 将HEX格式转换为RGBA，RGB格式转换HEX {代码...}

图片转成base64关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...}

将数字转换为大写金额关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...}

获取设备像素比关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...}

禁用浏览器的默认行为关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...}

将文本插入到文本区域的光标位置关于更多公共类的操作方法，可以关注下小滑轮网站 {代码...}

设备环境判断关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站判断是否在微信环境是否安卓环境是否iphone环境是否ios环境（包括iPhone和ipad）是否safari环境是否为windows系统是否为mac系统（包含iphone手机）判断是否在微信环境@return {boolean}*/function isWeixin() { // 如果需要可以增加判断电脑版微信...

URL相关操作关于更多公共类的操作方法，可以关注下小滑轮网站获取window.URL 实例获取url中的参数删除url中参数增加url中的参数获取URL里domain返回url的pathNamehttp协议转换为https将dataURL转换为blobblob2DataURL {代码...} http协议转换为https@param url@return {*}*/function url2https(url) { return addProtoco...

欢迎关注小站小滑轮。关于小站的内容也可以在博客下面留言哦。有什么使用的工具想让我补充，也可以留言。谢谢

问题背景在我们自己研发的页面里我们经常会使用微信的jssdk获取微信用户的头像和妮称。一般情况下，我们的展示的头像都比较小，不会有模糊的问题。但是如果头像显示的比较大时，图片的模版的问题就会显现出来，尤其在iphone手机上。比如下面的图。

Ace是一个功能非常强大的编辑器。它实现了语法着色，缩进，代码提示功能。且具有大量的主题，支持大量语言。但是Ace的文档基本上是英文的。先展示下Ace的例子。

本章主要是解释几个大部分人关于promise疑惑的地方，或者可能跟你想象不太一样的地方，所以需要对promise有一定的基础才行，最好在项目里用过。在开始之前，先跟大家确认一个概念：决议。决议就是promise的判定。比如执行reslove（）或者reject（），这个promsie就被判定成一个状态了，或者说被决议了

在有需要正则表达式，很常见的操作就百度一下。看能不能找到满足我需求的。有时候你会找到的，比如手机校验，密码校验，邮箱校验。但是很多人往往都看不懂网上的正则的意思。这个就是学习正则的一个误区。在我看来，我们学习正则应该是：了解其匹配过程，再看懂正则表达式，最后才是自己写正则表达式。下面主要讲的就是...

为了更好的理解正则表达式，我们需要思考几个问题。 我们要匹配确切的内容。 我们要匹配类型的内容，包括同类（数字，字母）和次数。 我们要匹配的相关内容，同时在位置（这个概念很重要）上要有要求。比如它的前面不能是什么，后面不能是什么。 针对这三类问题：正则表达式提供相应的语法。 第一类问题：比较简单，我们...

splice： v 绞接，捻接(两段绳子);胶接，粘接(胶片、磁带等); n 胶接处;粘接处;绞接处.split: v 分裂，使分裂(成不同的派别);分开，使分开(成为几个部分);分担;分摊;分享; n 分歧;分裂;分离;划分;分别;份额;裂缝;slice: v 把…切成(薄)片;切;割;划;削(球);斜切打; n 部分;(切下的食物)薄片，片;份额;锅铲;(餐桌用)小铲

在现实研发过程中，我们经常需要借助chrome Devtool 查看页面的dom节点。但有的时候比较难找，经常被困扰者。本篇文档就是对其中两个情况提供一下好的建议。