在 Vue.js 中，插件（Plugins）是一种能为 Vue.js 添加全局功能的工具代码。Vue.js 3 插件没有严格定义的使用范围，但是插件的应用场景主要包括以下几种。
前段时间，微信释放了小程序插件功能。有了它，小程序开发者就可以通过这个功能，强化自身小程序能力；小程序服务提供商也可以用它，为开发者、用户提供强大的小程序功能支持，进一步拓展小程序能力。小程序插件功能的推出将大大促进小程序生态发展。
在一个风和日丽的早晨，我正悠闲地喝着Coffe，突然领导向我走来，我赶紧熟练地切出VSCode，淡定自若地问：领导，什么事？领导拍了拍我的肩膀：你上次封装的方法同事跟我反馈使用起来很不错啊，你不如做成JS插件给大家用吧。我放下了手中的马克杯，甩了一下眼前仅剩的几根刘海：没问题啊，小Case！随即开始摸鱼....
对于 webpack 来说， loader 和 plugin 可以算是需求程度最为广泛的配置项了。但是呢，单单止步于配置可能还不够。如果我们自己有时候想要 diy 一个需求，但是 webpack 又没有相关的 loader 和 plugin 。那这个时候我们可能就得开始造点轮子来供给自己使用了。
在上一期“如何使用小程序插件”的分享中有提到，在FinClip中开发者可以像开发小程序一样开发一个插件，而开发出来的插件，既可以提供给自己的团队使用，也可以公开出来供其他开发者使用。在插件发布之后 FinClip 会托管插件代码，其他小程序调用时，上传的插件代码会随小程序一起下载运行。
在小程序开发中为了提升小程序的功能丰富度和用户体验，以及避免重复造轮子，特别是在实现一些通用功能（如地图定位、支付接口等）时，我们往往需要通过小程序插件来提高开发效率。目前我司的 app 中是通过嵌入第三方SDK来实现小程序运行的，我们发现该技术平台中是具备直接开发小程序插件的能力的，本期就给大家分享一下如何在第三方平台中开发小程序插件，以便于业务模块可以复用。
安装开发环境：首先，确保你的本地环境已经安装了 Node.js 和 Git。然后，通过 npm 安装 yo 和 generator-code 脚手架工具。
Vue.use和Vue.prototype这两种方式引入包。那这两种方式有什么区别，既然困惑，那就本着刨根问底的心态，去了解下这两种方式的不同。
每个中间件就像是洋葱的一层，所有的请求经过一个中间件都会执行两次，这样可以非常方便的后置处理逻辑。
在日常浏览网页时，我们有时会遇到一些不太满意的网站界面交互设计。然而，作为普通用户，我们并没有网站的源码，如何在这种情况下进行界面改造呢？今天，我将向大家介绍两种强大的工具——油猴脚本和浏览器插件，通过它们，我们可以轻松地改造现有网站的界面和交互体验。
提起JavaScript，我们也许经常会想到的是，可以用来写Web页面嘛，又或者，会想起Node.js 这个服务端环境，搞前后端同构。
在这个这个插件种，我们为组件增加了设置和隐藏text的功能。通过show和hide函数完成，他们被封装在sayhello中。通过下面这句语句设置全局属性：
esbuild是一个快速、可扩展的JavaScript打包器和压缩器，它的目标是成为最快的打包器。它使用Go编写，可以在几乎瞬间内完成大多数项目的构建。在本文中，我们将深入了解esbuild，并探讨其如何实现如此出色的性能。
React Plugin Template https://github.com/jenkinsci/react-plugin-template
本文使用的 Webpack-Quickly-Starter 快速搭建 Webpack4 本地学习环境。
本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！
现代前端开发中最流行的页面模型，莫过于SPA单页应用架构。单页面应用指的是应用只有一个主页面，通过动态替换DOM内容并同步修改url地址，来模拟多页应用的效果，切换页面的功能直接由前台脚本来完成，而不是由后端渲染完毕后前端只负责显示。前端三驾马车Angular,Vue,React均基于此模型来运行的。SPA能够以模拟多页面应用的效果，归功于其前端路由机制。
本文将带你一起开发第一个 Webpack 插件，从 Webpack 配置工程师，迈向 Webpack 开发工程师！ 做自己的轮子，让别人用去吧。
Webpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。
在前端开发中，JQuery 作为一个广泛应用的 JavaScript 库，为开发者提供了丰富的工具和方法，简化了 DOM 操作、事件处理等繁琐的任务。而在这个庞大的生态系统中，插件机制是 JQuery 的一项重要特性，使得开发者能够轻松地扩展 JQuery 的功能，实现更灵活、高效的前端开发。本篇博客将围绕 JQuery 插件机制展开详细的讲解，带你一探插件的神奇世界。
新建[Blogroot]\themes\butterfly\source\js\wow_init.js，配置特性动画的默认项。
loader是文件加载器，能够加载资源文件，并对这些文件进行一些处理，诸如编译、压缩等，最终一起打包到指定的文件中。
经过了前几篇对智能合约基础、Web3.py、ethers.js 的学习，我们已经掌握了通过程序与区块链网络直接交互的基础知识，不熟悉的同学可以回顾一下：
React组件CSS-in-JS是一种流行的前端开发技术，它将组件的JavaScript逻辑与样式定义结合在一起，以提高代码的可维护性和可重用性。通过CSS-in-JS，开发者可以在组件级别轻松管理样式，而不必担心全局污染或类名冲突。
Application 是全局应用对象，在一个应用中，只会实例化一个，它继承自 Koa.Application，在它上面我们可以挂载一些全局的方法和对象。我们可以轻松的在插件或者应用中扩展 Application 对象。
很多前端小伙伴在日常使用prettier的时候都或多或少有一点疑惑，prettier在每一个IDE中究竟是怎样工作起来的，为什么配置有时候生效，有时又毫无效果。为了让我们的前端小伙伴更加熟悉这块，本文将对prettier在主流IDE中的使用过程一探究竟。
各种编程语言均有其优势和生态，有兴趣的朋友完全可以涉猎多门语言。在平常的工作之中，也可以尝试选择相对适合的编程语言来完成相关的工作。
告诉 webpack 在哪里输出它所创建的 bundles,以及如何命名这些文件。
本文作者：ivweb 程柳锋 导语 通常而言，Node.js的应用场景有前后端分离、海量web页面渲染服务、命令行工具和桌面端应用等等。本篇文章选取CLI(Command Line Tools)子领域
前言 之前编写了一个vscode插件用vscode写博客和发布，然后有园友要求写一篇来介绍如何开发一个vscode扩展插件，或者说介绍开发这个插件的过程。然而文章还没有写，园子里面已经有人发布一个文章，是园友上位者的怜悯的VSCODE 插件初探介绍了自己开发的一个插件与如何简单的开发一个插件。虽然已经有这么一个文章，但是我觉得还是可以更仔细的来介绍如何来开发一个vscode插件，也算之前说好要写这么一个文章的一个承诺吧，于是就有了还这么篇文章。 一、开发环境介绍与安装 为了演示一个安装环境，我安装了一个干净
工欲善其事，必先利其器。对于一名程序猿来说，好的编辑器能够大大提高写代码的效率。VSCode作为微软主推的开源跨平台编辑器，是前端开发的利器，它拥有各种丰富的插件，更是使得其如虎添翼。
webpack 用于编译 JavaScript 模块，是 JavaScript 静态模块的打包工具。从 webpack v4.0.0 开始，可以不用引入一个配置文件。
大家肯定有这样的经历，浏览网页的时候，左右两端广告，诸如“屠龙宝刀，点击就送”，以及最近火的不行的林子聪37传奇霸业什么“霸业面具，霸业吊坠”的魔性广告总是充斥我们的眼球。 当然有现成的扩展程序或者插件（两者概念稍有不同）可以清除页面广告，但是既然身为一名程序猿，尤其是FEDer，为什么不尝试一下自己写一个清除广告的扩展程序呢。其实，编写一个浏览器扩展程序十分简单，尤其是chrome扩展，可以完全使用前端技术（HTML/CSS/JS）完成一个自己编写的扩展程序。让我们一步一步，学习一下如何编写一个简单的清除
无论是 Chrome，还是 Firefox 浏览器，它们的强大性在很大程度上都是依赖于海量的插件，让我们能高效办公
最近在公司遇到了一个需求，别的团队的同事想将他们用 React 编写的工程作为子系统集成到我们已有的系统中，React 工程是基于 umi 框架编写的，我们的主系统是基于 jquery 框架实现的。其实他们本来是已经实现了 React 作为子系统集成到我们的主系统中的，但是他们是借助于 iframe 实现页面嵌入的，后来因为用户体验不佳、存在安全性问题等因素而不得不放弃这种方式的集成了。
VuePress 和 Docusaurus 都是非常流行的开源静态站点生成器，特别适用于构建技术文档和知识库。它们都提供了美观的预设主题、易于使用的Markdown语法支持以及自动生成的导航和侧边栏。
本文将介绍最流行的十大博客静态站点生成工具，以 Github star 数来排名。
移动端要求的是快速开发，所以我们经常会借助于一些插件来帮我完成操作，那么什么是插件呢？
vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,分为vue init webpack-simple项目和vue init webpack项目两种.当然首先要安装vue,node等一些必要的环境.
webpack通过plugin机制让其使用更加灵活，以适应各种应用场景，当然也大大增加了webpack的复杂性，在webpack运行的生命周期中会广播出许多事件，plugin可以hook这些事件，在合适的时机通过webpack提供的API改变其在处理过程中的输出结果。
Vue.js是一款流行的JavaScript框架，用于构建交互性强、响应式的用户界面。而uni-app是一个基于Vue.js的跨平台应用开发框架，允许开发者使用Vue.js的语法编写一次代码，然后将其部署到多个平台，如iOS、Android、Web等。本文将深入探讨Vue.js的核心技术，并介绍如何利用uni-app进行跨平台实战开发。
学习 React Native for Android 的开发环境搭建。 Facebook 于 2015 年 9 月 15 日发布了 React Native for Android 。React Native 让开发者使用 JavaScript 和 React 编写应用，利用相同的核心代码就可以创建 Web，iOS 和 Android 平台的原生应用。注意这里的 核心 两个词，它指的是那些底层的、与界面无关的逻辑。与 ionic / PhoneGap 这类 Web App 开发框架不同，React Na
抽象语法树 (Abstract Syntax Tree) 是源代码语法结构的⼀种抽象表示，以树状描述编程语⾔的语法结构，每个节点表示源代码中的⼀种结构。AST常用于代码语法检查、⻛格检查、格式化、代码提示、混淆压缩、自动补全等，还可以用来优化代码结构，如 webpack 以及 CommonJS、AMD、CMD、UMD等代码规范之间的转化等。
这个插件提供html的编写提示，包括到属性的格式监测，语法细致监测纠正，非常好的。插件地址
在以上过程中，Webpack 会在特定的时间点广播出特定的事件，插件在监听到感兴趣的事件后会执行特定的逻辑，并且插件可以调用 Webpack 提供的 API 改变 Webpack 的运行结果。
最近要找个H5的前端写个简单的DApp，聊过几个H5的工程师，都被跟以太坊交互的部分吓住了。虽然网上有N多的教程，但是对于H5工程师来说，还是有些困难。分析其原因，在于不了解ganache-cli（原来叫testrpc）/web3/以太坊节点/metamask之间的架构关系。
给两个链接： - webView:shouldStartLoadWithRequest:navigationType: public void addJavascriptInterface (Object object, String name)
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
