前端css
CSS定位子元素包含特定 class 的父元素
要定位子元素包含特定 class 的父元素，可以使用 CSS 选择器中的 :has() 选择器，但是这个选择器目前还没有得到广泛的浏览器支持。目前使用 :has() 选择器的最佳方式是使用 jQuery 或其他类似的 JavaScript 库。以下是一个使用 jQuery 的例子： <div cla ......
CSS基础知识大全（值得收藏）
CSS基础 CSS(cascading style sheet) 汉译为层叠样式表,是用于控制网页样式WEB标准中的表现标准语言,在网页中主要对网页信息的显示进行控制。目前推荐遵循的是W3C发布的CSS3.0版本；用来表现HTML或者XHTML等样式文件的计算机语言。1998年5月21日由w3C正式 ......
前端全局页面添加水印
// 下载npm包npm install watermark-package -S 使用 import watermark from "watermark-package"; // 添加水印 watermark.setWaterMark({ w_texts: [data.userName, data ......
ABAP 遍历内表数据的时候，加上前端筛选条件
1. 前端查询条件 * * * 选择屏幕 * * SELECTION-SCREEN BEGIN OF BLOCK b1 WITH FRAME TITLE TEXT-001. SELECT-OPTIONS: "PARAMETERS: s_matnr FOR mara-matnr,"物料号 s_ausk ......
前端生成二维码及把页面转为图片保存到本地
前端生成二维码及把页面转为图片保存到本地 Bayi· 于 2021-12-23 17:08:37 发布 847 收藏 3 文章标签： 前端 javascript 生成二维码 页面转图片 vue 版权 以vue项目为例，其他类型项目其实也是一样的 所需components： QRCode html2c ......
vue 前端生成二维码，并转换为图片
vue 前端生成二维码，并转换为图片 ~牧马~ 于 2021-05-27 15:08:03 发布 2760 收藏 7 分类专栏： vue 文章标签： vue 生成二维码 自动生成的二维码转图片 版权 这篇文章主要是分享下自己的收获，也是自己遇到的问题： 前端如何自己生成二维码？ 前端如何将生成的二维 ......
无界微前端方案官方示例，main-vue 项目打包之后 访问index.html页面空包，控制台报资源错误问题
报错信息： 修改方案： publicPath: “./” 修改为如上配置即可。 ......
前端跨域解决方案——CORS
CORS（跨来源资源共享）是一种用于解决跨域问题的方案。 CORS（跨来源资源共享）是一种安全机制，用于在浏览器和服务器之间传递数据时，限制来自不同域名的请求。在前端开发中，当通过 XMLHttpRequest（XHR）或 Fetch API 发送跨域请求时，如果服务器没有正确配置 CORS，浏览器 ......
前端隐藏和显示div的方式js和beetle：
方式一：设置元素style对象中的display属性 1、var t = document.getElementById('demo');//选取id为test的div元素 2、t.style.display = 'none';// 隐藏选择的元素 3、t.style.display = 'bloc ......
学习（review）二——CSS（上）
CSS(层叠样式表) 一般通过<style type="text/css"> 内部为CSS环境</style> 进行编写CSS。 使用 CSS，您可以控制颜色、字体、文本大小、元素之间的间距、元素的位置和布局、 要使用的背景图像或背景颜色、不同设备的不同显示和屏幕大小等等CSS一般用于修饰页面显示效 ......
字节前端语言
前端语言有很多：比如什么HTML,JavaScript，css等等。 这节课介绍的是CSS,HTML,JAVASCRIPT等等 首先我们先介绍CSS： CSS的基本语法是：选择器 { 属性名: 属性值; 属性名: 属性值; …… } 举个栗子：p { color: blue; } 上述代码中，p 为 ......
让CSS里div上下左右绝对居中几种方式
1、绝对定位（常用于登录模块）备注：前提条件div需要有宽高 1 <div class="box"></div> 2 #css 3 .box{ 4 position:absolute/fixed; 5 left:0; 6 right:0; 7 top:0; 8 bottom:0; 9 margin: ......
ThingsBoard 前端项目内置部件开发
前言 ThingsBoard 是目前 Github 上最流行的开源物联网平台（12.8k Star），可以实现物联网项目的快速开发、管理和扩展, 是中小微企业物联网平台的不二之选。 本文介绍如何在 ThingsBoard 前端项目中开发内置的菜单导航部件。 内置相关部件 TB（ThingsBoard ......
asp.net core 定时任务 使用SignalR推送消息 前端vue 接收并显示消息
ASP.NET Core中有一个名为Quartz.NET的第三方定时任务调度框架，使用它可以方便地实现定时任务。同时，ASP.NET Core还提供了SignalR框架，用于实现实时通信功能。在Vue中，可以使用Vue-CLI来创建项目，并使用Vue.js框架开发前端应用程序。下面是实现你所需功能的 ......
css img图片在一个盒子里面自适应
1 img { //只需要设置图片自适应最大宽高就行 2 max-width: 160px; 3 max-height: 150px; 4 } ......
css文本强制一行显示，超出隐藏
white-space: nowrap; /*文本强制一行显示*/ overflow: hidden; /*文本溢出隐藏*/ text-overflow: ellipsis; /*溢出的文本显示省略号*/ }上面不行就用下面的-webkit：兼容性 .ellipsis1 { display: blo ......
18. 商品类别后端和前端接口实现【雪花服务】
因为有类别分级所以用到了一个外键字段即：parentId, 为了保证字段唯一，且便于扩展【数据量大了分库分表等】使用了goole开源的雪花算法如下： 参考文档：https://www.jianshu.com/p/0e6ffa8693b5 安装pysnowflake ： pip install pys ......
前端面试八股文
1.说说你对盒子模型的理解盒子模型分为border边距，content内容，margin外边距，padding内边距盒子模型分为俩种模式一种标准模式，一种IE模式标准模式计算方式：box-zing:content-boxIE模式计算方式：box-zing:border-box2.css选择器有哪些？ ......
[转]前端传嵌套对象参数给spring mvc
在使用springmvc开发web应用时，感觉springmvc的controller方法能自动将参数注入到方法的参数对象中，极大的方便了开发。但是，在遇到有嵌套对象的时候，比如订单对象有个属性是用户对象，就不好处理了。一种情况是，传递的参数都是作为post方法的请求体，我们可以用RequestBo ......
将scss文件转换成css文件
将scss文件转换成css文件 npm i sass 使用命令转译scss或sass文件 sass .\index.scss .\index.css 监听scss变化更新css文件 sass --watch .\demo\page\index\index.scss .\demo\page\index ......
HTML + CSS + JS 利用邮编查询 API 实现邮编查询工具
引言 邮政编码是地址信息的重要组成部分，可以帮助快递公司、物流公司等对地址进行快速、准确的识别和派送。因此，邮编查询工具应用在许多业务场景中都有广泛的应用，例如：电商平台、物流公司、金融机构等。通过使用邮编查询 API，我们可以快速实现一个邮编查询工具应用，方便用户查询地址对应的邮政编码，提高业务流 ......
web前端开发常用的代码编写工具有哪些？
不同类型的开发人员使用的工具大有不同，所以说没有绝对好，对任何人员都适用的工具，我们只能以友好度，功能性，扩展性，界面/体验，跨平台等等这些来作为评判标准。 下面我们就给它分类并一一介绍： 大师级别 vi vi对于使用过unix的朋友来说，绝对是再熟悉不过的代码编辑器，有多少伟大的程序和代码是由vi ......
uniapp 动态修改 css 样式
css 使用 var 注入变量， 达到设置动态样式的需求 声明 css 变量时， 变量名前面要加两根连词线（--）； 变量使用 kebab-case 命名方式，即 --header-color 而不是 --headerColor； 变量名大小写敏感，--header-color 和 --Header ......
前端开发手册
拟制人 xx 日期 2023/04/25 审核人 日期 批准人 日期 1.PC开发环境要求 1.1、开发工具说明 Visual Studio Code | Webstorm 1.2、PC开发框架和语言使用 开发框架：MVVM框架 开发语言使用了vue3、TypeScript 2.Pc开发规范 ......
无界（wujie）微前端结合若依框架，关于主程序加载子程序页面按钮权限指令所管理得按钮不展示问题
这个问题是由于加载权限接口慢于使用指令，加载时机得问题。 解决方案就是给指令里加上setTimeout 这样得话，结合js运行机制问题，setTimeout里得内容会推迟执行，这样就不会出现接口权限没加载完就执行了指令得问题。 ......
百度首页静态展示页面HTML+CSS
一直觉得百度首页很复杂的，有那么多的东西，跟这个博主学习了之后，仿写了一下，样式好像很简单 只设置的一些组件的高度而已，不得不说，CSS真是个好东西呀 话不多说，直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> ......
CSS中:root的运用
CSS中:root的运用: https://blog.csdn.net/weixin_41829196/article/details/128530267?ops_request_misc=&request_id=&biz_id=102&utm_term=css%20:root&utm_medium ......
前端xml字符串转文件流，传给后端
点击查看代码 let formData = new FormData(); formData.append('file', new Blob([xml], { type: 'text/xml' }), '文件名.bpmn'); const params = { file: formData, hea ......
前端如何上传文件给服务器
上传文件到服务器常用的方法有两种 第一种：将文件转换成base64编码后使用POST上传给服务器 实现方法 URL.createObjectURL(BlobFile) //或者由canvas生成 canvas.toDataURL('image/jpeg',0.8) 优点： 可以将二进制文件转换为文本 ......
前端学习笔记--bootstrap
1.bootstrap3依赖jQuery？ 是的 官网https://www.bootcss.com/ 4版本以上不依赖。 2.如何导入？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</tit ......