🎧audio-hacker介绍你是否想突破网页中视频的音量的限制？或者还原那些被变声过的声音？audio-hacker 是一个基于谷歌jungle.js封装的ts库，提供了ts类型和音量增益方法，使用方式十分简单。A magical library for controlling audio pitch and volume, based on jungle.js安装 {代码...} 初始化 Audiohacker {代码...} 调...

由于我之前的个人博客是Vue3+Quasar+Koa+MySql搭建的，整体就是SPA的思路，作为练手倒是可以锻炼前后端各方面的能力。但考虑到后期的迁移和更新等，实在过于麻烦，个人博客其实使用SSR或SSG之类的框架就行了，比如Nextjs，Nuxtjs，Remix等等。于是我接触到了Astro这个框架，它厉害的是不与任何前端框架进行强行绑定，比...

up主2019年毕业，找了一份前端工作，一直干到现在。2019年末出现疫情，三年的时间，也差不多与我的职业生涯完全重合了。刚过去的2022年，我也没有避开阳的命运（这病毒是真的强），就12月这一个月时间，几乎全公司都沦陷了。而就在我卧病等待阳康的日子里，新闻上不断播放着某某30岁年轻人死于新冠，某某医生死于新冠等...

首先介绍下Video Roll，这款浏览器插件能够帮助你旋转、缩放、调整比例和镜像翻转任意网页中的HTML5视频。目前已经有超过1000+用户在使用，完全开源，零差评。

大家都知道，一个完整的高可用、高性能的Web系统本身的构成是比较复杂的，除了我们熟知的前端部分，比如静态网页生成器、JS库、UI框架、监控工具等，还有Web Server、云服务、CDN内容分发、代理服务、HTTP缓存与加速等等。

首先说明，我不会C++，所以并不能以自己构建过浏览器并研究里面的每一部分这种实践的方式来解释浏览器中的线程工作原理，我只能通过我已经了解过的，比较权威的文档来告诉大家。我贴出的所有文档都出自于Chromium官方文档中的链接。

Video Roll Chrome Web Store / Github主要特性采用最新 extension V3 标准开发可旋转任何网页中的 HTML5 视频针对播放器使用 Web components 或 Shadow dom 的网站做了特别优化（P 站、B 站）旋转视频时，会自动根据视频容器和视频原始大小尺寸进行自适应轻量级插件，小于 100kb重视安全性，插件不会收集任何用户信息，...

在这个系列中，我们将会从高层架构的角度深入到Chrome浏览器渲染流程的具体细节。如果你想知道浏览器是如何将你的代码变成一个可用的网站，亦或者你不清楚为何会建议你使用特定的技术来提高网站的性能，那么本系列适合你。

Parcel2的问世，极大提高了打包的灵活度，但是parcel2在打包时，会根据打包文件的依赖关系和parcel的配置，决定是否给文件添加唯一的hash值。例如index.js打包后可能会变成index.794a6267.js。那么如何根据我们的需要决定是否要加上hash值呢？

比较老的web插件比如jqury的，会产生很多dom，于是写了1个用纯TS和canvas绘制的标尺，不依赖任何第三方库。文档即使用方法如下，欢迎使用，贡献以及提issue!

vue3.0已经出了一段时间了，网上也有大量的实践教程可供参考。但从实际出发，由于开发的chrome插件需要升级到vue3.0，同时准备换上ant-design-vue，由于没有使用vue-cli脚手架，在这个升级过程中还是踩了不少坑，于是将自己搭建整个项目的过程记录下来，如对大家有帮助，避免少踩坑也是极好的。(没有vue-router是因为chr...

先说一说为什么要搞清楚JavaScript的原型，因为这就是JS的根。JavaScript虽然不是一门传统的面向对象语言，但它有自己的类和继承机制，最重要的就是它采用了原型的概念。与其说JS是面向对象，不如叫面向原型。JS这门语言从开发之初就是基于原型去做事情的，它是面向对象的思想，但归根结底是面向原型的原理，从操作上来...

大家总是听到双飞翼布局和圣杯布局...也不知道是谁取的名字，我就叫三栏布局吧。虽然他们有些细微的区别，但本质上都是实现一个三栏布局，即左右两栏固定，中间自适应。

我的理解：在我的理解中语义化就是让我们写的每一行代码都有其意义，不仅仅是程序实现和功能上而言，还必须能被人和机器很好的理解。简单的说就是你写的代码应该是两全其美的，既要让人读懂也要让机器读懂。在HTML中就是告诉大家，每一个标签都是有它独特的意义的和应用场景的，而不是随便想用就用，想用什么替换就用什...

上一章回顾了JS对象的属性类型，那么除了我们常用的new Object()构造函数创建对象和字面量方式创建对象的方式外，还需要用到更多的模式来解决对象被多次复用的问题。什么意思呢？就是我们很有可能会在各个地方去使用已经创建过的对象，但是对象里的属性值有可能是不同的。举个例子：

JavaScript发明之始，从技术上来讲就是一门面向对象的语言，但在ES6之前，JS的很多特性和传统的面向对象语言有所不同，比如没有类的概念（ES6有了class）。今天结合《JS高编》第六章开始回顾和深入学习面向对象部分,包括对象、原型、原型链、继承等部分。

这个话题可能就如“为什么男人应该多挣钱？”一样永远不会休止，但其实也是一个大家都对答案心知肚明的问题。大家都知道挣钱只有好处没有坏处，唯一可能称得上“坏处”的就是你需要付出很多时间和努力。学好英语也是一样，只有好处没有坏处。如果你觉得自己这辈子都用不上英语，那也应该为你的下一代想想...其实这里我并不想...

可能一些初级前端和我一样，在有些项目需要前后台都一个人打通搞定的时候，对于后台和开发环境的部署还是比较头疼的。特别是Linux系统，由于没有系统接触过，也不太喜欢去记背那么多命令，大部分命令只能靠不断的google,baidu去完成。在最近的一个项目中，自己无数次重装系统，安装各种软件等，也有一点心得。稍稍总结出...

**第一次在社区发文章，作为一个大学未毕业的前端菜鸟，自己平常也经常逛各种技术社区，今天终于要发表自己的处女文章了，还是有点小激动的。由于最近在帮学校做开发一个基于微信小程序的投票系统项目，开发时也遇到很多坑，有一些心得，所以想分享给大家，一起讨论和进步。（个人开发技术有限，不好勿喷--）。