前端 字体chrome 103
【前端框架Vue】Vue是什么？怎么用？
Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种响应式的数据驱动视图的方式 Vue是什么？ Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种 ......
【STM32】STM32F103C8T6串口通信，实现3个串口收发数据
https://blog.csdn.net/weixin_51513612/article/details/126942390?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170211110916800213025015%2522% ......
Django - 在后台上传文章封面图 - 并在前端页面展示
需要用到 models.ImageField()， 它继承自 models.FileField(), 用ImageField的时候需要安装pillow pip install pillow -i https://pypi.douban.com/simple/ 首先，进行媒体文件配置： setting ......
使用 Chrome 开发者工具分析 UI5 Web 应用的性能
UI5 是一款企业级 Web 前端应用的开发框架。笔者不时会收到社区朋友发起的咨询，问我如果 UI5 应用开发好之后，运行时出现性能问题，应该怎么办。 在我们的生活中，病人向医生求助，医生会开具各种检查和化验单，病人检查完后，医生根据报告上的各种参数，进行病情诊断和开药。刑警在案发现场，通过地上的脚 ......
前端框架中 MVC 和 MVVM 两种设计方式的区别
MVC 和 MVVM 是两种常见的软件架构模式。它们都致力于提供清晰的组织结构和代码分离，让开发者能够更有效率地开发和维护复杂的应用程序。然而，它们在组织代码和处理用户交互上有一些重要的区别。 首先，让我们了解一下 MVC（Model-View-Controller）模式。MVC 是一种设计模式，被 ......
谈谈企业级 Web 应用的前端消息展示的定制化问题
笔者在社区上已经发布了一些技术文章，记录了自己工作于企业级前端应用几年以来积累的一些项目经验和教训。 之前的文章关于企业级 Web 应用搜索引擎优化 Search Engine Optimization 的一些工作经验分享已经提到，所谓企业级前端应用，是指为大型企业或组织开发的前端应用，这些应用具有 ......
前端图片最优化压缩方案
function compressImg(file, quality) { var qualitys = 0.52 if (parseInt((file.size / 1024).toFixed(2)) < 1024) { qualitys = 0.85 } if (5 * 1024 < parse ......
怎样改变VBA窗口字体大小？
如下图所示： 我们经常会通过右击工作表名称标签，点击【查看代码】命令（或按快捷键Alt+F11键）进入到VBA代码编辑器窗口，进行VBA代码的复制粘贴操作（或者手动编辑操作等）我们发现字体字号非常小，查看或者编辑时眼睛很累，容易造成输入错误等现象。 首先进入VBA代码编辑器窗口，点击上方的【工具】选 ......
JavaWeb - Day03 - Ajax、前端工程化、Element
01. Ajax-介绍 Ajax 概念：Asynchronous JavaScript And XML，异步的JavaScript和XML。 作用： 数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。 异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术 ......
9、QFontDialog(字体对话框)
#ifndef DIALOG_H #define DIALOG_H #include <QDialog> #include<QPushButton> #include<QLineEdit> #include<QFontDialog> #include<QGridLayout> class Dialo ......
前端记录
vite 分包 build: { outDir: 'dist', assetsDir: 'assets', rollupOptions: { output: { manualChunks: (id) => { if (id.includes('node_modules')) { //D:/proje ......
google chrome remote debbuging vulnerability
Form of expression The first is linpeas.sh in the process of detection found that there is a remote debugging of google chrome.the phenotype and analy ......
前端学习-JavaScript学习-js基础-API02
学习视频:黑马程序员视频链接 事件监听 三要素：事件源、事件类型、事件处理程序 随机点名案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev ......
配置webDriver(Chrome浏览器)
1. 查看Chrome浏览器版本号 方法1：Chrome浏览器，设置 > 关于Chrome 方法2： 在Chrome浏览器的地址栏，输入chrome://version/，回车后即可查看到对应版本 2. 下载Chrome Driver Chrome Driver 下载地址：https://googl ......
快速认识，前端必学编程语言：JavaScript
JavaScript是构建Web应用必学的一门编程语言，也是最受开发者欢迎的热门语言之一。所以，如果您还不知道JavaScript的用处、特点的话，赶紧补充一下这块基础知识。 JavaScript 是一种高级、单线程、垃圾收集、解释或即时编译、基于原型、多范式、动态语言，具有非阻塞事件循环，因构建网 ......
前端优化之路：git commit 校验拦截
【前言】 前面在git分支规范那篇文章里，介绍了commit提交规范，如下图 但是想要做到高效落地执行，就需要做些别的功课，先展示下成果图 没错，对不符合规范的commit进行了拦截，符合才可以成功提交。 【前期准备】 需要了解git hooks，它是git的钩子，就像vue拥有自己的钩子一样 官方 ......
CSS如何给字体加边框
<h1> 字 体 边 框 </h1> h1 { background-color:black; font-family: "Raleway", sans-serif; font-size: 28px; color: red;//下方是加边框的内容 text-shadow: 4px 4px 0 whi ......
2023最新中级难度前端面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-中级难度前端面试题合集 问: 请详述 JavaScript 中的 async/await 用法？ async/await是ES2017引入的新特性，用于实现异步编程的同步化操作。 async表示函数是一个异步函数，它总是返回一个Promise对象；await用于 ......
2023最新初级难度前端面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-初级难度前端面试题合集 问: 请详细描述 HTML、CSS、JavaScript 的基本结构？ HTML、CSS、JavaScript 是 web 前端开发中最常用的三种技术，它们分别负责页面结构、表现形式和交互行为。 HTML（Hyper Text Marku ......
Chrome浏览器对不同标签页进行着色
方法1：使用标签组 Chrome 浏览器的标签组功能允许您将标签分组在一起，并为每个组分配不同的颜色。要创建标签组，请右键单击一个标签，然后选择“添加到新组”。您还可以将标签拖放到另一个标签上以将其添加到组中。 要更改标签组的颜色，请单击标签组的圆点，然后选择“更改颜色”。您可以从预定义的颜色列表中 ......
Native Drawing开发指导，实现HarmonyOS基本图形和字体的绘制
场景介绍 Native Drawing模块提供了一系列的接口用于基本图形和字体的绘制。常见的应用场景举例： ● 2D图形绘制。 ● 文本绘制。 接口说明 接口名 描述 OH_Drawing_BitmapCreate (void) 创建一个位图对象。 OH_Drawing_BitmapBuild (O ......
不再支持安卓 7.0！谷歌Chrome浏览器120稳定版发布
今天，谷歌面向所有支持平台，发布了Chrome浏览器的120 稳定版更新，该版本不再支持安卓7.0/7.1系统。 在新功能上，Chrome浏览器120稳定版推出一项新的“主动安全检查”功能，该功能会定期运行，检查浏览器是否存在安全问题，并在检查完成之后通知用户。 在设置中也为此新增了一个新的“安全检 ......
Vue前端+后端实现带进度条文件分片上传
传输参数对象 package com.deju.provider.upload.domain; import lombok.Data; import org.springframework.web.multipart.MultipartFile; @Data public class Multipa ......
TP接口 前端vue调用出现跨域
出现跨域的解决方式 1.当预处理请求options失败， 代码报错 会出现跨域cors，排查错误代码 2.设置路由跨域 Route::GET('search/list', 'Index/list')->allowCrossDomain(); ......
selenium.common.exceptions.SessionNotCreatedException: Message: session not created: This version of ChromeDriver only supports Chrome version 103 Current browser version is 106.0.5239.0
pyhon 调selenium报： selenium.common.exceptions.SessionNotCreatedException: Message: session not created: This version of ChromeDriver only supports Chro ......
前端开发-视口（布局视口、视觉视口、理想视口）
首先必须要明白一点：（假设手机分辨率3200 * 1420），css中的1px不一定等于实际屏幕的1px（这里有1420px）,系统会自动匹配一个最合适的比例（假设这个比例为3.5），用屏幕的3.5px 去渲染css中的1px，也就是说，所有的显示屏幕，不管你的分辨率是多少，系统都会自动匹配一个最适 ......
解决谷歌浏览器 Google Chrome不能拖拽安装离线插件的办法
我使用的谷歌浏览器版本是119.0.6045.160（正式版本） （64 位） 之前多台电脑都可以通过拖拽安装crx格式的扩展程序，最近公司配好了新的笔记本，但今天下载好crx文件发现拖动之后并不可以安装，并且已经打开了开发者模式，还是会显示禁用的小图标。 解决方式首先打开下面地址：chrome:/ ......
第三阶段前端随手笔记
1.let细节 注意 直接输出x,会报错！ 在输出语句后面使用var定义变量x，会变量提升，输出undefined 2 Vue 笔记 1 控制台直接使用vm对象 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v ......
javascript之如何禁用chrome开发者工具自动网络录制
在 chrome 开发人员工具中，每次加载页面时，我都单击“网络”选项卡并看到“记录”按钮处于事件状态/红色。即使我禁用了网络流量记录，当我刷新同一页面或打开另一个网站时，我也会看到 Chrome 正在“网络”选项卡中记录流量。 在开发具有大量流量的大型 Web 应用程序时——第 3 方 API、来 ......
前端优化之路：打包文件拆包、增加哈希值
【前言】 前面对项目打包做了优化处理，但是还不够完美，有两点可继续优化 生成的chunk-vendors文件过大，压缩后仍然超过1M 开发、测试环境生成的js文件，未带哈希值 问题1：如果在弱网环境下，会造成首次白屏时间过长 问题2：容易产生同名文件，造成浏览器缓存 出于以上两点考虑，故而需继续对项 ......