前端 对话框 多个dialog
滚动对话框内容，已打开的下拉框超出对话框范围显示
问题场景 点击对话框内的下拉框，显示下拉列表，纵向滚动对话框内容，已经打开的下拉列表，超出对话框范围仍然显示。 分析 下拉框列表消失的条件是下拉框失焦。 因此，有三种解决方案： 给对话框设置样式：下拉框超出对话框范围就隐藏； 给对话框内的下拉框设置：若滚动对话框，则让下拉框失焦，即关闭已打开的下拉框 ......
Nginx环境搭建及前端部署教程（Windows版）
Nginx启动 启动方式一：双击nginx.exe，双击后你能看见一个小黑窗口一闪而过。 启动方式二：打开cmd命令窗口，切换到nginx解压目录下，输入命令 nginx.exe ，回车即可注意：如果安装目录是中文的情况，打开exe文件时会报错。打开浏览器：浏览器地址栏输入网址http://loca ......
前端笔记：React学习 1.1--配置环境
1.1 配置环境 React中文文档 React官网文档 安装Nodejs Nodejs官网 安装create-react-app 终端执行： npm i -g create-react-app 安装VSCode插件 Simple React Snippets Prettier - Code for ......
mybatis判断多个条件
以下是通过仓库+物资来进行查询 @Select("<script>" + "SELECT v.id,v.kfcode,v.kfname,v.kc, p.wzname,p.dw,v.wzgg" + " FROM (select * from y_kc" + " where softdel=0" + " ......
前端骨架HTML
HTML5 如果将网页比作机器人，那么HTML就是骨架，CSS就是是表现与展示效果，JavaScript就是功能与行为 简单介绍 超文本标记语言HTML(HyperText Markup Language) 一、配置HTML编译器 1. 安装vscode 下面是官网： vscode官网 2. 安装v ......
前端项目容器化(Docker)打包部署
前端项目容器化(Docker)打包部署 新建一个vue项目 增加容器配置 docker命令打包镜像，部署本机 BiliBili视频同步发布 新建vue项目 使用vue官方脚手架创建一个项目 下面的demo使用默认配置 安装依赖并运行 # 使用vue脚手架创建项目 npm create vue@lat ......
前端页面部署之后刷新页面之后出现HTTP 错误 404.0 - Not Found错误问题解决
前端页面部署能正常访问，但是一旦刷新页面就报如下错误：404.0 - Not Found 解决办法：下载IIS URL重写模版，并安装。下面为安装地址： URL Rewrite : The Official Microsoft IIS Site 安装之后IIS中出现如下IIS重写模块： 点击进去添加 ......
【前端VUE】VUE环境安装
nodejs安装 nodejs教程 https://blog.csdn.net/muzidigbig/article/details/80493880 检查是否安装成功 VUE安装 npm install -g @vue/cli 创建VUE项目 vue create 项目名称 第一个和第一个是默认的 ......
基于 Angular Universal 引擎进行服务器端渲染的前端应用 State Transfer 故障排查案例
笔者之前这篇掘金文章一个 SAP 开发工程师的 2022 年终总结：四十不惑 提到，我目前的团队，负责开发一款基于 Angular 框架的电商 Storefront 应用。 这个 Storefront 是一个开源的、基于 Angular 和 Bootstrap 并为 SAP Commerce Clo ......
task0003前端项目准备的学习笔记（之前忘了发不好意思！）
2023-10-26 task0003前端学习笔记 JavaScript作用域学习笔记①：今天看了http://www.laruence.com/2009/05/28/863.html这位作者讲了js的作用域原理，让我豁然开朗，原来函数定义式与函数表达式的不同会导致作用域作用不一样比如：var na ......
IIS服务器多站点多域名同时部署多个不同SSL证书HTTPS实现方法 当一个https的请求到达IIS服务器时
IIS服务器多站点多域名同时部署多个不同SSL证书HTTPS实现方法 当一个https的请求到达IIS服务器时，https请求为加密状态，需要拿到相应的服务器证书解密请求。由于每个站点对应的证书不同，服务器需要通过请求中不同的主机头来判断需要用哪个证书解密，然而主机头作为请求的一部分也被加密。最终I ......
cesium线切割为多个贴地形贴模型的点
interpolation(pos1, pos2) { let po1 = pos1 let po2 = pos2 this.getPositionwkt(po1, po2).then((res) => { this.$config.viewer.scene.clampToHeightMostDet ......
前端页面的懒加载和预加载
前言 懒加载也就是延迟加载。当访问一个页面的时候，先把 img 元素或是其他元素的背景图片路径替换成一张大小为 1*1px 图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，从而减轻服务器压力，避免用户等待时间过长（一般在网站图片很多的时候使用 ......
iframe前端微服务
优缺点分析 iframe 适合的场景 由于 iframe 的一些限制，部分场景并不适合用 iframe，比如像下面这种 iframe 只占据页面中间部分区域，由于父页面已经有一个滚动条了，为了避免出现双滚动条，只能动态计算 iframe 的内容高度赋值给 iframe，使得 iframe 高度完全撑 ......
webpack 多个文件打包成多个文件
1、多个 js 文件打包成 多个 js 文件 不用安装任何依赖，只需使用 fs 模块和 readdirSync 方法（node.js中读取文件） 1）建立多个文件 2）在 webpack.config.js文件中使用 readdirSync 方法，如下： 3）编译代码 npm run build，结 ......
前端鉴权与后端鉴权方案
基础概念 在介绍鉴权方法之前，先要了解的是：什么是认证、授权、鉴权、权限控制以及他们之间的关系，有了他们做铺垫，那么才能做到从始至终的了解透彻 ~ 什么是认证？ 认证(Identification) 是指根据声明者所特有的识别信息，确认声明者的身份。 白话文的意思就是：需要用身份证证明自己是自己。 ......
0到1搭建前端监控平台
前言 前端监控是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目好比是在裸奔 文章分成以下六部分来介绍： 自研监控平台解决了哪些痛点，实现了什么亮点功能？ 相比 sentry 等监控方案，自研监控的优势有哪些？ 前端监控的设计方案、监控的目的 数据的采集方式：错误信息、性能数据、用户行 ......
前端录屏+定位源码，快速定位线上bug
前言 如何快速定位线上 bug，是多数开发者都会遇到的难题 web-see 前端监控方案，提供了 前端录屏+定位源码 方式，让 bug 无处藏身 最终效果 在监控后台，通过报错信息列表，可以查看具体报错的源码，以及报错时的录屏回放 效果演示： 录屏记录了用户的所有操作，红色的线代表了鼠标的移动轨迹 ......
基于Sentry的前端性能监控平台搭建与应用
一、Sentry 简介 Sentry 是一套开源的实时异常收集、追踪、监控系统，支持几乎所有的语音和平台。 这套系统由对应各种语言的 SDK 和一套庞大的数据后台服务组成，通过 Sentry SDK 的配置，可以上报错误关联的版本信息、发布环境。同时 Sentry SDK 会自动捕捉异常发生前的相关 ......
实现多个大文件拖拽上传+大文件分片上传+断点续传+文件预览
技术关键词 前端：@vue/cli-service+element-ui+axios 后端：node.js+koa 思路分析 拖拽上传 拖拽上传是利用 HTML5 新特性实现拖拽上传，详细用法可阅读 MDN-drag 利用 dragover 事件（当某物被拖动的对象在另一对象容器范围内拖动时触发此事 ......
前端应该如何封装高扩展的axios请求库
我看了很多 axios 的封装，但是我感觉他们的封装。也不够自由，主要是写完之后，如果以后有东西需要修改的时候，还要回去拦截器进行修改。但是有一些东西拦截器可能是你以后的业务需求才需要添加的。 我就在想我能不能拦截器做成插件式的模式进行动态配置呢？例如下面的效果，点击添加一个请求缓存器，请求的时候就 ......
第10章 Qt 对话框--实现浏览器和用户的交流
Qt 对话框--实现浏览器和用户的交流 用户登录窗口--升级为模态对话框 这里不是转到槽而是点击信号槽方法，转到槽是自己编写代码反应的逻辑 浏览器用户登录窗口与主窗口切换 导入对应的指针 按照需求 绑定退出的信号， 为上传功能添加标准对话框 本章小结 ......
同时调用多个异步请求
需求 为了减少页面等待时间，现有多个接口，需要同时调用。 解决 有两种写法： Promise.all([interfaceName1(para1), interfaceName2(para2)]).then().catch() Promise.all(arr)中的参数 arr ：由接口名称（接口参数 ......
在线CAD SDK前端库绘制规则多边形图形
前言 在 CAD（计算机辅助设计）领域，绘制多边形是常见的任务之一。MxCAD 是一款专注在线CAD的前端库，提供了丰富的绘图和设计功能，使得绘制多边形变得轻松而灵活。本文将带领您通过使用 MxCAD 实现绘制多边形的过程，深入了解其基本概念和功能。 mxcad 是一个基于 TypeScript 的 ......
全栈工程师必须要掌握的前端Html技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
软件测试/人工智能|教你如何更高效地使用AI对话工具
简介 有了ChatGPT之后，“调戏”ChatGPT成为了我们每天的乐趣，但是我们同时也发现，我们向ChatGPT提出的问题会有不一样的回复，有的人的回复质量会更高，而有的人提问回复则是完全无法使用的，我们想要ChatGPT更好地帮助我们完成工作，就需要学会如何更好地向ChatGPT提问。 如何让 ......
springboot整合前端实现断点续传、大文件秒传以及多线程上传下载
前端，百度开源框架 webuploader新建upload.html webuploader官网地址： http://fex.baidu.com/webuploader/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit ......
前端打印二维码
1、安装生成二维码的插件 vue-qr yarn add vue-qr // or npm install vue-qr --save 2、安装用于将html代码生成图片的插件 html2canvas yarn add html2canvas // or npm install html2canva ......
线段树-多个懒标记pushdown
P3373 【模板】线段树 2 这里需要用到两个懒标记，一个懒标记为add，记录加，另一个懒标记为mul，记录乘。 我们需要规定一个优先级，然后考虑如何将懒标记下传。 这里无非有两种顺序，一种是先乘后加，另一种是先加后乘。 我们先看先加后乘。 \[(sum + add1) * mul1 \]当我们的 ......