实用技巧 技巧css
uniapp使用scss定义全局css
1.新建scss文件,定义各种全局css样式 $orange: #ee5313!default; //主题色:橙色 $darkOrange:#d43a11; //深橙色 $color:#333; $gray: #999; //灰色 $lightGray:#bbb; //浅灰 $grayBg:#f3f ......
web网页在手机端打开后左右可以滑动的css bug怎么解决
web网页在手机端打开后左右可以滑动的css bug怎么解决 这个问题通常是由于在移动设备上使用了固定宽度的元素或容器而导致的。解决这个问题的一种方法是使用CSS媒体查询来检测移动设备,并将容器的宽度设置为100%。具体操作如下: @media only screen and (max-width: ......
PostgreSQL 基础知识:psql 提示和技巧
对于积极使用和连接到 PostgreSQL 数据库的任何开发人员或 DBA 来说,能够访问psql命令行工具是必不可少的。在我们的第一篇文章中,我们讨论了 psql的简要历史,并演示了如何在您选择的平台上安装它并连接到 PostgreSQL 数据库。 在本文中,我们将帮助您了解成为高级用户所需了解的 ......
掌握这些GitHub搜索技巧,你的开发效率将翻倍!
作为开发it行业一员,学习借鉴他人项目是很有必要的,所以我们一般都会从github或者 Gitee 上面去参考借鉴他人的项目来学习增加自己的项目经验 但是github你真的用对了嘛,他的功能其实很强大!!! githu项目搜索 关键字搜索 在Github搜索栏中输入与您感兴趣的技术相关的关键词,例如 ......
转行面试,跳槽面试,软件测试人员都必须知道的这几种面试技巧
在面试的过程中好多人会有这种的感觉。我在面试的时候面试官会问的特别详细,你们的公司之前是做什么的,还有相关的一些人员构成比例,开发和测试大概有多少人,你们公司有没有运维,有没有产品,以及呢一些详细的软件流程测试,版本大小的一些迭代更新,都是多长的时间,那么在这个过程当中呢。尤其是我们刚刚学习软件测试... ......
CSS实现单行、多行文本溢出显示省略号
代码 单行文字溢出打点 div { width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 多行文字溢出打点 div { width: 100px; overflow: hidden; text- ......
FreeCodeCamp-通过构建一组彩色笔来学习 CSS 颜色
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......
css中filter的部分特别用法
1. drop-shadow 函数 如果给png的图片设置阴影 通过box-shadow 就会变成这样 但可以通过fliter来重新实现 会变成这样 .header{ //box-shadow: 10px 10px 10px #000; filter: drop-shadow(10px 10px 1 ......
css 新增的伪类选择器用法
<div class='form-block'> <lable class='lable'> <span>账户</span> <input required class='txt' type='text'/> </lable> </div>r 1. .form-block:focus-withinf ......
页面引入css样式时,使用link和@import有什么区别
css文件引入的方式有两种: 1.HTML中使用link标签 <link rel="stylesheet" href="style.css/> 2. css中使用@import @import "style.css" /*使用字符创*/ @import url("style.css") /*使用ur ......
DevTools failed to load source map: Could not load content for https://xxxxx/bootstrap-theme.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load source map: Could not load content for https://xxxxx/bootstrap-theme.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPO ......
SQL Server 技巧
自动备份 使用Microsoft SQL Server Management打开目标服务器,管理-维护计划新建维护计划,通过设定重复自动运行的计划达到固定时间自动备份的目标。 ......
CSS文本溢出显示三个小圆点
溢出显示三个小圆点:必须用的属性1、给元素一个固定的宽度2、让文本不折行显示3、溢出隐藏4、溢出文本变成三个圆点//添加一个固定的宽度 width:300px;//让文本不折行 white-space: nowrap;//溢出的文本隐藏overflow: hidden;//溢出文本的显示效果clip ......
常见excel使用技巧
一、筛选开头是xxx的列 在目标列的右侧插入一列,第二行输入公式=OR(left(左侧单元格)={"1","2","3","4"})下拉公式,出现为TRUE的项,然后通过添加筛选选中TRUE是列。 二、科学计数法换文本显示 选中出现科学计数法的那一列,顶部工具栏切换到【数据】,选择【分列】。 ......
VScode-实用插件分享
界面插件 select-highlight-cochineal-color:选择高亮 indent-rainbow:缩进彩色显示 select highlight in minimap:代码地图高亮 vscode-icons:显示VScode中,各类文件、文件夹的icon,方便查找 功能插件 Cod ......
shell脚本技巧
使用环境变量$RANDOM生成随机数 生成0~32767之间的随机数 jun@jun:tmp$ echo $RANDOM 13869 jun@jun:tmp$ echo $RANDOM 8449 生成0~10之间的随机数 jun@jun:tmp$ echo $(($RANDOM % 10)) 0 j ......
《花雕学AI》ChatGPT的工作效率神器:110个适应各种情境的高效技巧
实用技巧分类目录一、最佳ChatGPT 4提示二、最佳写作和内容创作ChatGPT提示三、最佳趣味性ChatGPT提示四、最佳网络开发的ChatGPT提示五、最佳音乐主题ChatGPT提示六、最佳职业主题ChatGPT提示七、最佳用于教育的ChatGPT提示八、最佳用于市场营销的ChatGPT提示九 ......
css3中 > 与 >>>
CSS中 > 和 >>> 都是用来选择子元素的选择器,不过两者有一定的区别。 CSS中 > 只能选择直接子元素,而不能选择孙子元素及以下的后代元素。 例如,.parent > .child 可以选择 .parent 的直接子元素中的类为 .child 的元素,但是不能选择孙子元素中的 .child ......
完美的背景图全屏css代码 – background-size:cover?
写主题样式的时候经常会碰到用背景图铺满整个背景的需求,这里分享下使用方法 需要的效果 图片以背景的形式铺满整个屏幕,不留空白区域 保持图像的纵横比(图片不变形) 图片居中 不出现滚动条 多浏览器支持 以图片bg.jpg为例 方法一、最简单,最高效的方法 CSS3.0 归功于css3.0新增的一个属性 ......
聊一聊 GDB 调试程序时的几个实用命令
一:背景 1. 讲故事 用惯了宇宙第一的 Visual Studio 再用其他的开发工具还是有一点不习惯,不习惯在于想用的命令或者面板找不到,总的来说还是各有千秋吧,今天我们来聊一下几个在调试中比较实用的命令: 查看内存 硬件断点 虚拟内存布局 二:命令解读 1. 查看内存 相信大家都知道 Visu ......
可视化—gojs 超多超实用经验分享(一)
可视化的库非常多,如:echarts、highcharts、antv 系列、d3、gojs..... 按照可自定义绘图的程度排序: gojs、d3js > antv > echarts 、highcharts 如果需求简单,不需要自定义图元素,那么 echarts 、highcharts 看中哪个 ......
CSS mask的用法
CSS的mask属性可以让你在元素上添加一个遮罩蒙层,从而有助于创建各种有趣的效果。下面是一些mask属性的常见用法:1. 使用图片遮罩 img { -webkit-mask-image: url(mask.png); mask-image: url(mask.png); } 以上代码将会使用mas ......
Vite + React 项目,在 Webstorm 中的 tailwind css 无法自动补全问题
问题 根据官网的安装步骤,Install Tailwind CSS with Vite 安装完成后,在 Webstorm 中 Tailwind 始终无法自动补全,查看 Webstorm 的日志,提示报错 Tailwind CSS: Tailwind CSS: require() of ES Modu ......
FreeCodeCamp-通过编写咖啡店菜单学习CSS
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> < ......
实用Linux命令
sed:替换文件字符串内容 原文件内容: 命令:test-for-find-log]# sed 's/9D/XXXXXXXX/g' key.txt 命令说明: s:替换命令 9D:原内容,可以为正则表达式 XXXXXXXX:替换的字符串 g:全局替换 结果: grep的正则匹配 cat warn.l ......
vue学习 第十一天 CSS3新特性 ---- 新增选择器(1、属性选择器 2、结构伪类选择器 3、伪元素选择器) / CSS3盒子模型(border-box总体宽度不变)/ 图片模糊、宽度计算 / 过渡(transition)
CSS3 新特性 1、CSS3 现状 1) 新增的CSS3特性有兼容性问题,ie9+才支持 2) 移动端支持优于PC 端 3.)不断改进中,应用相对广泛 2、CSS3 新增选择器 CSS3给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。 1)属性选择器 2)结构伪类选择器 3)伪元素选择器 ......
vue学习 第十天(1) css高级技巧 ----CSS用户界面样式 / vertical-align属性应用 / 溢出文字用省略号显示 / 常见布局技巧 **css初始化的原因**
用户界面样式 1)鼠标样式 cursor li { cursor: pointer ;} 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 2、轮廓线 outline 给表单添加outline:0;或者outline:none;样式之后,就可以去掉默认的蓝色边框( 选中情况下 )。 3 ......
vue学习 第九天(2) css高级技巧. ---- 精灵图 / 字体图片 / CSS三角
学习目标: 1)精灵图 2)字体图标 3)CSS三角 4)CSS用户界面样式 5)vertical-align属性应用 6)溢出的文字省略号显示 7)常见的布局技巧 1、精灵图 1)需要精灵图的原因 (减少网页多张小图片的多次服务器请求) 网页中有很多小的背景图,过多的图片。会导致服务器频繁的接收和 ......
随机造数据的技巧总结
以下是一个简单的使用 C++11 新特性生成随机数数据的程序示例: #include <iostream> #include <random> // 引入随机数生成器的头文件 using namespace std; int main(){ // 创建 C++11 随机数生成器 mt19937_64 ......
二维数组遍历n行,for语句的技巧
遍历二维数组第n行的时候,for语句的写法技巧 for (int i = 0; i < 12; i ++) sum += q[n][i]; 等价于 for (double x: q[n]) sum += x; 参考 https://www.acwing.com/video/4389/ ......