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

前端面试笔试题目（一）

news 来源：原创 2025/5/21 18:24:15

以下模拟了大厂前端面试流程，并给出了涵盖HTML、CSS、JavaScript等基础和进阶知识的前端笔试题目，以帮助你更好地准备面试。

面试流程模拟

1. 自我介绍（5 - 10分钟）：面试官会请你进行简单的自我介绍，包括教育背景、工作经历（实习经历）、项目经验、技术特长等。在自我介绍时，突出与前端开发相关的亮点，如参与过的重要项目、取得的技术成果等。

2. 基础知识考察（15 - 20分钟）：面试官会围绕前端基础技术栈进行提问，包括HTML、CSS、JavaScript的核心概念、特性和应用场景。例如：

• HTML5 新特性有哪些？如何在项目中应用语义化标签？

• CSS 盒模型的理解，如何实现水平垂直居中？

• JavaScript 数据类型有哪些？基本类型和引用类型的区别。

3. 项目经验深挖（20 - 30分钟）：面试官会针对你简历中提及的项目进行深入询问，了解你在项目中的具体职责、遇到的问题及解决方案，考察你的项目实践能力和解决问题的能力。例如：

• 介绍一下你最满意的一个项目，你在其中承担了哪些关键任务？

• 在项目开发过程中，遇到过哪些性能优化的问题？你是如何解决的？

4. 框架与工具考察（15 - 20分钟）：大厂通常会使用流行的前端框架和工具，面试官会考察你对相关框架（如Vue、React、Angular）和构建工具（如Webpack、Gulp）的掌握程度。例如：

• Vue 的响应式原理是什么？如何实现一个自定义指令？

• React 中组件的生命周期有哪些阶段？在不同阶段适合做哪些操作？

• Webpack 的工作原理，如何配置一个基本的Webpack项目？

5. 算法与逻辑思维考察（10 - 15分钟）：通过一些简单的算法题或逻辑题，考察你的编程思维和解决问题的能力。例如：

• 实现一个函数，用于判断一个字符串是否为回文。

• 给定一个数组，找出其中重复出现的元素。

6. 开放性问题（5 - 10分钟）：面试官会提出一些开放性问题，了解你的技术视野、学习能力和团队协作能力。例如：

• 你平时是如何学习前端新技术的？

• 在团队开发中，如何与后端开发人员进行有效的沟通协作？

7. 提问环节（5 - 10分钟）：面试接近尾声时，面试官会给你机会提问，你可以询问关于公司文化、团队架构、工作内容、职业发展等方面的问题。

笔试题目

一、选择题（每题3分，共30分）

1. 以下哪个不是HTML5的语义化标签？（  ）
A. <header>  B. <nav>  C. <article>  D. <span>

2. CSS中设置元素浮动的属性是（  ）
A. display  B. float  C. position  D. clear

3. JavaScript中，以下哪种方式可以获取所有class为“example”的元素？（  ）
A. document.getElementById('example')
B. document.getElementsByClassName('example')
C. document.querySelector('.example')
D. document.querySelectorAll('.example')

4. 以下关于Vue生命周期的说法，错误的是（  ）
A. created钩子函数在组件实例创建完成后立即调用
B. mounted钩子函数在组件挂载到DOM后调用
C. updated钩子函数在组件数据更新时调用，且仅调用一次
D. beforeDestroy钩子函数在组件销毁前调用

5. 在React中，以下哪种方式可以实现组件的状态更新？（  ）
A. 直接修改state对象的属性
B. 使用setState方法
C. 修改props对象的属性
D. 调用render方法

二、简答题（每题10分，共30分）

1. 请简述HTTP和HTTPS的区别。

2. 解释一下JavaScript中的闭包，它有什么用途？请举例说明。

3. 如何优化前端页面的加载速度？请列举至少三种方法。

三、编程题（每题20分，共40分）

1. 使用HTML、CSS和JavaScript实现一个简单的图片轮播效果，要求可以自动播放，并且支持手动点击切换图片。

2. 给定一个数组，数组中包含若干个对象，每个对象都有name和age属性，请编写一个函数，按照age从大到小的顺序对数组进行排序，并返回排序后的数组。示例输入：[{name: 'Alice', age: 25}, {name: 'Bob', age: 30}, {name: 'Charlie', age: 20}]，示例输出：[{name: 'Bob', age: 30}, {name: 'Alice', age: 25}, {name: 'Charlie', age: 20}]。

—————————————————————————

以下继续从基础、进阶、综合应用三个难度层面，为你提供涵盖前端开发不同知识模块的更多题目案例，帮助你全面了解前端面试笔试的出题范围和考察重点。

一、基础题

（一）选择题

1. 在HTML中，用于定义表格标题的标签是（  ）
A. <caption>  B. <head>  C. <title>  D. <thead>

2. CSS属性transform中，scale()函数的作用是（  ）
A. 旋转元素  B. 缩放元素  C. 移动元素  D. 倾斜元素

3. JavaScript中，null和undefined的区别是（  ）
A. null表示一个空对象指针，undefined表示变量声明但未赋值
B. 两者没有区别，可以互换使用
C. null是一个数字类型，undefined是一个字符串类型
D. null表示变量未声明，undefined表示变量声明但未赋值

4. 以下哪个事件在页面DOM加载完成后触发（  ）
A. load  B. DOMContentLoaded  C. resize  D. scroll

5. 关于HTML表单提交，以下说法正确的是（  ）
A. 只能使用GET方法提交表单数据
B. POST方法提交的数据会显示在URL中
C. enctype属性用于指定表单数据的编码方式
D. 表单提交后不能跳转到其他页面

（二）简答题

1. 请简述HTML5中localStorage和sessionStorage的区别及使用场景。

2. 解释CSS中的box-sizing属性，它有哪些取值及各自的作用？

3. 如何在JavaScript中创建一个对象，并为其添加属性和方法？请举例说明。

二、进阶题

（一）选择题

1. 在Vue中，父子组件之间传递数据的方式有（  ）
A. props和$emit  B. v-model  C. ref  D. computed

2. React中，函数组件和类组件的主要区别是（  ）
A. 函数组件不能使用state，类组件可以
B. 类组件性能更好，函数组件性能较差
C. 函数组件没有生命周期，类组件有
D. 函数组件不能接收props，类组件可以

3. Webpack中，loader和plugin的区别是（  ）
A. loader用于处理模块的加载，plugin用于扩展Webpack的功能
B. loader和plugin功能相同，可以互换使用
C. loader是全局的，plugin是局部的
D. loader用于优化代码，plugin用于打包代码

4. 在JavaScript中，Promise的then方法返回的是（  ）
A. 一个新的Promise对象  B. 原始的Promise对象
C. 一个普通的JavaScript对象  D. 一个数组

5. 关于CSS预处理器（如Sass、Less），以下说法错误的是（  ）
A. 可以使用变量、混合（mixin）等特性，提高代码的可维护性
B. 最终会被编译成普通的CSS代码
C. 不能嵌套编写CSS规则
D. 可以使用函数进行计算

（二）简答题

1. 请简述JavaScript中的事件循环机制（Event Loop），它是如何处理异步任务的？

2. 在React中，什么是虚拟DOM（Virtual DOM）？它的优势是什么？

3. 如何在Vue项目中实现路由懒加载？这样做的好处是什么？

三、综合应用题

1. 使用HTML、CSS和JavaScript实现一个简单的购物车功能，要求：

• 页面展示商品列表，每个商品包含图片、名称、价格和数量输入框。

• 可以在数量输入框中修改商品数量，实时计算商品总价和购物车总价。

• 可以将商品从购物车中移除。

2. 假设你正在开发一个电商网站，需要实现商品搜索功能。后端提供了一个API接口，接受一个搜索关键词参数，返回匹配的商品列表数据。请使用Vue或React框架，结合Axios库实现该功能，要求：

• 页面有一个搜索输入框和搜索按钮。

• 点击搜索按钮后，发送HTTP请求到后端API，获取并展示搜索结果。

• 对搜索结果进行分页展示，每页显示10条数据。

—————————————————————————
 

一、选择题

1. 下列关于async/await的描述，错误的是（  ）
A. async函数总是返回一个Promise对象
B. await只能在async函数内部使用
C. await可以等待普通函数的执行结果
D. async/await使异步代码看起来更像同步代码，提高了代码的可读性

2. 在CSS中，要实现元素的模糊效果，应使用以下哪个属性？（  ）
A. opacity  B. filter: blur()  C. visibility  D. transform: blur()

3. 以下哪种情况会触发JavaScript的Error事件？（  ）
A. 变量未声明就使用  B. 函数调用时参数个数不匹配
C. 访问对象不存在的属性  D. 所有上述情况

4. 在HTML中，<input>标签的type属性设置为email时，浏览器会（  ）
A. 自动弹出邮件客户端  B. 对输入内容进行基本的邮箱格式验证
C. 显示一个邮件发送按钮  D. 没有任何特殊效果

5. 在Vue中，watch选项用于（  ）
A. 监听数据的变化并执行相应的回调函数
B. 计算属性的实时更新
C. 定义全局过滤器
D. 注册自定义指令

二、简答题

1. 解释JavaScript中的this关键字，在不同的调用场景下（函数调用、方法调用、构造函数调用、箭头函数），this的指向分别是什么？

2. 什么是CSS的BFC（块级格式化上下文）？如何触发BFC？BFC有哪些应用场景？

3. 在前端开发中，跨域请求是一个常见的问题。请简述跨域产生的原因，并列举至少两种解决跨域问题的方法。

三、编程题

1. 编写一个JavaScript函数，实现数组去重功能。要求：函数接收一个数组作为参数，返回去重后的新数组。不能使用Set数据结构，只能使用基本的JavaScript语法实现。例如输入[1, 2, 2, 3, 4, 4, 5]，输出[1, 2, 3, 4, 5]。

2. 使用React实现一个简单的计数器组件。要求：

• 组件包含一个显示当前计数的数字区域。

• 有两个按钮，一个用于增加计数，另一个用于减少计数。

• 每次点击按钮，计数数字实时更新，并在控制台打印当前的计数值。

3. 假设你有一个包含多个城市天气数据的JSON数组，每个对象包含城市名称（city）、温度（temperature）和天气状况（weather）等属性。使用HTML、CSS和JavaScript实现一个天气展示页面，要求：

• 页面从JSON数据中获取天气信息，并以列表形式展示每个城市的天气。

• 提供一个搜索框，用户输入城市名称后，实时过滤并展示匹配的城市天气信息。

• 点击某个城市的天气信息时，弹出一个提示框，显示该城市的详细天气信息。

 

 

相关文章：

前端面试笔试题目（一）

以下模拟了大厂前端面试流程&#xff0c;并给出了涵盖HTML、CSS、JavaScript等基础和进阶知识的前端笔试题目&#xff0c;以帮助你更好地准备面试。 面试流程模拟 1. 自我介绍&#xff08;5 - 10分钟&#xff09;&#xff1a;面试官会请你进行简单的自我介绍&#xff0c;包括…...

编程日记 2025/5/21 18:24:15

网络工程师 （10）设备管理

前言 设备管理中的数据传输控制方式是确保设备与内存&#xff08;或CPU&#xff09;之间高效、准确地进行数据传送的关键。 一、程序直接控制方式 1.工作原理&#xff1a; 由CPU发出I/O指令&#xff0c;直接控制数据的传输过程。CPU需要不断查询外设的状态&#xff0c;以确定数…...

编程日记 2025/5/21 18:15:21

如何让一个用户具备创建审批流程的权限

最近碰到一个问题&#xff0c;两个sandbox&#xff0c;照理用户的权限应该是一样的&#xff0c;结果开发环境里面我可以左右的做各种管理工作&#xff0c;但是使用change set上传后&#xff0c;另一个环境的同一个用户&#xff0c;没有相对于的权限&#xff0c;权限不足。 当时…...

编程日记 2025/5/21 17:11:36

unity学习23：场景scene相关，场景信息，场景跳转

目录 1 默认场景和Assets里的场景 1.1 scene的作用 1.2 scene作为project的入口 1.3 默认场景 2 场景scene相关 2.1 创建scene 2.2 切换场景 2.3 build中的场景&#xff0c;在构建中包含的场景 &#xff08;否则会认为是失效的Scene&#xff09; 2.4 Scenes in Bui…...

编程日记 2025/5/20 19:05:00

【Java高并发】基于任务类型创建不同的线程池

文章目录 一. 按照任务类型对线程池进行分类1. IO密集型任务的线程数2. CPU密集型任务的线程数3. 混合型任务的线程数 二. 线程数越多越好吗三. Redis 单线程的高效性 使用线程池的好处主要有以下三点&#xff1a; 降低资源消耗&#xff1a;线程是稀缺资源&#xff0c;如果无限…...

编程日记 2025/5/21 17:33:25

全网首发，MacMiniA1347安装飞牛最新系统0.8.36，改造双盘位NAS，超详细.36，改造双盘位nas，超详细

全网首发&#xff0c;MacMiniA1347安装飞牛最新系统0.8.36&#xff0c;改造双盘位NAS&#xff0c;超详细 小伙伴们大家好呀&#xff0c;勤奋的凯尔森同学又双叒叕来啦&#xff0c;今天这一期也是有点特别&#xff0c;我们把MacMiniA1347安装飞牛最新系统0.8.36&#xff0c;并且…...

编程日记 2025/5/21 13:30:52

简要介绍C++中的 max 和 min 函数以及返回值

简要介绍C中的 max 和 min 函数 在C中&#xff0c;std::max 和 std::min 是标准库 <algorithm> 中提供的函数&#xff0c;用于比较两个或多个值并返回最大值或最小值。这些函数非常强大且灵活&#xff0c;支持多种数据类型&#xff08;如整数、浮点数、字符串等&#xff…...

编程日记 2025/5/19 11:39:33

【基于SprintBoot+Mybatis+Mysql】电脑商城项目之用户注册

&#x1f9f8;安清h&#xff1a;个人主页 &#x1f3a5;个人专栏&#xff1a;【计算机网络】【Mybatis篇】 &#x1f6a6;作者简介&#xff1a;一个有趣爱睡觉的intp&#xff0c;期待和更多人分享自己所学知识的真诚大学生。 目录 &#x1f3af;项目基本介绍 &#x1f6a6;项…...

编程日记 2025/5/17 17:16:12

记忆化搜索（5题）

是什么&#xff1f; 是一个带备忘录的递归 如何实现记忆化搜索 1.添加一个备忘录&#xff08;建立一个可变参数和返回值的映射关系&#xff09; 2.递归每次返回的时候把结果放到备忘录里 3.在每次进入递归的时候往备忘录里面看看。 目录 1.斐波那契数列 2.不同路径 3.最…...

编程日记 2025/5/21 17:49:56

强化学习笔记——4策略迭代、值迭代、TD算法

基于策略迭代的贝尔曼方程和基于值迭代的贝尔曼方程&#xff0c;关系还是不太理解 首先梳理一下&#xff1a; 通过贝尔曼方程将强化学习转化为值迭代和策略迭代两种问题 求解上述两种贝尔曼方程有三种方法&#xff1a;DP&#xff08;有模型&#xff09;&#xff0c;MC&#xff…...

编程日记 2025/5/21 17:19:32

nginx目录结构和配置文件

nginx目录结构 [rootlocalhost ~]# tree /usr/local/nginx /usr/local/nginx ├── client_body_temp # POST 大文件暂存目录 ├── conf # Nginx所有配置文件的目录 │ ├── fastcgi.conf # fastcgi相关参…...

编程日记 2025/5/21 17:36:41

Spring RESTful API 设计与实现

Spring RESTful API的设计与实现极大地提升了开发效率和系统可维护性，通过遵循RESTful设计原则，使得API结构清晰、行为一致，便于扩展和维护。它在构建微服务架构中扮演着核心角色，支持松耦合的通信，同时通过标准的HTTP协议和数据格式增强了系统的互操作性。结合Spring Sec…...

编程日记 2025/5/21 4:45:12

【玩转全栈】--创建一个自己的vue项目

目录 vue介绍 创建vue项目 vue页面介绍 element-plus组件库 启动项目 vue介绍 Vue.js 是一款轻量级、易于上手的前端 JavaScript 框架&#xff0c;旨在简化用户界面的开发。它采用了响应式数据绑定和组件化的设计理念&#xff0c;使得开发者可以通过声明式的方式轻松管理数据和…...

编程日记 2025/5/21 17:07:58

【Envi遥感图像处理】008：波段（批量）分离与波段合成

文章目录 一、波段分离提取1. 提取单个波段2. 批量提取单个波段二、波段合成相关阅读：【ArcGIS微课1000例】0058：波段合成(CompositeBands)工具的使用 一、波段分离提取 1. 提取单个波段...

编程日记 2025/5/21 18:05:23

数据结构-Stack和栈

1.栈 1.1什么是栈 栈是一种特殊的线性表&#xff0c;只允许在固定的一段进行插入和删除操作&#xff0c;进行插入和删除操作的一段称为栈顶&#xff0c;另一端称为栈底。 栈中的数据元素遵顼后进先出LIFO&#xff08;Last In First Out&#xff09;的原则&#xff0c;就像一…...

编程日记 2025/5/17 4:02:04

内容检索（2025.01.30）

随着创作数量的增加&#xff0c;博客文章所涉及的内容越来越庞杂&#xff0c;为了更为方便地阅读&#xff0c;后续更新发布的文章将陆续在此汇总并附上原文链接&#xff0c;感兴趣的小伙伴们可持续关注文章发布动态&#xff01; 博客域名&#xff1a;http://my-signal.blog.cs…...

编程日记 2025/5/21 17:44:42

牛客周赛 Round 77

题目目录 C-小红走网格解题思路参考代码 D-隐匿社交网络解题思路参考代码 F-计树解题思路参考代码 C-小红走网格 解题思路 根据裴蜀定理&#xff1a;设a&#xff0c;b是不全为0的整数&#xff0c;对任意整数x&#xff0c;y&#xff0c;满足gcd&#xff08;a&#xff0c;b&…...

编程日记 2025/5/21 17:57:17

c++面试：类定义为什么可以放到头文件中

这个问题是刚了解预编译的时候产生的疑惑。 声明是指向编译器告知某个变量、函数或类的存在及其类型&#xff0c;但并不分配实际的存储空间。声明的主要目的是让编译器知道如何解析程序中的符号引用。定义不仅告诉编译器实体的存在&#xff0c;还会为该实体分配存储空间&#…...

编程日记 2025/5/21 18:18:45

Oracle查看数据库表空间使用情况

Oracle RAC环境查看表空间使用情况 查询字段释义&#xff1a; NEED_ADDFILE,--是否需增加表空间文件 TABLESPACE_NAME,--表空间名称 TABLESPACE_FILE_COUNT, --表空间当前数据文件数量 NOW_FILEENABLE_BLOCKS,--表空间文件当前数据块数 NOW_FILEENABLE_BYTES_GB,--表空间文件当…...

编程日记 2025/5/20 23:03:00

Spring Boot 热部署实现指南

在开发 Spring Bot 项目时&#xff0c;热部署功能能够显著提升开发效率&#xff0c;让开发者无需频繁重启服务器就能看到代码修改后的效果。下面为大家详细介绍一种实现 Spring Boot 热部署的方法&#xff0c;同时也欢迎大家补充其他实现形式。 步骤一、开启 IDEA 自动编译功能…...

编程日记 2025/5/19 10:12:10

如何构建ObjC语言编译环境?构建无比简洁的clang编译ObjC环境？Windows搭建Swift语言编译环境？

如何构建ObjC语言编译环境? 除了在线ObjC编译器&#xff0c;本地环境Windows/Mac/Linux均可以搭建ObjC编译环境。 Mac自然不用多说&#xff0c;ObjC是亲儿子。(WSL Ubuntu 22.04) Ubuntu可以安装gobjc/gnustep和gnustep-devel构建编译环境。 sudo apt-get install gobjc gnus…...

编程日记 2025/5/20 9:18:44

C++——类和对象（下）

1.初始化列表 之前我们实现构造函数时&#xff0c;初始化成员变量主要使用函数体内赋值&#xff0c;构造函数初始化还有一种方式&#xff0c;就是初始化列表&#xff0c;初始化列表的使用方式是以一个冒号开始&#xff0c;接着是一个以逗号分隔的数据成员列表&#xff0c;每个…...

编程日记 2025/5/21 13:59:32

R 字符串：深入理解与高效应用

R 字符串：深入理解与高效应用 引言 在R语言中，字符串是数据处理和编程中不可或缺的一部分。无论是数据清洗、数据转换还是数据分析，字符串的处理都是基础技能。本文将深入探讨R语言中的字符串概念，包括其基本操作、常见函数以及高效应用方法。 字符串基本概念 字符串定…...

编程日记 2025/5/17 4:02:08

C#面试常考随笔7:什么是匿名⽅法？还有Lambda表达式？

匿名方法本质上是一种没有显式名称的方法&#xff0c;它可以作为参数传递给需要委托类型的方法&#xff0c;常用于事件处理、回调函数等场景&#xff0c;能够让代码更加简洁和紧凑。 使用场景 事件处理&#xff1a;在处理事件时&#xff0c;不需要为每个事件处理程序单独定义…...

编程日记 2025/5/21 17:21:05

舵机型号与识别

舵机型号繁多&#xff0c;不同品牌和制造商有不同的命名规则。常见的舵机品牌包括 Futaba、Hitec、Tower Pro、Savox、JX Servo 等。以下是舵机型号的常见识别方法以及一些典型的型号示例&#xff1a; 一、舵机型号的识别方法 型号命名规则&#xff1a; 舵机型号通常由字母和数…...

编程日记 2025/5/21 16:49:40

【memgpt】letta 课程6： 多agent编排

Lab 6: Multi-Agent Orchestration 多代理协作 letta 是作为一个服务存在的，app通过restful api 通信 多智能体之间如何协调与沟通？ 相互发送消息共享内存块，让代理同步到不同的服务的内存块...

编程日记 2025/5/21 16:53:19

《DeepSeek手机版：开启AI移动新时代》

DeepSeek 手机版爆火&#xff1a;现象与背景 在当今数字化时代&#xff0c;AI 技术的发展日新月异&#xff0c;如同一股汹涌澎湃的浪潮&#xff0c;深刻地改变着我们的生活。而在这股浪潮中&#xff0c;DeepSeek 手机版宛如一颗璀璨的新星&#xff0c;迅速崛起&#xff0c;引发…...

编程日记 2025/5/21 4:01:05

列表（列表是什么）

你将学习列表是什么以及如何使用列表元素。列表让你能够在一个地方存储成组的信息&#xff0c;其中可以只包含几个元素&#xff0c;也可以包含数百万个元素。 列表是新手可直接使用的最强大的Python功能之一&#xff0c;它融合了众多重要的编程概念。 列表是什么 列表 由一系列…...

编程日记 2025/5/21 17:16:37

C语言-运算符

1. 按位与运算符&#xff08;&&#xff09; 按位与运算符对两个整数的每一位执行“与”操作。只有当两个相应位都为 1 时&#xff0c;结果才为 1 &#xff1b;否则为 0。 // 示例 int a 5; // 二进制: 0101 int b 3; // 二进制: 0011 int result a & b; …...

编程日记 2025/5/20 17:29:55

yolov11、yolov8部署的7种方法（yolov11、yolov8部署rknn的7种方法），一天一种部署方法，7天入门部署

由于涉及量化、部署两个领域&#xff0c;本博文难免有不对之处&#xff0c;欢迎指正。 本博客对 yolov11&#xff08;yolov8&#xff09;尝试了7种不同的部署方法&#xff0c;在最基础的模型上一步一步的去掉解码相关的操作&#xff08;移到后处理种进行&#xff09;&#xff0…...

编程日记 2025/5/21 17:25:34

事务03之MVCC机制

MVCC 多版本并发控制机制 文章目录 MVCC 多版本并发控制机制一&#xff1a;并发事务的场景1&#xff1a;读读场景2&#xff1a;写写场景3&#xff1a;读写 or 写读场景 二&#xff1a;MVCC机制综述1&#xff1a;MVCC日常生活的体现2&#xff1a;多版本并发控制 三&#xff1a;M…...

编程日记 2025/5/21 10:16:23

Autosar-Os是怎么运行的？（时间保护）

写在前面&#xff1a; 入行一段时间了&#xff0c;基于个人理解整理一些东西&#xff0c;如有错误&#xff0c;欢迎各位大佬评论区指正&#xff01;&#xff01;&#xff01; 1.功能概述 AUTOSAR OS 的四大可定制类型凸显了时间保护&#xff08;Timing Protection&#xff09;…...

编程日记 2025/5/19 22:59:12

论文阅读(九)：通过概率图模型建立连锁不平衡模型和进行关联研究：最新进展访问之旅

1.论文链接&#xff1a;Modeling Linkage Disequilibrium and Performing Association Studies through Probabilistic Graphical Models: a Visiting Tour of Recent Advances 摘要&#xff1a; 本章对概率图模型&#xff08;PGMs&#xff09;的最新进展进行了深入的回顾&…...

编程日记 2025/5/21 18:20:27

python学opencv|读取图像（五十二）使用cv.matchTemplate()函数实现最佳图像匹配

【1】引言 前序学习了图像的常规读取和基本按位操作技巧&#xff0c;相关文章包括且不限于&#xff1a; python学opencv|读取图像-CSDN博客 python学opencv|读取图像&#xff08;四十九&#xff09;原理探究&#xff1a;使用cv2.bitwise()系列函数实现图像按位运算-CSDN博客…...

编程日记 2025/5/21 3:07:48

视频脚本生成器（基于openai API和streamlit）

utils.py&#xff1a; # 所有和ai交互的代码放进utils.py里&#xff08;utils 通常是 “utilities” 的缩写&#xff0c;意为 “实用工具” 或 “实用函数”&#xff09;from langchain.prompts import ChatPromptTemplate from langchain_openai import ChatOpenAI from lan…...

编程日记 2025/5/21 10:49:05

《LLM大语言模型+RAG实战+Langchain+ChatGLM-4+Transformer》

文章目录 Langchain的定义Langchain的组成三个核心组件实现整个核心组成部分 为什么要使用LangchainLangchain的底层原理Langchain实战操作LangSmithLangChain调用LLM安装openAI库-国内镜像源代码运行结果小结 使用Langchain的提示模板部署Langchain程序安装langserve代码请求格…...

编程日记 2025/5/21 17:38:35

【MySQL — 数据库增删改查操作】深入解析MySQL的 Update 和 Delete 操作

1. 测试数据 mysql> select* from exam1; ----------------------------------------- | id | name | Chinese | Math | English | ----------------------------------------- | 1 | 唐三藏 | 67.0 | 98.0 | 56.0 | | 2 | 孙悟空 | 87.0 | 78.…...

编程日记 2025/5/16 2:43:06

AnyThingLLM本地私有知识库搭建

***************************************************** 环境准备 操作系统&#xff1a;Windows11 内存&#xff1a;32GB RAM 存储&#xff1a;预留 300GB 可用空间 显存: 16G 网络: 100M带宽 前置准备: 已安装ollama环境 deepseek本地大模型 ***************************…...

编程日记 2025/5/21 18:03:56

数仓ETL测试

提取&#xff0c;转换和加载有助于组织使数据在不同的数据系统中可访问&#xff0c;有意义且可用。ETL工具是用于提取&#xff0c;转换和加载数据的软件。在当今数据驱动的世界中&#xff0c;无论大小如何&#xff0c;都会从各种组织&#xff0c;机器和小工具中生成大量数据。 …...

编程日记 2025/5/21 17:47:43

leetcode——将有序数组转化为二叉搜索树（java）

给你一个整数数组 nums &#xff0c;其中元素已经按 升序 排列&#xff0c;请你将其转换为一棵 平衡 二叉搜索树。 示例 1&#xff1a; 输入&#xff1a;nums [-10,-3,0,5,9] 输出&#xff1a;[0,-3,9,-10,null,5] 解释&#xff1a;[0,-10,5,null,-3,null,9] 也将被视为正确答…...

编程日记 2025/5/21 1:27:04

蓝桥杯模拟算法：多项式输出

P1067 [NOIP2009 普及组] 多项式输出 - 洛谷 | 计算机科学教育新生态 这道题是一道模拟题&#xff0c;我们需要分情况讨论&#xff0c;我们需要做一下分类讨论 #include <iostream> #include <cstdlib> using namespace std;int main() {int n;cin >> n;for…...

编程日记 2025/5/17 14:31:34

新鲜速递：DeepSeek-R1开源大模型本地部署实战—Ollama + MaxKB 搭建RAG检索增强生成应用

在AI技术快速发展的今天&#xff0c;开源大模型的本地化部署正在成为开发者们的热门实践方向。最火的莫过于吊打OpenAI过亿成本的纯国产DeepSeek开源大模型&#xff0c;就在刚刚&#xff0c;凭一己之力让英伟达大跌18%&#xff0c;纳斯达克大跌3.7%&#xff0c;足足是给中国AI产…...

编程日记 2025/5/18 21:50:14

【张雪峰高考志愿填报】合集

【张雪峰高考志愿填报】合集 链接&#xff1a;https://pan.quark.cn/s/89a2d88fa807 高考结束&#xff0c;分数即将揭晓&#xff0c;志愿填报的关键时刻近在眼前&#xff01;同学们&#xff0c;这可是人生的重要转折点&#xff0c;选对志愿&#xff0c;就像为未来铺就一条…...

编程日记 2025/5/20 0:47:24

【gRPC-gateway】option定义规则及HttpBody响应

HTTP Option 定义规则 在 .proto 文件中&#xff0c;通过 google.api.http 注解定义 HTTP 路由规则&#xff0c;控制请求参数映射 需要在.proto文件显式 import https://github.com/googleapis/googleapis/tree/master/google/api 一、HTTP Option 定义规则详解 1. 基础路由…...

编程日记 2025/5/19 10:33:42

rsync安装与使用-linux015

使用 rsync 可以非常高效地将文件或目录从一个服务器传输到另一个服务器。 能力&#xff1a; 支持 64 位文件、64 位 inode、64 位时间戳、64 位长整型支持套接字对、符号链接、符号链接时间、硬链接、硬链接特殊文件、硬链接符号链接支持 IPv6、访问时间&#xff08;atimes&…...

编程日记 2025/5/21 14:02:31

一种用于低成本水质监测的软传感器开源方法：以硝酸盐（NO3⁻）浓度为例

论文标题 A Soft Sensor Open-Source Methodology for Inexpensive Monitoring of Water Quality: A Case Study of NO3− Concentrations 作者信息 Antonio Jess Chaves, ITIS Software, University of Mlaga, 29071 Mlaga, Spain Cristian Martn, ITIS Software, Universi…...

编程日记 2025/5/19 12:30:45

剑指 Offer II 011. 0 和 1 个数相同的子数组

comments: true edit_url: https://github.com/doocs/leetcode/edit/main/lcof2/%E5%89%91%E6%8C%87%20Offer%20II%20011.%200%20%E5%92%8C%201%20%E4%B8%AA%E6%95%B0%E7%9B%B8%E5%90%8C%E7%9A%84%E5%AD%90%E6%95%B0%E7%BB%84/README.md 剑指 Offer II 011. 0 和 1 个数相同的子…...

编程日记 2025/5/18 18:10:54

games101-作业3

由于此次试验需要加载模型&#xff0c;涉及到本地环节&#xff0c;如果是windows系统&#xff0c;需要对main函数中的路径稍作改变&#xff1a; 这么写需要&#xff1a; #include "windows.h" 该段代码&#xff1a; #include "windows.h" int main(int ar…...

编程日记 2025/5/18 5:24:01

信息安全专业优秀毕业设计选题汇总：热点选题

目录 前言 毕设选题 开题指导建议 更多精选选题 选题帮助 最后 前言 大家好,这里是海浪学长毕设专题! 大四是整个大学期间最忙碌的时光&#xff0c;一边要忙着准备考研、考公、考教资或者实习为毕业后面临的升学就业做准备,一边要为毕业设计耗费大量精力。学长给大家整理…...

编程日记 2025/5/21 16:57:32

AI协助探索AI新构型的自动化创新概念

训练AI自生成输出模块化代码&#xff0c;生成元代码级别的AI功能单元代码&#xff0c;然后再由AI组织为另一个AI&#xff0c;实现AI开发AI的能力&#xff1b;用AI协助探索迭代新构型AI将会出现&#xff0c;并成为一种新的技术路线潮流。 有限结点&#xff0c;无限的连接形式&a…...

编程日记 2025/5/17 17:10:09