本文简单介绍了油猴脚本开发步骤以及实现，结合 webpack 让脚本实现工程化，并且配合 github action，让脚本实现自动化构建和部署。

大家对浏览器的书签并不陌生，用文件夹去规范地处理书签，有利于我们快速地找到需要的东西。例如打开一个chrome的拓展程序页面，一些人会这么干：【右上角一排竖点】->【更多工具】->【扩展程序】，这种操作步骤既费时又麻烦。如果你将扩展程序的页面存为书签，放到你喜欢的位置，那下次你…

开发中,一直听到有人讨论是不是需要重复造轮子，我觉得有能力的人，轮子得造。但是往往开发周期短，轮子的使用节省的时间可以更好的去理解业务，使用到业务中,也能发现轮子的利弊，可以造更好的轮子。

本文简单介绍了chrome dev tools的相关工具，使用和技巧。适合刚入门的同学了解chrome开发调试。

在封装第三方组件中，经常会遇到一个问题，如何通过封装的组件去使用第三方组件的Attributes(属性)、Events(自定义事件)、Methods(方法)、Slots(插槽)。 当然这个问题并不是难以解决，用普通方法解决难免陷入繁琐重复的工作中，而且封装的组件代码可读性也不高…

这篇文章讲述的一些很通用简单的前端技术，但却是实现某些灰色产业的关键技术，当然我只实现一些很简单的思路和方法，尽量写得简单明了，希望能举一反三，一起探索前端技术的各种无限可能。我在几年前也写过几篇这方面的文章，后面由于某些关系删减了不少，有兴趣的可以去找回看看 😀 ... 相…

Java 篇中老荀说到当今互联网份额最大的编程语言是 Java，作为后辈我对此话是没有异议的。但，要说到国内互联网最火、最热闹的编程语言是什么？应该没人对 JavaScript 当选有异议吧。相对 C++、Java 这些老前辈，JS 可谓门槛之低，连 Python 都自叹不如。…

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

作为一名前端开发人员，你一定经常使用 console.log 来进行开发调试，这当然没什么问题，但你可能不知道，除了 console.log ，浏览器的 Console 对象还包含了许多其他非常有用的方法，让我们一起来领略一下吧。 console.log方法使我们最常使用的了，…