- css实现梯形tab切换
一只快乐的小青蛙
cssjavascript前端
{{item.name}}consttabList=ref([{id:1,name:'认证车辆',},{id:2,name:'临时加车',},])constcheckNum=ref(1).tabs{display:flex;width:100%;gap:20px;height:40px;background-color:#f0f4f8;.tabs_item{display:flex;width:5
- css 梯形tab标签页
有脾气的程序媛
css
现在越来越时尚化,tab标签页已经不像原来的那么传统格式化了,现在给大家实现一个简约美观的tab标签页比较简约的梯形tabDocument.nav{display:flex;width:300px;align-items:flex-end;}.nav.item{flex:1;height:40px;background:#eee;border-radius
- 【Javascript网页设计】产品展示 JavaScript 设计案例
Netsuite + 影刀
Javascript案例javascript前端html
代码如下:产品展示页面body{font-family:Arial,sans-serif;margin:20px;text-align:center;}.product-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}.product-card{border:1pxsolid#ddd;padding:15
- 如何快速的用pdfjs建立一个网页可以在线阅读你的PDF文件
宇凡网络
pdfpdfjs
#如何快速的用pdfjs建立一个网页可以在线阅读你的PDF文件#也许很多人都用过这个pdfjs,我之前也用过,但是每次配置也是挺麻烦的,于是就写了一个页面远程调用CDN文件,这样一个页面就可以搞定,话不多说直接上代码:PDFViewer#pdf-container{width:100%;height:100vh;overflow:auto;display:flex;flex-direction:c
- X-LoRA:高效微调 LoRA 系列,实现不同领域知识专家混合模型
yumuing blog
前沿论文解读llama人工智能语言模型
文献卡X-LoRA:MixtureofLow-RankAdapterExperts,aFlexibleFrameworkforLargeLanguageModelswithApplicationsinProteinMechanicsandMolecularDesign作者:EricL.Buehler;MarkusJ.BuehlerDOI:10.48550/arXiv.2402.07148摘要:We
- 【新立电子】FPC柔性线路板的应用领域
珠海新立电子FPC
科技制造
FPC(FlexiblePrintedCircuit,柔性印刷电路板)因其独特的柔韧性、轻薄性、高密度布线能力和优良的电气性能,被广泛应用于多个领域。以下是FPC的主要应用范围:1、移动设备:智能手机:FPC板用于连接显示屏、触摸屏、摄像头模块、按键、电池、传感器等组件,实现内部紧凑、轻薄的布局。平板电脑、笔记本电脑、二合一设备:在折叠屏、铰链结构、触控笔接口、内部连接等方面使用FPC板,增强设备
- 前端开发全攻略:从兼容性到安全性,全方位解决常见问题!
奶凶的小熊崽
前端vuejavascriptvuenode.jsjavascript前端vue.js
1.兼容性问题问题表现:不同浏览器解析HTML、CSS、JavaScript可能存在差异。IE、Safari等浏览器对某些新特性支持不足。移动端与PC端的适配问题。解决方案:✅CSS兼容性处理:使用CSSReset或Normalize.css统一默认样式。使用flexbox、grid代替float,减少布局兼容问题。使用前缀自动补全(如PostCSS的autoprefixer)。✅JavaScri
- 纯血鸿蒙APP开发实战—启动页面
码牛程序猿
HarmonyOS鸿蒙鸿蒙工程师harmonyos华为鸿蒙开发HarmonyOS鸿蒙鸿蒙系统鸿蒙应用开发
启动页面整体效果如下:1,布局代码,头部一个logo使用Image,底部一个名称图片使用Image,最后一个描述是一个文本Text组成代码如下:Flex({direction:FlexDirection.Column,alignItems:ItemAlign.Center}){Column(){Image($r('app.media.ic_eshop')).width(100).aspectRat
- 车载网关测试入门2【路由功能】补充1-CAN诊断路由
车载测试工程师
经验分享网络协议车载系统功能测试测试用例
目录1背景1.1问题2诊断过程3诊断路由3.1不带协议转换的诊断路由3.2带协议转换的诊断路由3.2.1协议转换的核心步骤(以CAN到CANFD为例)4诊断路由测试4.1不带协议转换4.2带协议转换4.3测试用例总结1背景我们知道车内ECU是通过CAN/LIN/Flexray/ETH等网络进行信息交互的,各类网络必须遵循各自的通信协议。如果整车某ECU需要进行故障诊断和软件升级是如何进行的?必须遵
- 【828华为云征文|华为云Flexus X实例部署指南:轻松搭建可道云KODBOX项目】
大师兄6668
热点活动专栏华为云FlexusX实例可道云KODBOX部署指南服务器配置宝塔面板云服务管理
文章目录华为云FlexusX实例:引领高效云服务的新时代部署【可道云KODBOX】项目准备工作具体操作指南服务器环境确认宝塔软件商店操作域名解析可道云KODBOX登录页效果验证总结华为云FlexusX实例:引领高效云服务的新时代在云计算领域,资源的灵活配置和卓越性能如同商业成功的基石。华为云FlexusX实例,作为行业中的佼佼者,正为企业提供前所未有的云服务体验。基于先进的擎天QingTian架构
- 页面中指定元素进入全屏&&退出全屏
SarinaDu
csscss3html
可运行demoFullscreenDivExample/*设置div的样式*/#fullscreenDiv{width:300px;/*宽度*/height:200px;/*高度*/background-color:lightblue;/*背景颜色*/display:flex;/*使用flex布局*/justify-content:center;/*水平居中*/align-items:center
- Unity ui布局元素组件 (Layout Element)
yukino_NZB
Unityuiunityui
布局元素组件(LayoutElement)首先,布局控制器将分配最小大小属性(MinWidth、MinHeight)。如果有足够的可用空间,布局控制器将分配偏好大小属性(PreferredWidth、PreferredHeight)。如果有额外的可用空间,布局控制器将分配灵活大小属性(FlexibleWidth、FlexibleHeight)。Min和Preferred大小采用常规单位,而Flex
- 828华为云征文 | 使用Flexus云服务器X实例部署GLPI资产管理系统
降世神童
高级IT运维技术专栏华为云nginxmysql
828华为云征文|使用Flexus云服务器X实例部署GLPI资产管理系统1.部署环境说明2.部署基础环境2.1.操作系统基本配置2.2.部署Nginx2.3.部署MySQL2.4.部署PHP3.部署GLPI资产管理系统1.部署环境说明 本次环境选择使用华为云Flexus云服务器X实例,因为其具有高性能的计算能力、灵活的资源配置、稳定的运行环境、高效的网络访问速度、服务的高可用性保证以及多层次的数
- CSS实现图片缺角效果
凉风听雪
CSS炫酷使用css前端css3html
效果:源码:123body{margin:0;padding:0;background:#f9f9f9;display:flex;align-items:center;justify-content:center;height:100vh;}.row{display:flex;padding:30px;gap:30px;flex-wrap:wrap;background:inherit;}.box
- 前端杂学录(七)
真的不想学习啦
前端前端html5javascriptcss
1.响应式布局方案1.媒体查询特点媒体查询是CSS的一部分,可以根据设备的特性(如宽度、高度、分辨率等)应用不同的样式。示例body{font-size:16px;}@media(max-width:768px){body{font-size:14px;}}@media(max-width:480px){body{font-size:12px;}}2.弹性布局(Flexbox)特点Flexbox是
- MRtrix3安装报错2则:Checking for Qt: ERROR: error linking Qt application!
皎皎如月明
linux运维服务器
服了,mrtrix3官网现在只推荐了conda安装这种方法,但是conda安装我一直报错,报错代码如下:Solvingenvironment:failedwithinitialfrozensolve.Retryingwithflexiblesolve.Collectingpackagemetadata(repodata.json):donePackagesNotFoundError:Thefoll
- CSS从入门到精通
cgblpx
前端开发全家桶-7天集训csshtmlcss3
文章目录CSS技术什么是CSSCSS的用法选择器标签名选择器class选择器id选择器分组选择器属性选择器盒子模型margin(外边距)border(边框)padding(内边距)元素类型的补充块级元素行内元素行内块元素永和门店系统用户注册练习CSS技术dy同名:cgblpx弹性布局:水平垂直都居中display:flex;justify-content:center;align-items:ce
- TensorFlow 架构
weixin_zdpau
AItensorflow人工智能神经网络
https://www.tensorflow.org/guide/extend/architecture一WedesignedTensorFlowforlarge-scaledistributedtrainingandinference,butitisalsoflexibleenoughtosupportexperimentationwithnewmachinelearningmodelsands
- 微信小程序-路线规划功能
lvbb66
微信小程序notepad++小程序
wxmlwxss/*pages/atlas/index.wxss*/.container{background-color:#ffffff;padding-bottom:10px;}/*顶部导航栏*/.top{width:100%;height:90px;color:#636363;display:flex;top:0;position:fixed;font-size:14px;text-alig
- flex布局子元素间距问题
萧寂173
csscsscss3前端
Document.father{display:flex;flex-wrap:wrap;gap:20px;/*左右间距和上下间距都是20px*/}.son{width:100px;height:100px;background-color:red;}.father2{display:flex;flex-wrap:wrap;gap:50px20px;/*上下间距50px,左右间距20px*/}.so
- css 实现图片3D旋转效果(那些年写过的转圈圈)
Venus865
css前端
css实现图片旋转效果还是很容易的,不说废话直接上,先看下效果实现起来也不复杂,主要用到的css样式有:transform-style,transform,animation,-webkit-box-reflect,会在代码里一一介绍,如下.container{width:800px;height:600px;border:1pxsolidrgba(0,0,0,0.1);display:flex;
- 在Intel GPU上使用IPEX-LLM进行本地BGE嵌入
shuoac
python
在现代人工智能应用中,尤其在诸如检索增强生成(RAG)和文档问答等任务中,低延迟是一个至关重要的指标。Intel的IPEX-LLM是一种专门为IntelCPU和GPU优化的PyTorch库,能够在包括本地PC上的集成显卡和独立显卡(如Arc、Flex和Max)在内的Intel硬件上以极低的延迟运行大型语言模型(LLM)。本文将介绍如何在IntelGPU上结合LangChain使用IPEX-LLM进
- CSS实现一张简易的贺卡
StarPlatinum2
简单的CSS程序css前端
效果当你把鼠标移至贺卡上时,贺卡会缓慢打开。代码如下Document*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:#2e3c50;}.card{width:300px
- 项目实战--网页五子棋(游戏大厅)(3)
Ting-yu
javamavenjava-eeintellij-idea
我们的游戏大厅界面主要需要包含两个功能,一是显示用户信息,二是匹配游戏按钮1.页面实现hall.html游戏大厅五子棋开始匹配hall.css.container{height:calc(100%-50px);display:flex;justify-content:center;align-items:center;}.container.dialog{height:350px;width:29
- flex居中(justify-content: center和 align-items:center )遇坑。
家里有蜘蛛
#flex布局#微信小程序
justify-content:center和align-items:center当你使用flex布局时会经常用到这两个属性但是有时会发现为什么失灵了,为什么怎么样都居中不了,明明刚才还管用,(前几天博主就遇到了这种情况)…这个连个属性在网上查到的都是说前者是水平居中后者是垂直居中但是其实这种是不完全正确的只是其中一种情况,如果是另一种情况的话就会失效。步入正题那现在应该怎么使用呢?话不多说上代码
- 利用flex来布局顶部菜单栏
学习做游戏中
css3flex
安装vscode插件csspeek:快速定位到css定义的位置微软的livepreview替换liveserver因为这个好像不支持utf8前置css知识span标签是一个行内容器,用于标记文本的一部分,或文档的一部分。它与div非常相似,但div是块级元素,而span是行内元素。p段落标签,可设置line-height属性text-align设置块元素或者单元格框的行内内容的水平对齐。这意味着其
- flex布局自定义一行几栏,靠左对齐===grid布局
Bunury
Css前端javascripthtml
模板12221222122212221222122212221222样式.content{width:70%;margin:auto;display:flex;flex-wrap:wrap;padding:30px;background-color:skyblue;.item{/*去掉两边间隙总60px*/flex:00calc((100%-60px)/3);height:120px;backgr
- 前端排序算法完全指南:从理论到实践
念九_ysl
算法javascript开发语言ecmascript算法
前端排序算法终极指南.container{max-width:1000px;margin:0auto;padding:20px;}.demo-container{margin:30px0;border:1pxsolid#eee;padding:20px;}.bars-wrapper{height:200px;display:flex;align-items:flex-end;gap:2px;mar
- Antd使用日期RangePicker框,实现左侧有时间区间选择 本月、上月、过去7天、过去30天等
孜然卷k
css前端
产品要求:在原有日期框的左侧,添加本月、上月、过去7天、过去30天等选项。看Antd组件RangePicker:只存在底下的选择采用CSS去改变样式达到左侧展示的需求:global{.ant-calendar-panel{display:flex;}}效果:在详细的去控制一下元素样式属性:记得给到RangePicker的dropdownClassName属性:global{.ant-calenda
- OpenHarmonry 5.0.1源码下载与编译
程序课代表
Openharmony
预置环境:硬盘500G、内存32G、Ubuntu20.04.6LTSUbuntu系统下载路径:ubuntu-releases安装包下载_开源镜像站-阿里云一、必需环境sudoapt-getupdate&&sudoapt-getinstallbinutilsbinutils-devgitgit-lfsgnupgflexbisongperfbuild-essentialzipcurlzlib1g-de
- springmvc 下 freemarker页面枚举的遍历输出
杨白白
enumfreemarker
spring mvc freemarker 中遍历枚举
1枚举类型有一个本地方法叫values(),这个方法可以直接返回枚举数组。所以可以利用这个遍历。
enum
public enum BooleanEnum {
TRUE(Boolean.TRUE, "是"), FALSE(Boolean.FALSE, "否");
- 实习简要总结
byalias
工作
来白虹不知不觉中已经一个多月了,因为项目还在需求分析及项目架构阶段,自己在这段
时间都是在学习相关技术知识,现在对这段时间的工作及学习情况做一个总结:
(1)工作技能方面
大体分为两个阶段,Java Web 基础阶段和Java EE阶段
1)Java Web阶段
在这个阶段,自己主要着重学习了 JSP, Servlet, JDBC, MySQL,这些知识的核心点都过
了一遍,也
- Quartz——DateIntervalTrigger触发器
eksliang
quartz
转载请出自出处:http://eksliang.iteye.com/blog/2208559 一.概述
simpleTrigger 内部实现机制是通过计算间隔时间来计算下次的执行时间,这就导致他有不适合调度的定时任务。例如我们想每天的 1:00AM 执行任务,如果使用 SimpleTrigger,间隔时间就是一天。注意这里就会有一个问题,即当有 misfired 的任务并且恢复执行时,该执行时间
- Unix快捷键
18289753290
unixUnix;快捷键;
复制,删除,粘贴:
dd:删除光标所在的行 &nbs
- 获取Android设备屏幕的相关参数
酷的飞上天空
android
包含屏幕的分辨率 以及 屏幕宽度的最大dp 高度最大dp
TextView text = (TextView)findViewById(R.id.text);
DisplayMetrics dm = new DisplayMetrics();
text.append("getResources().ge
- 要做物联网?先保护好你的数据
蓝儿唯美
数据
根据Beecham Research的说法,那些在行业中希望利用物联网的关键领域需要提供更好的安全性。
在Beecham的物联网安全威胁图谱上,展示了那些可能产生内外部攻击并且需要通过快速发展的物联网行业加以解决的关键领域。
Beecham Research的技术主管Jon Howes说:“之所以我们目前还没有看到与物联网相关的严重安全事件,是因为目前还没有在大型客户和企业应用中进行部署,也就
- Java取模(求余)运算
随便小屋
java
整数之间的取模求余运算很好求,但几乎没有遇到过对负数进行取模求余,直接看下面代码:
/**
*
* @author Logic
*
*/
public class Test {
public static void main(String[] args) {
// TODO A
- SQL注入介绍
aijuans
sql注入
二、SQL注入范例
这里我们根据用户登录页面
<form action="" > 用户名:<input type="text" name="username"><br/> 密 码:<input type="password" name="passwor
- 优雅代码风格
aoyouzi
代码
总结了几点关于优雅代码风格的描述:
代码简单:不隐藏设计者的意图,抽象干净利落,控制语句直截了当。
接口清晰:类型接口表现力直白,字面表达含义,API 相互呼应以增强可测试性。
依赖项少:依赖关系越少越好,依赖少证明内聚程度高,低耦合利于自动测试,便于重构。
没有重复:重复代码意味着某些概念或想法没有在代码中良好的体现,及时重构消除重复。
战术分层:代码分层清晰,隔离明确,
- 布尔数组
百合不是茶
java布尔数组
androi中提到了布尔数组;
布尔数组默认的是false, 并且只会打印false或者是true
布尔数组的例子; 根据字符数组创建布尔数组
char[] c = {'p','u','b','l','i','c'};
//根据字符数组的长度创建布尔数组的个数
boolean[] b = new bool
- web.xml之welcome-file-list、error-page
bijian1013
javaweb.xmlservleterror-page
welcome-file-list
1.定义:
<welcome-file-list>
<welcome-file>login.jsp</welcome>
</welcome-file-list>
2.作用:用来指定WEB应用首页名称。
error-page1.定义:
<error-page&g
- richfaces 4 fileUpload组件删除上传的文件
sunjing
clearRichfaces 4fileupload
页面代码
<h:form id="fileForm"> <rich:
- 技术文章备忘
bit1129
技术文章
Zookeeper
http://wenku.baidu.com/view/bab171ffaef8941ea76e05b8.html
http://wenku.baidu.com/link?url=8thAIwFTnPh2KL2b0p1V7XSgmF9ZEFgw4V_MkIpA9j8BX2rDQMPgK5l3wcs9oBTxeekOnm5P3BK8c6K2DWynq9nfUCkRlTt9uV
- org.hibernate.hql.ast.QuerySyntaxException: unexpected token: on near line 1解决方案
白糖_
Hibernate
文章摘自:http://blog.csdn.net/yangwawa19870921/article/details/7553181
在编写HQL时,可能会出现这种代码:
select a.name,b.age from TableA a left join TableB b on a.id=b.id
如果这是HQL,那么这段代码就是错误的,因为HQL不支持
- sqlserver按照字段内容进行排序
bozch
按照内容排序
在做项目的时候,遇到了这样的一个需求:
从数据库中取出的数据集,首先要将某个数据或者多个数据按照地段内容放到前面显示,例如:从学生表中取出姓李的放到数据集的前面;
select * fro
- 编程珠玑-第一章-位图排序
bylijinnan
java编程珠玑
import java.io.BufferedWriter;
import java.io.File;
import java.io.FileWriter;
import java.io.IOException;
import java.io.Writer;
import java.util.Random;
public class BitMapSearch {
- Java关于==和equals
chenbowen00
java
关于==和equals概念其实很简单,一个是比较内存地址是否相同,一个比较的是值内容是否相同。虽然理解上不难,但是有时存在一些理解误区,如下情况:
1、
String a = "aaa";
a=="aaa";
==> true
2、
new String("aaa")==new String("aaa
- [IT与资本]软件行业需对外界投资热情保持警惕
comsci
it
我还是那个看法,软件行业需要增强内生动力,尽量依靠自有资金和营业收入来进行经营,避免在资本市场上经受各种不同类型的风险,为企业自主研发核心技术和产品提供稳定,温和的外部环境...
如果我们在自己尚未掌握核心技术之前,企图依靠上市来筹集资金,然后使劲往某个领域砸钱,然
- oracle 数据块结构
daizj
oracle块数据块块结构行目录
oracle 数据块是数据库存储的最小单位,一般为操作系统块的N倍。其结构为:
块头--〉空行--〉数据,其实际为纵行结构。
块的标准大小由初始化参数DB_BLOCK_SIZE指定。具有标准大小的块称为标准块(Standard Block)。块的大小和标准块的大小不同的块叫非标准块(Nonstandard Block)。同一数据库中,Oracle9i及以上版本支持同一数据库中同时使用标
- github上一些觉得对自己工作有用的项目收集
dengkane
github
github上一些觉得对自己工作有用的项目收集
技能类
markdown语法中文说明
回到顶部
全文检索
elasticsearch
bigdesk elasticsearch管理插件
回到顶部
nosql
mapdb 支持亿级别map, list, 支持事务. 可考虑做为缓存使用
C
- 初二上学期难记单词二
dcj3sjt126com
englishword
dangerous 危险的
panda 熊猫
lion 狮子
elephant 象
monkey 猴子
tiger 老虎
deer 鹿
snake 蛇
rabbit 兔子
duck 鸭
horse 马
forest 森林
fall 跌倒;落下
climb 爬;攀登
finish 完成;结束
cinema 电影院;电影
seafood 海鲜;海产食品
bank 银行
- 8、mysql外键(FOREIGN KEY)的简单使用
dcj3sjt126com
mysql
一、基本概念
1、MySQL中“键”和“索引”的定义相同,所以外键和主键一样也是索引的一种。不同的是MySQL会自动为所有表的主键进行索引,但是外键字段必须由用户进行明确的索引。用于外键关系的字段必须在所有的参照表中进行明确地索引,InnoDB不能自动地创建索引。
2、外键可以是一对一的,一个表的记录只能与另一个表的一条记录连接,或者是一对多的,一个表的记录与另一个表的多条记录连接。
3、如
- java循环标签 Foreach
shuizhaosi888
标签java循环foreach
1. 简单的for循环
public static void main(String[] args) {
for (int i = 1, y = i + 10; i < 5 && y < 12; i++, y = i * 2) {
System.err.println("i=" + i + " y="
- Spring Security(05)——异常信息本地化
234390216
exceptionSpring Security异常信息本地化
异常信息本地化
Spring Security支持将展现给终端用户看的异常信息本地化,这些信息包括认证失败、访问被拒绝等。而对于展现给开发者看的异常信息和日志信息(如配置错误)则是不能够进行本地化的,它们是以英文硬编码在Spring Security的代码中的。在Spring-Security-core-x
- DUBBO架构服务端告警Failed to send message Response
javamingtingzhao
架构DUBBO
废话不多说,警告日志如下,不知道有哪位遇到过,此异常在服务端抛出(服务器启动第一次运行会有这个警告),后续运行没问题,找了好久真心不知道哪里错了。
WARN 2015-07-18 22:31:15,272 com.alibaba.dubbo.remoting.transport.dispatcher.ChannelEventRunnable.run(84)
- JS中Date对象中几个用法
leeqq
JavaScriptDate最后一天
近来工作中遇到这样的两个需求
1. 给个Date对象,找出该时间所在月的第一天和最后一天
2. 给个Date对象,找出该时间所在周的第一天和最后一天
需求1中的找月第一天很简单,我记得api中有setDate方法可以使用
使用setDate方法前,先看看getDate
var date = new Date();
console.log(date);
// Sat J
- MFC中使用ado技术操作数据库
你不认识的休道人
sqlmfc
1.在stdafx.h中导入ado动态链接库
#import"C:\Program Files\Common Files\System\ado\msado15.dll" no_namespace rename("EOF","end")2.在CTestApp文件的InitInstance()函数中domodal之前写::CoIniti
- Android Studio加速
rensanning
android studio
Android Studio慢、吃内存!启动时后会立即通过Gradle来sync & build工程。
(1)设置Android Studio
a) 禁用插件
File -> Settings... Plugins 去掉一些没有用的插件。
比如:Git Integration、GitHub、Google Cloud Testing、Google Cloud
- 各数据库的批量Update操作
tomcat_oracle
javaoraclesqlmysqlsqlite
MyBatis的update元素的用法与insert元素基本相同,因此本篇不打算重复了。本篇仅记录批量update操作的
sql语句,懂得SQL语句,那么MyBatis部分的操作就简单了。 注意:下列批量更新语句都是作为一个事务整体执行,要不全部成功,要不全部回滚。
MSSQL的SQL语句
WITH R AS(
SELECT 'John' as name, 18 as
- html禁止清除input文本输入缓存
xp9802
input
多数浏览器默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值,有2种方法:
方法一: 在不想使用缓存的input中添加 autocomplete="off"; eg: <input type="text" autocomplete="off" name