前端 全局css色彩
Layui 表格全局排序
背景:Layui表格默认是当前页排序,不会全局排序。需要手动修改。 layui分页sort只能当前页不能全局排序解决方案_layui排序-CSDN博客 2021-02-03 layui 数据表格 实现全局排序_layui table 排序-CSDN博客 前端表格 <table class="layu ......
纯CSS实现可自定义间距虚线边框
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .border-wrapper { position: relative; margin: 100px auto; width: 200px; h ......
C#新特性:全局和隐式usings
方法1:直接在using前面加global关键字 global using System; 这个引用不论在工程的哪个文件里面加了,都会整个工程都起作用。 很多人会在工程的根目录加一个GlobalUsings.cs的文件,里面集中放全局引用的命名空间。 方法2:在工程配置文件.csproj里面设置 先 ......
带圆角的虚线边框?CSS 不在话下
今天,我们来看这么一个非常常见的切图场景,我们需要一个带圆角的虚线边框,像是这样: 这个我们使用 CSS 还是可以轻松解决的,代码也很简单,核心代码: div { border-radius: 25px; border: 2px dashed #aaa; } 但是,原生的 dashed 有一个问题, ......
前端体验优化(2)——基建
在 2020 年刚加入公司的时候,我就确定要持续推进基建的建设,经过这几年的沉淀,完成了从 0 到 1 的跨越。 基建的目的是解决各类技术或业务问题,沉淀通用技术能力,提升工作效率,降低开发成本,直接或间接助力业务开展。 接下来会围绕项目重构、组件化、标准化、工具化、自动化、文档化和页面规范化几个方 ......
前端: 1.解构表达式;2字符串模板
解构表达式,定义一个数组 <script> // 解构表达式,定义一个数组 // 数组解构 let arr = [1,2,3]; let[a,b,c] = arr; //快速的将内容赋值到指定的变量上面 // const [a,b,c] = arr; console.log(a,b,c) // 对象 ......
前端学习笔记DAY2 HTML5基础(2)(b站pink老师)
二.HTML标签 4.HTML常用标签 4.1 标签语义 学习标签的重点是记住每个标签的语义。就是指标签的含义,即这个标签是用来干嘛的。 根据标签的语义,在合适的地方给一个最为合理的标签,可以让页面结构更清晰。 ※4.2 标题标签 <h1> - <h6> HTML 提供了 6 个等级的网页标题,即< ......
vue3自定义组件全局注入
/** * 自定义组件全局注入 * @param app vue实例 */ import { defineAsyncComponent } from "vue"; export default function (app) { // 收集@/components所有.vue组件 const comp ......
ferry前端项目部署
ferry项目地址:https://gitee.com/yllan (ferry为后端代码,ferry_web为前端代码)直接copy前端代码 文中ferry为后端代码,ferry_web为前端代码 一.安装依赖 我用npm安装会报错,具体原因没去分析,大概就是npm版本的问题,我的版本是npm@6 ......
css图片等比放大居中|超出部分隐藏
图片等比放大居中 在一些情况下需要保证图片缩略图窗口大小固定,但是图片分辨率比例多种多样,需要在展示固定比例的窗口下展示不同分辨率的图片,还需保证展示的图片不被拉伸变形,保持原有比例的基础上进行等比放大。 // 外层 .img-box { // 等比放大图片,超出部分隐藏 width: 120px; ......
css自适应文本大小
div{ width:500px; height:600px; resize:both; // 可拖动方向 overflow:hidden; padding:15px; background-color:red; container-type:size; // 对 } div p { // cqw ......
css实现鼠标滑过提示文字
第一种:鼠标滑过图片,提示文字,如图: <div v-if="talentCardNum && talentCardNum >0"> <img @mouseenter="choice(1)" @mouseleave="choice(0)" class="box_time_icon" :src="ho ......
windows 文件夹视图全局生效
文件资源管理器(WIN+E快捷键打开的窗格)就这样的,然后我们就会进某个磁盘找对应的文件或文件夹下的文件,进行一定的操作 但是有注意过吗 ,这些窗格“展示列”(先这样称呼吧,官方的名称应该是:可用的列,例如:,官网地址:如何更改在 Windows 资源管理器中的列设置 - Microsoft 支持) ......
postman 简单使用,设置全局请求头,登入后自动替换全局token
postman 简单使用,设置全局请求头,登入后自动替换全局token 背景 1.使用postman 没次请求需要带上请求头 (每个请求都加一下 麻烦), 2.token 有过期时间,没次都要替换(人为替换全局变量麻烦),直接调用一下登入请求直接替换 环境 1.设置集合下面每个请求 全局请求toke ......
前端学习DAY1 HTML5基础(1)(b站pink老师)
一、HTML简介 1.网页 1.1 什么是网页 网站是网页的集合,网页是网站中的一“页”(构成网站的基本元素)。 网页由图片、链接、文字、声音、视频等元素构成,通常是HTML格式的文件(.htm.或html后缀),通过浏览器来阅读。 1.2 什么是HTML HTML (超文本标记语言),它是用来描述 ......
记录--前端中 JS 发起的请求可以暂停吗
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 在前端中,JavaScript(JS)可以使用XMLHttpRequest对象或fetch API来发起网络请求。然而,JavaScript本身并没有提供直接的方法来暂停请求的执行。一旦请求被发送,它会继续执行并等待响应。 尽管如此,你可 ......
springboot下添加全局异常处理和自定义异常处理
前言 在spring项目中,优雅处理异常,好处是可以将系统产生的全部异常统一捕获处理,自定义的异常也由全局异常来捕获,如果涉及到validator参数校验器使用全局异常捕获也是较为方便。 相关代码: GlobalExceptionHandler类: @Slf4j @RestControllerAdv ......
对比elment-ui 和vben 前端对表格的封装
看了这篇文章 优雅的使用 element-ui 中的 table 组件,突然顿悟了一些。 elment-ui的表格 <el-table :data="tableData"> <el-table-column prop="date" label="日期"> </el-table-column> <el ......
12.11 今天弄明白了怎么在前端写Java实现查询功能
//例:<% // Check if the query button is clicked if (request.getParameter("query") != null) { try { Connection connection = DatabaseConnection.getConnec ......
php css 改变宽度,img标签设置display:block属性时宽度无法设定为100%的解决办法
本篇文章所说的内容是img标签设置display:block属性时宽度无法设定为100%的解决办法,方法很详细,有一定的参考价值,有需要的朋友可以参考一下,希望可以对你有所帮助。 现象 如下代码,img标签设置了display:block,尺寸宽度无法设定为100% img标签设置display:b ......
CSS让整个网站变成灰色的做法
CSS让整个网站变成灰色的做法 方法一:直接在css样式文件里加上这段代码 html{-webkit-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} <!–可以是整 ......
图片铺满div元素不变形,超出部分隐藏,保留中心部分css代码
在我们网站更新文章的时候,经常会插入图片,丰富信息。但是我们插入的图片长宽比例并不一定是固定的。我们在调用缩略图的时候,常常会出现图片变形的情况,高和宽不成比例。那么如何让图片不变形,又能铺满div元素呢?我们可以使用css代码中object-fit属性来实现。object-fit属性指定元素的内容 ......
前端纯js字符串拼接导出excel
1 <html> 2 <head> 3 <p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件</p> 4 <button onclick='tableToExcel()'>导出</button> 5 </head> 6 <body> 7 ......
前端体验优化(1)——概述
前端体验优化地最终目的就是让用户的使用体感舒适,无阻塞、流畅的得到预期想要的结果,而其中的用户可分为三层:产品用户、公司同事和研发自己。UX、性能优化其实都是体验优化的子集,前端体验犹如下图的冰山那样,在水下别有洞天。 可以将体验优化大致分为 5 个模块,分别是终端、网络、前端、后端以及数据,这 5 ......
java监听全局组合键
1. jintellitype pom<!-- 不能注册多个组合键比如alt+abc --> <!-- https://mvnrepository.com/artifact/com.melloware/jintellitype --> <dependency> <groupId>com.mellow ......
前端jwt解析方法
请求得到jwt生成的token之后得到base64编码的的加密token 可以使用atob进行base64解码,jwt加密分位三部分:头部header,载荷payload,签名signature每个都是用.隔开 所以已知原理我们现在进行解析 if (token) { const payload = ......
第一篇:前端基础之HTML
HTML文档标准结构: <html> <head> </head> <body> this is my second html... </body> </html> 【1】html标签 定义 HTML 文档,这个元素我们浏览器看到后就明白这是个HTML文档了,所以你的其它元素要包裹在它里面,标签限定 ......
前端相关网站
## css常见框架 bootstrap https://get.foundation/ https://purecss.io/ https://tailwindcss.com/ https://getuikit.com/ https://andybrewer.github.io/mvp/ ## 前 ......
Java登陆第二十一天——CSS
CSS CSS是一种可以给HTML每个元素添加样式的语言。 不必记住每一个CSS,使用查阅文档即可。菜鸟教程CSS文档 CSS语法 选择器是需要改变样式的HTML元素。 每一条声明由属性和值组成,分号结尾,并由花括号包括。 属性:指的是样式属性,并不是HTML中的标签属性 如何在HTML中使用CSS ......