魔侠的沙滩

本文分享了在Docker环境下Ubuntu系统中使用FFmpeg调用NVIDIA GPU硬件加速的实践过程。主要步骤包括安装nv-codec-headers头文件、克隆FFmpeg源码、安装编译依赖库等。文章重点指出了三个关键注意事项：nv-codec-headers版本需与驱动匹配、必须安装CUDA toolkit、需要确认CUDA相关路径是否正确。作者特别提到当默认路径/lib64为空时，需要通过find命令查找实际的libcuda.so文件路径并相应调整编译参数。最后验证配置成功的标志是检查./con

本文介绍了在Vite+Vue3项目中实现老旧浏览器兼容的解决方案。通过配置vite.config.js中的build.target和@vitejs/plugin-legacy插件，解决了ES5兼容性问题，包括箭头函数、const常量和Promise等特性。配置中指定了目标浏览器版本（如Firefox72），并启用modernPolyfills选项。此外，在入口文件引入regenerator-runtime以支持async/await语法。虽然这些措施会增加代码体积，但确保了项目在仅支持ES5的老旧浏览器上也

本文详细介绍了在离线 OpenEuler-22.03 服务器上升级 OpenSSH 的完整流程。由于服务器处于内网隔离环境，无法直接通过 yum 或 dnf 更新，因此采用了“在线编译生成 RPM 包 → 离线安装”的方案。具体步骤包括：在有网络的同架构机器上构建 OpenSSH 的 .src.rpm 源码包，生成二进制 .rpm 包，然后将这些包传输到离线服务器上进行本地安装。文章还提供了详细的命令操作和注意事项，确保升级过程顺利且安全。通过这种方法，成功将 OpenSSH 升级到最新版本，修复了已知的安

虽然警告里给出了解决方案，但是这个方案并不适合使用RushJs组织的项目。这个警告会让CI服务器终止后面脚本的允许，导致CI打包上传流程中断。让rush重新生成pnpm-lock.yaml。Browserslist里的数据库过期了。CI服务器上打包应用的是会报一个警告。再次编译代码就不会再有警告了。

xcode加载项目一直loading解决方法。

适合新手的3个月的编程练习计划。无痛！！！

第一个参数需要正则字符串。正则字符串里对于一些特殊的字符需要转义。

虽然每次都想到，使用ffmpeg的时候先看官方文档，但是每次都看不进去。然后还是去搜索引擎搜关键字，直接看别人的经验，然后自己尝试，得出结果。不同编码的视频，需要使用不同的加速选项，比如hevc的视频，需要使用hevc_videotoolbox。过高会导致码率比原视频高，视频体积变大，但是画质并没有变好。因为如果不写这个，生成出来的视频质量可能过高，也可能偏低。偏低会导致码率可能过小，视频体积很小，但是画质非常糟糕。同样，4K片源也不一定有1080P的片清晰。清晰度和分辨率，编码方式，片源，码率相关。

强大，可以定义很多PDF的细节，包括页头，页脚，页数。

最近ChatGPT火出了圈，各种基于ChatGPT的应用层出不穷。然后github上各种基于ChatGPT的开源代码库也开始火热起来。

注意点：1、VMware Fusion预览版下载需要登录VMware账号才能下载。2、安装过程中如何跳过联网环节安装过程中需要联网，但是进入系统之前网络不可用，需要在安装环节使用CMD执行OOBE\BYPASSNRO才能跳过安装过程中联网。参考文章：M1 芯片 Mac 虚拟机新选择：VMware Fusion 公测版深度体验 - 少数派用硬苹果捏软柿子：M1 系列 Mac 虚拟 Windows 11 免费方法谈 - 少数派How to bypass inte

解决react-cosmos在react-app-rewired项目里启动报错

当元素自己有背景颜色时，border的颜色设置为rgba(0, 0, 0, 0.5)，透明度会无效。

在.gitlab-ci.yml文件里直接写命令提交代码，会报错，就算前面使用了git remote origin添加了新的远程地址，还是会报错，报错信息下图所示：搜索了一大圈，最后在gitlab官网找到了例子。示例代码链接：.gitlab-ci.yml · master · Guided Explorations / .gitlab-ci.yml Tips, Tricks and Hacks / Commit Back To Repos During Pipeline / Commit To

原文：https://segmentfault.com/a/1190000017088168问题安卓 webview 的字体大小在小于 12 像素的时候无法使用行高来垂直居中ps：目前在微信等应用都存在该问题，而在最新的移动端 Chrome 浏览器上无该问题（截止本文编写时间，微信客户端的 chrome 版本为 57，chrome 版本为 70）。尝试方案 table 布局：文本偏上 <div class="solution" style="display: table;

提出问题和假设当我们谈论BFC时，可能会有一下问题产生：BFC是什么？有什么作用？ 理解BFC对于我们到工作有哪些帮助？我们应该如何使用BFC？ BFC里到Block指的是块级元素吗？那对应的内联元素有对应的特性吗？除了上面三个问题，我还想到了其他问题，这些问题是在刚开始学前端时接触的：使用浮动后，通常会清除浮动？清除浮动的知识是什么原理？ 外边距重叠问题是什么原因，解决这个问题方案又是什么原理？上面这两个问题与BFC有关吗？收集数据收集到到其他讲解BFC的文章：ht.

为了方便管理，把长期迭代的前端项目都放到了一个git仓库里。这样使用CI自动打包上线测试环境都需要判断当前git仓库里哪些项目是被改动过都，只打包改动过的项目。相关命令git log --name-status 每次修改的文件列表, 显示状态git log --name-only 每次修改的文件列表git log --stat 每次修改的文件列表, 及文件修改的统计git whatchanged 每次修改的文件列表git whatchanged --stat 每次修改的文件列...

场景最近使用html2canvas的时候，在长屏幕尺寸下，生成的图片底部会有白边。生成的图片的步骤：1、目标dom使用绝对定位移出到屏幕不可见范围绘制。2、把body的滚动条移动到顶端。3、延迟500ms后使用html2canvas进行绘制。过程看了这篇文章https://www.jianshu.com/p/1ba91e9bb2ca里讲的，不是很明白，照着写也没能解决问题。解决方案最后使用了html2canvas自带的backgroundColor属性，把整个..

情况1:xcworkspace和xcodeproj使用pod install以后，会多出一个.xcworkspace文件。这个时候需要使用xcode打开.xcworkspace文件，并且关闭打开对.xcodeproj文件。这是因为.xcodeproj文件仅仅包含了主项目，没有包含pod安装的项目，所以会导致编译找不到依赖。而.xcworkspace打开的项目包含了所有的一切。情况2: Project -> Configurations -> Debugpod install完成.

(1)select==>时间复杂度O(n)它仅仅知道了，有I/O事件发生了，却并不知道是哪那几个流（可能有一个，多个，甚至全部），我们只能无差别轮询所有流，找出能读出数据，或者写入数据的流，对他们进行操作。所以select具有O(n)的无差别轮询复杂度，同时处理的流越多，无差别轮询时间就越长。(2)poll==>时间复杂度O(n)poll本质上和select没有区别，它将用户传入的数组拷贝到内核空间，然后查询每个fd对应的设备状态，但是它没有最大连接数的限制，原因是它是基于链表来存.

操作步骤：打开appstore 搜索swift playgrounds 下载安装 运行起来效果截图：

案例一用C#写windows forms程序时，遇到在新建的线程里操作主线程的form元素会报一个异常，说不能在操作其他线程的form元素。当时第一想到的方案是，这里是不是需要跨线程通信，于是搜索C# 线程通信怎么做，以及多线程如何处理等等。看了一圈觉得有点复杂，而且一遍文章被转来转去。后面我回到问题本身，搜索多线程与form的关系，找到微软自己的文档。这篇文章详细说明了，在其他线程里调用form元素会导致一些不可预料的事情，所以系统提供了两个方式来解决这个问题，其中..

先看看大家怎么做的。下面是两篇别人写的文章，最后是我自己的方法。第一篇：聊一聊前端换肤之前在做网站换肤，所以想谈谈网站换肤的实现。网页换肤就是修改颜色值，因此重点就在于怎么来替换。一般实现如上图，我们会看到在某些网站的右上角会出现这么几个颜色块，点击不同的颜色块，网站的整体颜色就被替换了。要实现它，我们考虑最简单的方式：点击不同的按钮切换不同的样式表 ，如：...

背景今天遇到一个（其实之前就遇到了一直没重视）布局问题。在iphone plus机型和MAX机型里，一个transfrom: translate3d(x, y, z)操作比预计的位置要远。最后根据调试和不断测试找到了问题的原因，原因是因为我们在页面使用了rem布局。并且rem的基准是按照37.5px来计算了。比如下面这个css:p { width: 24px;}经过转...

早在2013年，国外有个程序员做了一个有意思的投票统计（原始链接请见：《程序员：你认为最难做的事情是什么？》），该投票是让程序员从以下几个选项中选出平时在工作中自己认为最难做的事情：做项目方案设计 编写测试用例 撰写设计文档 向别人解释我们在做什么事情 实现你不认同的feature 在别人写的代码基础上做改造 与人沟通 给函数、变量命名 进行工作量估时　　也许在大家的印象中，...

移动端为什么会有300ms的延迟2007年，iPhone为了兼容PC网站，引入了双击缩放的操作。这个设计针对当时的情况非常人性化，其他浏览器也纷纷跟进。但是这个这个操作为了区分用户是想双击缩放还是真的单击，会在用户单击之后300ms才触发真实的click事件。这就是300ms延迟的来源。为了让click没有这300ms延迟，FastClick诞生了。虽然有其他方案，但是FastClick是...

你真的会用getBoundingClientRect吗？左鹏飞 2017.09.20本文介绍了什么是getBoundingClientRect；以及获取width,height的兼容性写法；最后介绍了两个使用场景：获取页面元素的位置和判断元素是否在可视区域。1. 什么是getBoundingClientRectgetBoundingClientRect用于获得页面中某个元素的左...

在CSS中总有一些你不用不知道，用到才知道的“坑”。比如今天要谈的，把 before, after 伪类用在 <img> 标签上。嗯，实际上你用你会发现，在大多数浏览器这是无效的，dom中并不会出现你想要的结果。为什么会这样呢？让我们回归到 W3C 标准中寻觅一下，在标准中，before, after 伪类的定义如：As their names indicate, the ...

这个API的官方说明是：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。这是怎么做的呢？Vue源码里有一个next-tick.js，源码比较短，我们来仔细看一看：/* @flow *//* globals MutationObserver */import { noop } from 'shared/util'imp...

背景在百度贴吧的C语言吧，发现提问题的同学基本还在使用VC6.0或者DEV C++。这两个工具都太老，而且没有更新。使用体验都不太好。解决方案微软自家编辑器vscode+相应插件。vscode官方已经推出了一个插件，便于大家使用vscode编写并调试C/C++程序。地址是：https://code.visualstudio.com/docs/cpp/config-ming...

背景笔者最近做一个新手引导功能，这个引导独立于实际产品，但是却包含部分产品的功能，是一个单独的模块。在实现上，一开始想的尽量把引导功能和产品功能分开。做的时候也尽量这样做了。最外层是引导功能的组件，实现引导相关的逻辑，这个组件包含了产品功能组件，产品功能组件不用不关心引导组件的存在。功能组件只需要实现功能并且提供相应的事件函数就行。最后为了能在功能组件里高亮显示引导区，直接在引导组...

作者：写手k君链接：https://www.zhihu.com/question/29910338/answer/65835604来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。1，冲突！冲突！冲突！！故事没有冲突，就像川菜不放辣椒。冲突≈愿望+危险愿望：k君要在一天内涨粉十万！无论你觉得k君是傻逼还是k君勇气可嘉，你都有兴趣知道一天后k君有没有实现愿望。...

Are you getting aReferenceError: primordials is not definederror message when trying to rungulp? Chances are you're ongulp v3andnode v12, and that's the source of the issue.The thing is,gulp ...

原文地址：链接：https://www.jianshu.com/p/0a3aebd63a14判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。从...

实际项目中，遇到使用Date获得的时间戳加上一天的毫秒数，然后调用getDate居然返回不对。然后用户反馈不再国内。在网上找到这篇文章：https://juejin.im/post/5d23ef766fb9a07ea5681378说到Date的有下面这个问题：new Date会自动变成本地时区在js中，很多时候需要把日期字符串转换为一个 Date 对象。如果得到的日期字符...

前言对动态规划最初的认识：是能解决很难的问题，动态规划是一个很厉害的方法论。场景前天做力扣上做一个题目，等级是困难，理解完问题以后，觉得可以使用动态规划来做，但是自己已经记不清如何使用了。就按照自己能想到的方法开始写代码。题目如下：你正在安装一个广告牌，并希望它高度最大。这块广告牌将有两个钢制支架，两边各一个。每个钢支架的高度必须相等。你有一堆可以焊接在一起的钢筋 ...

来自：Everyone wants to hire the perfect Drupal developer - but you need a way to identify future potential Drupal front-end developers. What previous experiences and transferable skills are goin

.news { background-color: gray; border: solid 1px black; width: 500px } .news img { float: left; } .news p { float: right; } .clear { clear: both; }

来源点评：CSS中很多时候会用到浮动来布局，也就是经常见到的float:left或者float:right，简单点来说，前者是左浮动(往左侧向前边的非浮动元素飘，全是飘得元素的话，就按照流式来浮动从左到右，放不下则换行)，后者是右浮（往右飘）动。但仅仅是如此吗？详细出处参考：www.jb51.net/css/33740.htmlNo! 要注意以下几点： 1、 浮动元素会被自

name = ''foo = function(){this.name = 'xxoo'}