当前位置： 首页 > news >正文

wabpack学习记录

news 来源：原创 2025/8/26 8:17:32

wabpack学习记录

前言

项目写了不少 对webpack了解甚少 只记住一些 必要的概念以及指令 所以像深究一下具体是什么 可以做什么 如何做等

package.json 文件详解

name: 项目的名称。
version: 项目的版本号。
description: 项目的描述。
author: 项目的作者或维护者信息。
license: 项目的许可证类型
dependencies：生产依赖项列表
devDependencies：开发依赖项列表
scripts  脚本命令 键值对列表
keywords 与项目相关的关键词列表，有助于在npm上搜索项目
repository: 项目的仓库地址，通常是Git仓库
bugs: 项目问题跟踪的地址，通常是仓库的issue页面。
engines: 指定项目所需的Node.js和npm的版本
browserslist: 指定项目支持的浏览器范围
main 项目入口  默认是src/main.js
属性解析
name 项目的名称  必需品 1、唯一标识  2、小写 字符串 下划线 点  建议使用连字符来分隔单词  20 个字符以内
version 当前版本号 必需品 1、版本控制 2、依赖管理  3、npm 发布管理 4、语义化版本:三个数字组成部分  形式为 MAJOR.MINOR.PATCHMAJOR：主版本号。当进行不兼容的API更改时递增。MINOR：次版本号。当添加向后兼容的功能时递增。PATCH：补丁版本号。当修复向后兼容的问题时递增
description 简短的描述1、提高可读性  2、搜索索引  3、描述应尽量简洁，一般一两句话即可，直接说明项目的主要功能或用途
author  作者信息1、作者信息 2、展示与联系 3、代码归属 4、可信度和透明度   姓名 邮箱 网站字符串格式："John Doe <john@example.com> (http://johndoe.com/)"对象格式：{ "name": "John Doe", "email": "john@example.com", "url": "http://johndoe.com/" }
license  项目或包的许可协议 1、法律保护 2、使用规范 3、兼容性常见许可 标识 MIT：非常宽松，只需要保留原始版权声明。适合希望最大限度地简化代码使用限制的开发者。Apache-2.0：类似于 MIT，但增加了专利权条款，保护贡献者免受专利诉讼。GPL-3.0：强制开源，任何基于 GPL 代码的衍生作品也必须开源。适合希望确保代码及其衍生品保持开源的开发者。BSD-3-Clause：类似于 MIT，但要求保留版权声明和免责声明，并禁止使用项目名称和贡献者名称进行背书。"license": "MIT""licenses": [{"type": "MIT","url": "http://opensource.org/licenses/MIT"},{"type": "Apache-2.0","url": "http://www.apache.org/licenses/LICENSE-2.0"}]dependencies 生产依赖项列表 生产环境依赖是项目正常运行时需要的库和工具 一旦移除项目无法正常运行安装方式   npm install <package-name> 或 npm install <package-name> --savedevDependencies 开发依赖项列表开发环境依赖是项目仅在开发过程中使用 一般是 测试库 构建工具 代码格式化工具等安装方式 npm install <package-name> --save-dev

webpack.config.js文件详解

webpack.config.js 是 Webpack 的配置文件，主要用于定义如何构建和打包项目。

entry：入口文件
output：配置打包文件的输出位置和文件名格式。
module： 配置模块的处理规则 
plugins：配置插件，用于执行各种扩展功能
resolve :配置模块解析规则
devServer: 配置开发服务器
mode:配置构建模式（development、production 或 none）
devtool: 配置 Source Map 生成规则，方便调试
解析
entry: './src/index.js'  程序入口
output: 配置打包文件的输出位置和文件名格式output: {path: path.resolve(__dirname, 'dist'),filename: '[name].bundle.js'}
module: 配置模块的处理规则module: {rules: [{test: /\.js$/,exclude: /node_modules/,use: 'babel-loader'},{test: /\.css$/,use: ['style-loader', 'css-loader']}]}
plugins: 配置插件，用于执行各种扩展功能plugins: [new HtmlWebpackPlugin({template: './src/index.html'})]
resolve: 配置模块解析规则，比如扩展名和路径别名。resolve: {extensions: ['.js', '.jsx', '.json'],alias: {'@': path.resolve(__dirname, 'src')}}
devServer: 配置开发服务器devServer: {contentBase: path.join(__dirname, 'dist'),compress: true,port: 9000,hot: true}
mode:配置构建模式（development、production 或 none）mode: 'development'
devtool: 配置 Source Map 生成规则，方便调试。
devtool: 'source-map'

vue.config.js文件详解

1、vue.config.js 是 Vue CLI 项目的配置文件。它提供了一个高层次的配置接口来定制 Vue 项目的构建。

2、Vue CLI 是通过一个名为 @vue/cli-service 的包来管理 Webpack 配置的。它提供了一套默认的 Webpack 配置，并允许用户通过 vue.config.js 文件进行自定义配置。vue.config.js 是 Vue CLI 推荐的配置方式，它能让你在不直接接触 Webpack 配置文件的情况下，修改和扩展默认的 Webpack 配置。
1、publicPath: 部署应用包时的基本 URL。

module.exports = {publicPath: process.env.NODE_ENV === 'production' ? '/production-sub-path/' : '/'
};

2、outputDir: 指定生成的静态资源目录。

module.exports = {outputDir: 'dist',
};

3、assetsDir: 放置生成的静态资源（如 CSS、JS）的目录。

module.exports = {assetsDir: 'static',
};

4、indexPath: 生成的 index.html 的输出路径。

module.exports = {indexPath: 'index.html',
};

5、filenameHashing: 文件名哈希。

module.exports = {filenameHashing: true,
};

6、lintOnSave: 是否在保存时进行代码检查。

module.exports = {lintOnSave: true,
};

7、runtimeCompiler: 是否使用包含运行时编译器的 Vue 构建版本。

module.exports = {runtimeCompiler: false,
};

8、transpileDependencies: 通过 Babel 显式转译的依赖。

module.exports = {transpileDependencies: [],
};

9、productionSourceMap: 是否在生产环境下生成 source map。

module.exports = {productionSourceMap: false,
};

10、configureWebpack: 直接修改或扩展 Webpack 配置。

module.exports = {configureWebpack: {plugins: [new MyAwesomeWebpackPlugin()]}
};

11、chainWebpack: 通过链式操作进一步修改 Webpack 配置。

module.exports = {chainWebpack: config => {config.plugin('html').tap(args => {args[0].title = 'My App Title';return args;});}
};

12、devServer: 配置开发服务器。

module.exports = {devServer: {proxy: 'http://localhost:4000',port: 8080}
};
或
{host: "0.0.0.0",//要使用的主机名 0.0.0.0 全部可访问port: 8081,// 指定开发服务器监听的端口open: true, //开发服务器启动后自动打开浏览器。如果指定字符串，则用该字符串作为 URL 打开hot:true,//启用热模块替换 默认值：true 启用 HMRhistoryApiFallback:false,//当使用 HTML5 History API 时，任意的 404 响应可以提供为 index.html 页面 默认falsedisableHostCheck:false,//禁用主机检查。通常为了开发方便，但不推荐用于生产环境compress: true // 启用 gzip 压缩  默认值：falsebefore: function(app, server) { //在服务器内部所有其他中间件之前执行自定义中间件。这可以用于自定义处理请求。app.get('/some/path', function(req, res) {res.json({ custom: 'response' });});},https: false, // 启用 HTTPS 默认 falseopenPage: "",//默认打开页面路径proxy: {// 配置代理，可以将特定路径的请求代理到另一个服务器'/api': {target: 'http://localhost:5000',//指定代理的目标主机pathRewrite: { '^/api': '' },//重写匹配的路径。例如，将 /auth 替换为空字符串ws: true,//是否启用 WebSocket 代理。默认为 falsesecure: false,//如果是 https 请求，是否验证 SSL 证书。默认为 truechangeOrigin: true,//是否修改请求头中的 Host 字段，使其与 target 的 URL 匹配。默认为 falselogLevel: 'debug',//用于控制代理请求日志输出的级别。可以是 'debug', 'info', 'warn', 'error', 'silent'。bypass: function (req, res, proxyOptions) {//自定义过滤规则，可以根据请求返回特定内容，或者决定是否跳过代理if (req.headers.accept.indexOf('html') !== -1) {return '/index.html';}}}}}

13、css: 配置 CSS 相关选项。

module.exports = {css: {modules: true,extract: true,sourceMap: false,loaderOptions: {sass: {additionalData: `@import "@/styles/variables.scss";`}}}
};

14、pwa: 配置 Progressive Web App (PWA) 的选项。

module.exports = {pwa: {name: 'My App',themeColor: '#4DBA87',msTileColor: '#000000',manifestOptions: {background_color: '#42B883'}}
};

15、pluginOptions: 配置第三方插件的选项。

module.exports = {pluginOptions: {foo: {// 插件的配置}}
};

npm 上传命令

1、登录 2、初始化 3、发布 4、撤销发布(不推荐 建议修正版本)

npm login

npm init

npm publish

npm unpublish

相关文章：

wabpack学习记录

wabpack学习记录 前言 项目写了不少 对webpack了解甚少 只记住一些 必要的概念以及指令 所以像深究一下具体是什么 可以做什么 如何做等 package.json 文件详解 name: 项目的名称。 version: 项目的版本号。 description: 项目的描述。 author: 项目的作者或维护者信息。 l…...

编程日记 2025/8/26 8:17:32

计算机视觉——基于 Yolov8 目标检测与 OpenCV 光流实现目标追踪

1. 概述 目标检测&#xff08;Object Detection&#xff09;和目标追踪&#xff08;Object Tracking&#xff09;是计算机视觉中的两个关键技术&#xff0c;它们在多种实际应用场景中发挥着重要作用。 目标检测指的是在静态图像或视频帧中识别出特定类别的目标对象&#xff0…...

编程日记 2025/8/27 2:08:29

React 更新 state 中的数组

更新 state 中的数组 数组是另外一种可以存储在 state 中的 JavaScript 对象&#xff0c;它虽然是可变的&#xff0c;但是却应该被视为不可变。同对象一样&#xff0c;当你想要更新存储于 state 中的数组时&#xff0c;你需要创建一个新的数组&#xff08;或者创建一份已有数组…...

编程日记 2025/8/22 12:36:55

[250415] OpenAI 推出 GPT-4.1 系列，支持 1M token

目录 OpenAI 推出 GPT-4.1 系列 OpenAI 推出 GPT-4.1 系列 OpenAI 宣布&#xff0c;新一代 GPT-4.1 模型系列正式发布&#xff0c;包括 GPT-4.1, GPT-4.1 mini 和 GPT-4.1 nano 三款模型&#xff0c;该系列模型在各项性能指标上全面超越 GPT-4o 和 GPT-4o mini&#xff0c;尤其…...

编程日记 2025/8/22 19:43:47

分布式锁+秒杀异步优化

文章目录 问题思路setnx实现锁误删问题和解决方案Redis Lua脚本问题引出解决方案 setnx实现的问题Redission快速入门redission可重入锁原理 秒杀优化(异步优化)异步秒杀思路秒杀资格判断Redis消息队列 问题 比如我们两个机器都部署了我们项目&#xff0c;这里nginx使用轮询的方…...

编程日记 2025/8/20 18:21:15

数据服务化 VS 数据中台：战略演进中的价值重构

在企业数据战略的演进历程中&#xff0c;数据中台曾被视为解决数据孤岛的 “万能钥匙”&#xff0c;而数据服务化的兴起则标志着企业从 “数据资源囤积” 向 “数据价值释放” 的深刻转型。两者的核心差异不仅在于技术架构&#xff0c;更在于对数据资产的定位与使用理念的根本分…...

编程日记 2025/8/27 2:08:27

PL/SQL登录慢，程序连接Oracle 提示无法连接或无监听

PL/SQL登录慢&#xff0c;程序连接Oracle 提示无法连接或无监听 错误提示&#xff1a;ORA-12541: TNS: 无监听程序 的解决办法&#xff0c; 现象&#xff1a;PL/SQL登录慢&#xff0c;程序连接Oracle 提示无法连接或无监听 监听已经正常开起&#xff0c;但还是PL/SQL登录慢或…...

编程日记 2025/8/23 16:44:51

【JAVAFX】自定义FXML 文件存放的位置以及使用

情况 1&#xff1a;FXML 文件与调用类在同一个包中&#xff08;推荐&#xff09; 假设类 MainApp 的包是 com.example&#xff0c;且 FXML 文件放在 resources/com/example 下&#xff1a; 项目根目录 ├── src │ └── sample │ └── Main.java ├── src/s…...

编程日记 2025/8/26 22:18:26

DDoS(分布式拒绝服务)攻击

DDoS(分布式拒绝服务)攻击 这是一份全面系统的 DDoS&#xff08;分布式拒绝服务攻击&#xff09;知识总结&#xff0c;适合用于学习、报告、讲稿或者面试准备。内容涵盖定义、原理、危害、利用、工具、防护策略等。 一、什么是DDoS DDoS&#xff08;Distributed Denial of Se…...

编程日记 2025/8/19 21:42:24

scikit-learn初探

KFold k交叉验证&#xff0c;k-1个作为训练集&#xff0c;剩下的作为测试集 split split(X, yNone, groupsNone)X&#xff1a; (n_samples, n_features)的矩阵&#xff0c;行数为n_samples&#xff0c;列数为n_features y&#xff1a;(n_samples,)为列向量&#xff0c;表示监…...

编程日记 2025/8/26 11:41:50

深入解析 sklearn 中的多种特征编码方式：功能、适用场景与选择建议

标题&#xff1a;深入解析 sklearn 中的多种特征编码方式&#xff1a;功能、适用场景与选择建议 摘要&#xff1a; 在机器学习中&#xff0c;特征编码是数据预处理的重要环节&#xff0c;直接影响模型的性能和效果。本文详细介绍了 sklearn 及其生态中&#xff08;含第三方库…...

编程日记 2025/8/23 12:14:59

windows10 wsl2 安装ubuntu和docker

见 弃用Docker Desktop&#xff1a;在WSL2中玩转Docker之Docker Engine 部署与WSL入门-阿里云开发者社区 如果启动docker时报下面这个错&#xff0c; 那是因为systemctl没有启用 sudo systemctl start docker System has not been booted with systemd as init system (PID 1)…...

编程日记 2025/8/20 15:35:47

一文读懂WPF系列之依赖属性与附加属性

依赖属性与附加属性 依赖属性对比C#属性WPF依赖属性&#xff08;Dependency Properties&#xff09;优先级计算与值决策​​回调与验证机制​​WPF 自带的依赖属性自定义依赖属性 附加属性本质与定义​​与依赖属性的区别​​附加属性的典型应用场景自定义附加属性注意事项 属性…...

编程日记 2025/8/17 21:27:37

1×1卷积与GoogleNet

11卷积 卷积核的尺寸等于1的卷积核 11卷积有什么用 1. 通道混合与特征转换 背景&#xff1a;在卷积神经网络中&#xff0c;输入数据通常有多个通道&#xff08;例如RGB图像有3个通道&#xff0c;经过卷积层后通道数可能会增加&#xff09;。不同通道的特征图可能包含了不同的…...

编程日记 2025/8/25 7:27:46

Handsontable 表格组件的使用

文章目录 1. 安装 Handsontable2. 创建一个基本表格3. 主要配置3.1、 data 数据3.2、 columns 指定列配置 4. Handsontable 高级功能4.1、 添加排序4.2、 过滤数据4.3、 选中行高亮4.4、 只读单元格4.5、 校验数据 5. Handsontable 与 Vue结合6. 总结 Handsontable 是一个强大的…...

编程日记 2025/8/26 18:50:22

消息中间件面试题

前言 本章内容来自B站黑马程序员java大厂面试题与小林coding 如有侵权立即删除 博主学习笔记&#xff0c;如果有不对的地方&#xff0c;海涵。 如果这篇文章对你有帮助&#xff0c;可以点点关注&#xff0c;点点赞&#xff0c;谢谢你&#xff01; 1.通用篇 1.1 什么是消息…...

编程日记 2025/8/20 21:24:44

数据结构与算法--1.判断数组中元素是否有重复

在C语言中&#xff0c;我们可以使用类似的方法来实现判断数组中是否有重复值的功能。由于C语言没有内置的哈希集合&#xff08;如Python的set或C的unordered_set&#xff09;&#xff0c;我们需要自己实现一个简单的哈希表或使用其他方法。 方法一&#xff1a;暴力法&#xff…...

编程日记 2025/8/26 22:41:10

硬件工程师面试常见问题（1）

第一问&#xff1a;单片机上电后没有运转&#xff0c;首先要检查什么&#xff1f; &#xff08;1&#xff09;单片机供电是否正常& 电路焊接检查 用万用表测量对应引脚的供电电压&#xff0c;检查对不对。 &#xff08;2&#xff09;单片机复位是否释放 用万用表测量复位引…...

编程日记 2025/8/23 17:18:31

测试100问：web测试和APP测试的区别

哈喽&#xff0c;大家好&#xff0c;我是十二&#xff0c;那今天要为大家分享的是高频面试题&#xff1a;web测试和 App测试的区别。 从功能测试方面来讲&#xff0c;web测试和 App测试在测试的流程以及测试用例的设计上是没有区别的&#xff0c;那主要的区别包含以下三个方面&…...

编程日记 2025/8/26 20:47:26

Leetcode 3518. Smallest Palindromic Rearrangement II

Leetcode 3518. Smallest Palindromic Rearrangement II 1. 解题思路2. 代码实现 题目链接&#xff1a;Leetcode 3518. Smallest Palindromic Rearrangement II 1. 解题思路 这一题是题目Leetcode 3517. Smallest Palindromic Rearrangement I的升级版本&#xff0c;其主要的…...

编程日记 2025/8/25 10:23:40

Golang｜订单相关

文章目录 秒杀写库策略确保缓存的订单数据不丢失 秒杀写库策略 在我们的抽奖函数中&#xff0c;抽中奖品、减库存成功返回给前端后就应该生成订单写入数据库 但是这里有问题&#xff0c;我们的抽奖函数是支持高并发的&#xff0c;并发量大的情况下mysql无法支持这么大并发量的写…...

编程日记 2025/8/25 1:16:41

Python+Playwright：编写自动化测试的避坑策略

PythonPlaywright&#xff1a;编写自动化测试的避坑策略 前言一、告别 time.sleep()&#xff0c;拥抱 Playwright 的智能等待二、选择健壮、面向用户的选择器&#xff0c;优先使用 data-testid三、严格管理环境与依赖&#xff0c;确保一致性四、分离测试数据与逻辑&#xff0c;…...

编程日记 2025/8/25 16:43:56

P12130 [蓝桥杯 2025 省 B] 移动距离

P12130 [蓝桥杯 2025 省 B] 移动距离 - 洛谷 题目描述 小明初始在二维平面的原点&#xff0c;他想前往坐标 (233, 666)。在移动过程中&#xff0c;他只能采用以下两种移动方式&#xff0c;并且这两种移动方式可以交替、不限次数地使用&#xff1a; 水平向右移动&#xff0c;…...

编程日记 2025/8/20 4:08:20

关于 人工智能（AI）发展简史 的详细梳理，按时间阶段划分，涵盖关键里程碑、技术突破、重要人物及挑战

以下是关于 人工智能&#xff08;AI&#xff09;发展简史 的详细梳理&#xff0c;按时间阶段划分&#xff0c;涵盖关键里程碑、技术突破、重要人物及挑战&#xff1a; 字数&#xff1a;约2500字 逻辑结构&#xff1a;时间线清晰&#xff0c;分阶段描述技术突破、关键事件与挑战…...

编程日记 2025/8/25 7:01:13

Formality：Bug记录

相关阅读 Formalityhttps://blog.csdn.net/weixin_45791458/category_12841971.html?spm1001.2014.3001.5482 本文记录博主在使用Synopsys的形式验证工具Formality中遇到的几个Bug。 Bug复现 情况一 // 例1 module dff (input clk, input d_in, output d_out …...

编程日记 2025/8/22 13:34:04

react-07React提交表单数据调用同一方法(高阶函数,函数柯里化概念)

1.高阶函数与函数柯里化概念 高阶函数&#xff1a;符合其中之一&#xff0c;那该函数为高阶函数 1.A函数&#xff0c;接收的参数是一个函数&#xff0c;那么A就是高阶函数2.A函数&#xff0c;调用的返回值是一个函数&#xff0c;那么A就是高阶函数 常见的高阶函数&#xff1a…...

编程日记 2025/8/26 17:40:50

js ES6箭头函数的作用

前置知识 1、箭头函数语法简洁&#xff0c;相较于传统的函数表达式&#xff0c;箭头函数的语法更为简洁&#xff0c;尤其适用于简单的函数。 2、解决this取向问题&#xff0c;在传统函数中&#xff0c;this 的值取决于函数的调用方式&#xff0c;这可能会导致一些难以理解和调…...

编程日记 2025/8/20 13:06:18

淘宝商品数据高并发采集方案：API 接口限流机制与分布式调用实战

一、引言 在电商领域&#xff0c;对淘宝商品数据进行采集是一项常见且重要的任务。随着业务规模的扩大&#xff0c;高并发采集需求日益凸显。然而&#xff0c;淘宝 API 接口存在限流机制&#xff0c;为了高效且合规地完成数据采集&#xff0c;需要采用分布式调用的策略。本文将…...

编程日记 2025/8/22 4:14:47

python爬虫 线程，进程，协程

0x00 线程 线程是一个执行单位&#xff0c;是在一个进程里面的&#xff0c;是共享进程里面的提供的内存等资源&#xff0c;使用多个线程时和使用多个进程相比&#xff0c;多个线程使用的内存等资源较少。进程像一座“房子”&#xff08;独立资源&#xff09;&#xff0c;线程是…...

编程日记 2025/8/26 17:12:20

《忘尘谷》音阶与调性解析

一、音高与音名的对应关系 根据搜索结果及音乐理论&#xff0c;结合《忘尘谷》的曲谱信息&#xff0c;其音阶与调性分析如下&#xff1a; 调性判定 原曲调性为 D调&#xff08;原曲标注为D调&#xff09;&#xff0c;但曲谱编配时采用 C调指法&#xff0c;通过变调夹夹2品&…...

编程日记 2025/8/27 1:21:02

实验一 HDFS的Shell操作

一、实验目的 熟悉HDFS Shell的语法格式&#xff0c;完成对HDFS上文件和目录的一系列操作 二、实验要求 2.1 练习dfs常用的子命令 ① -ls ② -du ③ -mv ④ -cp ⑤ -rm ⑥ -put ⑦ -cat ⑧ -help ⑨ -mkdir ⑩ -get 2.2通过Shell脚本定时采集数据到HDFS 三、实…...

编程日记 2025/8/17 18:42:05

安装SQLServer管理工具

1.回到安装SQLServer的页面&#xff0c;选择安装SQLServer的管理工具2.跳转官网下载 3.安装SSMS 4.安装中5.安装成功以后打开软件&#xff0c;输入信息连接数据库 也可以在本机通过证书链接选择Windows身份验证&#xff0c;就不需要输入账号密码&#xff0c;但只能在安装sql…...

编程日记 2025/8/20 12:38:27

从JSON到SQL：基于业务场景的SQL生成器实战

引言 在数据驱动的业务场景中&#xff0c;将业务需求快速转化为SQL查询是常见需求。本文将通过一个轻量级的sql_json_to_sql函数&#xff0c;展示如何将JSON格式的查询描述转换为标准SQL语句&#xff0c;并结合实际业务场景验证其功能。 核心代码解析 1. 代码实现 def sql_j…...

编程日记 2025/8/27 0:19:27

记录鸿蒙应用上架应用未配置图标的前景图和后景图标准要求尺寸1024px*1024px和标准要求尺寸1024px*1024px

审核报错【①应用未配置图标的前景图和后景图，标准要求尺寸1024px*1024px且需下载HUAWEI DevEco Studio 5.0.5.315或以上版本进行图标再处理、②应用在展开状态下存在页面左边距过大的问题, 应用在展开状态下存在页面右边距过大的问题, 当前页面左边距: 504 px, 当前页面右边距…...

编程日记 2025/8/21 9:23:40

蓝桥杯嵌入式十六届赛前复习总结与准备

一.软件使用 赛点是没有网络的&#xff0c;要自己下载原件与数据包&#xff0c;这里给大家一个演示 在updater Settings这里设置文件存放位置&#xff0c;为了方便查找和提交文件&#xff0c;建议在桌面建立一个文件夹来存放。 把赛点的芯片包复制到创建的文件夹然后解压缩 之…...

编程日记 2025/8/23 8:09:24

了解一下Unity的RenderQueue

在Unity中&#xff0c;场景里的每个物体都需要通过渲染管线绘制到屏幕上。渲染管线处理光照、材质、纹理等信息&#xff0c;最终决定物体的显示效果。但当场景中有多个物体时&#xff0c;它们的绘制顺序会直接影响画面结果&#xff0c;尤其是在涉及透明物体或特效时。这时&…...

编程日记 2025/8/26 12:48:08

使用CS Roofline Toolkit测量带宽

使用CS Roofline Toolkit测量带宽 工程下载&#xff1a;使用CS Roofline Toolkit测量带宽-案例工程文件&#xff0c;也可以按照下面的说明使用git clone下载 目录 使用CS Roofline Toolkit测量带宽0、Roofline模型理解1、CS Roofline Toolkit下载1.1、设置代理1.2、git clone下…...

编程日记 2025/8/25 9:21:51

第三篇:深入 Framer Motion Variants：掌握组件动画编排的艺术

&#x1f3af; 前言 在动态交互主导的现代前端开发中&#xff0c;优雅的动画效果已成为提升用户体验的重要元素。Framer Motion 的 Variants&#xff08;动画变体&#xff09;功能&#xff0c;通过状态化管理和动画编排能力&#xff0c;让复杂动效的实现变得前所未有的高效。本…...

编程日记 2025/8/21 20:22:22

狂神SQL学习笔记四：基本的命令行操作

注&#xff1a;所有语句用 ; 结尾&#xff0c;– 单行注释&#xff0c;/* 多行注释 */ 连接数据库 mysql -uroot -p123456 --连接数据库查看所有的数据库 切换数据库 查看数据库中所有的表 显示数据库中所有表的信息 创建一个数据库 退出连接...

编程日记 2025/8/22 1:09:42

架构思维：缓存层场景实战_读缓存（下）

文章目录 Pre业务场景缓存存储数据的时机与常见问题解决方案1. 缓存读取与存储逻辑2. 高并发下的缓存问题及解决方案3. 缓存预热&#xff08;减少冷启动问题&#xff09; 缓存更新策略&#xff08;双写问题&#xff09;1. 先更新缓存&#xff0c;再更新数据库&#xff08;不推荐…...

编程日记 2025/8/25 1:36:19

软件架构设计：MVC、MVP、MVVM、RIA 四大风格优劣剖析

MVC、MVP、MVVM 和 RIA 都是软件架构中常见的设计风格&#xff0c;以下是对它们的详细介绍&#xff1a; 一、MVC 架构风格&#xff08;Model - View - Controller&#xff09; 1.简介&#xff1a;MVC 架构风格将软件应用程序分为三个核心部分&#xff0c;通过这种划分来分离不…...

编程日记 2025/8/27 1:03:54

java基础课程-springmvc课程

一. 回顾MVC&#xff1a; tomcat是servlet容器&#xff0c; servlet实现方式&#xff1a; xml中配置&#xff1a; 二. 回顾servlet: 三. SpringMvc学习 3.1 springMvc搭建和讲解&#xff1a; jar包引入spring-webmvc即可。 核心&#xff1a;DispatcherServlet Spring的web…...

编程日记 2025/8/26 23:38:07

NLP高频面试题（四十二）——RAG系统评估：方法、指标与实践指南

1. 引言：RAG系统概述与评估挑战 检索增强生成（Retrieval-Augmented Generation，简称 RAG）是近年来自然语言处理领域的一个重要进展。RAG系统在大型语言模型生成文本的过程中引入了外部检索模块，从外部知识库获取相关信息，以缓解纯生成模型可能出现的幻觉和知识盲点。通过…...

编程日记 2025/8/20 22:23:58

Flutter学习 滚动组件（1）：ListView基本使用

目录 一、ListView构造方法1.1 常规方法1.2 ListView.builder1.3 ListView.separated 二、自定义ListView样式和布局&#xff1a;三、ListView性能优化&#xff1a;总结&#xff1a; 一、ListView构造方法 主要以下几种方法&#xff1a; 常规方法&#xff0c;直接使用默认的构…...

编程日记 2025/8/26 14:58:05

处理 Flutter 没有反应

现象 有以下几种 VS Code 中 Initializing the Flutter SDK. This may take a few minutes. 会一直维持在这个右下角提示窗, 但是无后续动作 Flutter CMD flutter_console.bat 执行 --version 或者 doctor [-v] 没有任何输出, 命令卡住 解决办法 参考官方说明 管理员身份…...

编程日记 2025/8/22 8:28:58

java面向对象06：封装

封装 该露的露&#xff0c;该藏的藏 我们程序设计要追求“高内聚&#xff0c;低耦合”。高内聚就是类的内部数据操作细节自己完成&#xff0c;不允许外部干涉&#xff1b;低耦合&#xff1a;仅暴露少量的方法给外部使用。 封装&#xff08;数据的隐藏&#xff09; 通常&#x…...

编程日记 2025/8/22 23:11:18

测试定时发布

测试定时发布 测试定时发布 测试定时发布 测试定时发布 欢迎使用Markdown编辑器 你好&#xff01; 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章&#xff0c;了解一下Markdown的基本语法知识。 新的改变 我…...

编程日记 2025/8/24 2:01:44

2025年4月15日 百度一面 面经

目录 1. 代理相关 从静态代理到动态代理 2. cglib可以代理被final修饰的类吗，为什么 3. JVM 体系结构 4. 垃圾回收算法 5. 什么是注解 如何使用 底层原理 6. synchronized和reentrantlock 7. 讲一下你项目中 redis的分布式锁 与java自带的锁有啥区别 8. post 请求和 ge…...

编程日记 2025/8/25 17:28:18

抖音卸载了ip属地还会更新吗？深度解析

近期&#xff0c;关于抖音IP属地显示功能的讨论热度持续攀升&#xff0c;许多用户提出疑问&#xff1a;如果卸载抖音APP&#xff0c;账号的IP属地还会继续更新吗&#xff1f;这一问题背后&#xff0c;既涉及平台算法的运作逻辑&#xff0c;也关乎用户对隐私保护的深层需求。本文…...

编程日记 2025/8/26 3:53:37

Spring IoC与DI详解：从Bean概念到手写实现

一、Spring Bean的概念与本质 1.1 什么是Bean&#xff1f; 在Spring框架中&#xff0c;Bean是一个由Spring IoC容器实例化、组装和管理的对象。Bean及其之间的依赖关系通过容器使用的配置元数据来定义。简单来说&#xff0c;Bean就是Spring容器管理的Java对象。简单来说&…...

编程日记 2025/8/21 8:50:27