前言：做基础技术的时候，会经常碰到一个问题就是如何让自己提供的代码对用户少侵入，无感。比如我提供了一个 SDK 收集 Node.js 进程的 HTTP 请求耗时，最简单的方式就是给用户提供一个 request 方法，然后让用户统一调用，这样我就可以在 request 里拿到这些数据。但是这种方式很多时候并不方便，这时候我们就需要去 hack Node.js 的 HTTP 模块或者给 Node.js 提 PR。在操作系统层面，有提供很多技术解决这种问题，比如 ebpf、uprobe、kprobe。但是应用层无法使用这种技术解决我们的问题，因为操作系统的这些技术针对的是底层的函数，比如我想知道一个 JS 函数的耗时，只能在 V8 层面或者 JS 层面去解决，V8 这方面似乎也没有提供很好能力，所以目前我们更多是考虑纯 JS 或者 Node.js 内核层面。本文介绍一些一种在 JS 层面 hack 用户代码的方式。
简单来说浏览器插件，是浏览器上的一种工具，可以提供一些浏览器没有的功能，帮你做一些有趣的事情。开发者可以根据自己的喜欢，去实现一些功能。插件基于Web技术（html、css、js）构建。
在 Vue.js 中，依赖注入[1]（DI）是一种非常常见的跨组件传递数据的方法，它可以帮助我们更好地管理组件之间的依赖关系。本文将介绍 Vue3 中的依赖注入机制，包括 provide() 和 inject() 函数的使用方法、使用注意以及优缺点和适用场景等方面的内容。
https://juejin.cn/post/6949433236787298335
多页面 html 生成 let path = require('path') let htmlWebpackPlugin = require('html-webpack-plugin') functi
# 一、provide / inject 类型定义 # 定义 provide 值的类型 import {InjectIonKey } from 'vue' // 使用 Symbol() 来定义key 因为他不能被重复定义 export default const Theme = Symbol() as InjectIonKey<值的类型> # 传递 provide 值 <script setup lang="ts"> import Theme from 'Theme.js' provide(Theme,
vue-property-decorator是在Vue中使用TypeScript时，非常好用的一个库，使用装饰器来简化书写
这个问题全网只有两个人写过博客 但是不适合我这个 （我也不知道为啥 ） 如果你也有这样的问题可以尝试下： 第一篇博客解决办法发是 webpack 和 webpackServe 及 html-webpack-plugin 版本冲突 这个直接去重写install 个版本就好了 博客链接 ： https://blog.csdn.net/qq_31290307/article/details/86158770 第二篇博客解决办法如下 ： set “html-webpack-plugin”: “^4.0.0-alpha” => “4.0.0-alpha” remove node_modules remove package-lock.json npm install 博客链接： https://www.cnblogs.com/ybz94/p/9625864.html
在\themes\butterfly\source\js目录下创建一个ripples.js文件，并将如下代码写入该文件
总述： provide在父组件中定义，inject 在子孙组件中定义。 provide：选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。 inject ：通常是一个字符串数组。
React 是一个十分庞大的库，由于要同时考虑 ReactDom 和 ReactNative ，还有服务器渲染等，导致其代码抽象化程度很高，嵌套层级非常深，阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中，给我帮助最大的就是这个系列文章，于是决定基于这个系列文章谈一下自己的理解。本文会大量用到原文中的例子，想体会原汁原味的感觉，推荐阅读原文。
过去一周，ChatGPT 是机器学习领域最受关注的话题，随着它的热度不断上升，成功出圈引起了人们的广泛关注和讨论。在惊讶于它的性能和能力的同时，很多开发者也纷纷利用 ChatGPT 的技术，开发出各种有意思的应用。比如 《一大波 ChatGPT 开源项目，诞生了》。
偶然间看到名为Ln的博客界面，感觉这个雪花动效好美哦，之前也看过好多下雪效果，感觉个人唯独中意这款。
在看 https://v3-migration.vuejs.org/breaking-changes/events-api.html
这是我们比较熟悉的方式，主要是父子组件之间的传递方式，父传子使用props，子传父使用$emit.
原文：https://markus.oberlehner.net/blog/context-and-provider-pattern-with-the-vue-3-composition-api/
如果你有babel相关知识基础建议直接跳过 前置知识 部分，直接前往 "插件编写" 部分。
geogebra 动态图可以在网页中显示数学公式，本文记录显示多个geogebra的方法。 实现原理 需要在 hexo 中可以嵌入 geogebra 图像 在 script 语句中建立多个 GGBApplet 对象 在 window.onload 函数中调用多个函数 实现方法 引入 js 文件 本地文件 <script src="/vvd_js/deployggb.js"></script> //路径指向自己建立的js文件 官网文件 <script src="https://cdn.geogebr
别被标题吓到，哈哈，即使现在vite横空出世，社区光芒四射，两个字很快，但是webpack依旧宝刀未老，依然扛起前端工程化的大梁，但是今天我为啥说要拥抱gulp，因为我们常常吃一道菜，所以要换个口味，这样才营养均衡🤣。 gulp定义是：用自动化构建工具增强你的工作流程,是一种基于任务文件流方式,你可以在前端写一些自动化脚本，或者升级历史传统项目，解放你重复打包，压缩，解压之类的操作。 个人理解gulp是一种命令式编程的体验，更注重构建过程，所有的任务需要你自己手动创建，你会对构建流程会非常清楚，这点不像
优点：selenium 的 API 封装遵循 W3C 提供的 webdriver 标准，很好的支持主流浏览器chrome，firefox，IE，Safari等，无论从资料量，社区活跃度，第三方拓展方案等都是首选
依赖注入 DI (Dependency Injection) 是编程领域中一个非常常见的设计模式，它指的是将应用程序所需的依赖关系（如服务或其他组件）通过构造函数参数或属性自动注入的过程。这样做的好处是可以减少组件之间的耦合，更容易测试和维护。
页脚养鱼效果我也是折腾了蛮久的，奈何自己太菜，出现了一些问题也不知道怎么解决，查询一些博客，相关的描述也很简单。这里参考了Ln大佬的博客，总算是搞定了。
上回已经完成了棋盘、线框、棋子的绘制，以及如何计算绘制的位置信息。本次内容将分享这个游戏的实质，数据结构，以及各个对象功能，以及一些对象依赖关系处理的思想。
我的文章，尽量写得让想看源码又不知道怎么看的读者能看懂。我都是推荐使用搭建环境断点调试源码学习，哪里不会点哪里，边调试边看，而不是硬看。正所谓：授人与鱼不如授人予渔。
安装配置 yarn add mobx mobx-react yarn add babel-plugin-transform-decorators-legacy // webpack.config.dev.js webpack.congif.prod.js { test: /\.(js|jsx|mjs)$/, include: paths.appSrc, loader: require.resolve('babel-loader'), options: { plu
Umami 可以统计网页浏览信息，本文记录在 Fluid 主题中加入 Umami 的方法。 前置条件 需要配置好 Umami 服务器 掌握 Fluid 注入使用方法 操作流程 将 Umami 统计链接注入 Fluid 获取 Umami 统计链接 将统计链接注入 Fluid header 中 在 scripts/page.js (没有可以创建) 写入： hexo.extend.filter.register('theme_inject', function(injects) { injects.h
找到主题配置文件_config.butterfly.yml，在inject的bottom处引入以下文件:
之前在codewars上做在线题目时遇到这样一个问题：实现一个依赖注入的“注射器”。当时对依赖注入这一概念还不是很理解，只是根据题目的要求初步认识了依赖注入。题目的要求如下：
前言：以前刚接触 webpack 的时候还是 1，当时大概过了下文档操作了一下当时写的一些注释。后来开发的时候基本写 react 都是用的 create-react-app 或者找别人的搭好的脚手架用。 webpack4 刚出也不算久，重新学习加复习下 webpack 的一些知识。
provide/inject 是 Vue.js 中用于跨组件传递数据的一种高级技术，它可以将数据注入到一个组件中，然后让它的所有子孙组件都可以访问到这个数据。通常情况下，我们在父组件中使用 provide 来提供数据，然后在子孙组件中使用 inject 来注入这个数据。
昨晚写这篇文章的时候，隔壁在聚餐，几位女生欢聚一堂，整个楼层充满了欢声笑语的味道，就好像早上刷牙刷一半就跑去吃了个鸡蛋。
@语法糖报错 解决办法安装下面两个命令 yarn add @babel/plugin-proposal-decorators yarn add @babel/plugin-proposal-class-properties
在之前一段时间，我需要借助Chrome扩展来完成一个需求，当时还在使用油猴脚本与浏览器扩展之间调研了一波，而此时恰好我又有一些做的还可以的油猴脚本 TKScript (点个star吧 😁)，相对会比较熟悉脚本管理器的能力，预估是不太能完成需求的，所以趁着这个机会，我又学习了一波浏览器扩展的能力。那么在后来需求的开发过程中，因为有些能力是类似于脚本管理器提供的基础环境，致使我越来越好奇脚本管理器是怎么实现的，而实际上脚本管理器实际上还是一个浏览器扩展，浏览器也并没有给脚本管理器开后门来实现相关能力，而让我疑惑的三个问题是:
原文：https://vuedose.tips/create-a-i18n-plugin-with-composition-api-in-vuejs-3/
2.接口和类的区别？ 接口只声明成员方法，不做实现 ，class通过implements 来实现接口 ts中接口和类的区别
本系列前几篇文章演示了不用react和es6/babel等如何方便的修改传统的es5代码，但MobX也为react提供了方便的包装方法，本篇还是引入一些jsx语法等，展示利用mobx-react包改善React组件管理状态的流程
把下载好的Js文件放在theme/Butterfly/source/js文件夹下 /Butterfly/layout/includes文件夹下找到head.pug文件，在最后引入
/** * Created by Administrator on 2017/5/29. */ var webpack = require("webpack"); var htmlWebpackPlugin = require("html-webpack-plugin"); var ExtractTextPlugin = require("extract-text-webpack-plugin"); //nodejs的里的一个全局变量,它指向的是我们项目的根目录,入口文件的位置 module.exp
插件是为Vue应用添加可重用功能的好方法。有了大量用于组件、路由等的现有插件，Vue的生态系统为许多常见的用例提供了解决方案。
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/j_bleach/article/details/71018714
Butterfly主题v3.4.0及其以后版本基本已经实现完全去jquery化，而本帖有使用到jquery，不想再次引入js的可以考虑使用站内的原生JS计时器。
WebViewJavascriptBridge 是我用的比较多的一个库，但是 WebViewJavascriptBridge 中在使用时最大的一个缺点就是 WebViewJavascriptBridge 使用了一个中间代理
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
