实用技巧 技巧css
CSS 设置文字间距
CSS 设置文字间距 一、设置字符间距 在 CSS 中，可以使用 letter-spacing 属性来设置字符间距。该属性控制每个字符之间的距离，可以设置负值来让字符更接近，也可以设置正值来让字符之间的距离更远。 以下是一个示例，将字符间距设置为 0.1em： p { letter-spacing: ......
为什么你永远不应该在CSS中使用px来设置字体大小
代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。 在Josh Collinsworth的博客文章“永远不要用px作为字体大小”中，作者讨论了为什么不应该使用像素（px）作为网页字体大小的单位 ......
五个 PostgreSQL 典型故障案例及处理 | 进阶技巧
五个 PostgreSQL 典型故障案例及处理 | 进阶技巧 twt企业IT社区2019-05-29 582 【摘要】PostgreSQL 是一个功能强大的开源对象关系数据库管理系统，目前应用日益广泛，掌握相关使用技巧和故障处理方法也越来越重要。本文整理了5个故障案例，并介绍了详细的处理方法，希望能 ......
PowerDesigner 12小技巧-pd修改外键命名规则-pd添加外键
PowerDesigner 12小技巧-pd小技巧-pd工具栏不见了-pd修改外键命名规则-pd添加外键 1. 附加：工具栏不见了 调色板(Palette)快捷工具栏不见了PowerDesigner 快捷工具栏 palette 不见了，怎么重新打开，找回来呢 上网搜索了一下”powerdesigne ......
pydictor —— 一个强大实用的黑客暴力破解字典建立工具
pydictor下载 环境kali https://github.com/LandGrey/pydictor/下载玩解压，然后在pydictor文件夹下打开终端即可。 他可以帮助我们快速的生成普通爆破字典、基于网站内容的自定义字典、社会工程学字典等等一系列高级字典还可以使用内置工具，对字典进行安全删 ......
css 渲染优化的方式
1、加载性能优化：css压缩、css单一样式、减少使用 @import, 而建议使用link； 2、 选择器性能优化： 避免使用通配规则 * 尽量少的去对标签进行选择，而是用class 不要去用标签限定ID或者类选择符：ul#nav,应该简化为#nav 尽量少的去使用后代选择器，降低选择器的权重值 ......
通过 css 控制 window.print 的样式
打印页面隐藏打印按钮 在 button 按钮加一个 class 样式 class="print-button-container" 调用 window.print 方法的页面加以下css <style scope lang="scss"> @media print { .table-print-di ......
CSS6大种选择器
一、常用的css基本选择器(4种) 1、标签选择器 结构： 标签名{css属性名：属性值}作用：通过标签名，找到页面中所有的这类标签，设置样式 注意：1.标签选择器选择的是一类标签，而不是单独的一个2.标签选择器无论嵌套关系有多深，都能够找到对应的标签 <style> p{ color: red; ......
超级好用的Javascript技巧
1、动态加载JS文件 在一些特殊的场景下，特别是一些库和框架的开发中，我们有时会去动态的加载JS文件并执行，下面是利用Promise进行了简单的封装。 function loadJS(files, done) { // 获取head标签 const head = document.getElemen ......
你不知道的 CSS 之包含块
# 你不知道的 CSS 之包含块 一说到 CSS 盒模型，这是很多小伙伴耳熟能详的知识，甚至有的小伙伴还能说出 border-box 和 content-box 这两种盒模型的区别。 但是一说到 CSS 包含块，有的小伙伴就懵圈了，什么是包含块？好像从来没有听说过这玩意儿。 <img src="ht ......
你是否了解 CSS 的属性计算过程呢？
有的同学可能会讲，CSS属性我倒是知道，例如： ```css p{ color : red; } ``` 上面的 CSS 代码中，p 是元素选择器，color 就是其中的一个 CSS 属性。 但是要说 CSS 属性的计算过程，还真的不是很清楚。 没关系，通过此篇文章，能够让你彻底明白什么是 CSS ......
css 移动端1px问题及解决
1、问题原因：移动设备推出一个设备像素⽐：dpr=window.devicePixelRatio，也就是设备的物理像素与逻辑像素的⽐值。在retina屏的⼿机上, dpr为2或3，css⾥写的1px宽度映射到物理像素上就有2px或3px宽度。 2、解决方法：border-image实现、backgr ......
NPM 实用命令与快捷方式
在 JavaScript 中，无论是新手还是专家都可能在命令行中使用过 NPM。在本篇文章中，我将会整理超实用的 NPM 命令、快捷方式及技巧，帮助 JavaScript 开发人员提高生产力和效率。 在这篇文章中，我们将涵盖以下主题： npm 的定义。 使用 npm 包管理系统管理应用程序依赖项，来 ......
HTML-CSS笔记
HTML 一、网页的基本结构和基础 1、html基础 <!doctype html> <html> <head> <!-- 可以通过meta标签来设置网页的字符集，避免乱码的问题--> <meta charset = "UTF-8"/> <title>网页的基本结构</title> </head> ......
轻松拿下PostgreSQL，这30个实用SQL语句你细品
PostgreSQL是一款功能非常强大的开源关系型数据库，它支持哈希索引、反向索引、部分索引、Expression 索引、GiST、GIN等多种索引模式，同时可安装功能丰富的扩展包。相较于Mysql，PostgreSQ支持通过PostGIS扩展支持地理空间数据、支持嵌套循环，哈希连接，排序合并三种表... ......
如何使用 css 将页面缩小/缩放到 90%
当我使用像笔记本电脑这样的设备时，它被放大了，当我缩小到 90% 时，它看起来好多了。 我使用了缩放：90%；首先，但这不适用于 Firefox 或 safari。通过一些研究，我发现 transform:scale (0.9); 是要走的路。 Zoom IE适用。 但是，当我这样做时 html 或 ......
CSS样式 按钮颜色透明
.close{ background-color:transparent; border-style:none; color: #FFFFFF; font-size: 32rpx; text-align: center; } ......
Python partition使用技巧
partition() 方法用来根据指定的分隔符将字符串进行分割。 如果字符串包含指定的分隔符，则返回一个3元的元组，第一个为分隔符左边的子串，第二个为分隔符本身，第三个为分隔符右边的子串。 flask源代码的run模块中,出现的代码当做示例 def run(): ...... _host = '1 ......
html css 怎么导入外部css
在 HTML 文件中导入外部 CSS 样式表，可以使用 <link> 标签。具体步骤如下： 创建一个样式表文件（通常以 .css 扩展名为后缀），并将所有的 CSS 样式规则存放在该文件中。 在 HTML 文件中添加一个 <link> 标签，指定 rel="stylesheet" 属性和 href ......
vue学习 第四天 css ---元素显示模式 display
导学： 1）设置元素显示模式 display 2）block（块）、inline（行内）、inline-block（行内块） 3）每一种元素模式的特点 1、元素显示模式 : 独占一行 （块元素） 和 共用一行 （行内元素） HTML元素一般分为块元素和行内元素两个类型。 2、块元素：<h1>~<h6 ......
MAVEN使用技巧
maven 常用命令 mvn -v //查看版本 mvn archetype:create //创建 Maven 项目 mvn compile //编译源代码 mvn test-compile //编译测试代码 mvn test //运行应用程序中的单元测试 mvn site //生成项目相关信息的 ......
2023.3.2 JQuery CSS 样式操作与jQuery 动画
CSS 样式操作 addClass() 添加样式 removeClass() 删除样式 toggleClass() 有就删除，没有就添加样式。 offset() 获取和设置元素的坐标。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transition ......
css在标签右上角添加“推荐”字样的斜三角样式
可以使用CSS中的伪类:before来实现在标签右上角添加“推荐”字样的斜三角样式，具体实现代码如下： ```.recommend:before { content: "推荐"; position: absolute; top: -8px; right: -26px; z-index: 1; pad ......
TypeScript中的实用工具类型(Utility Types)
TypeScript中的实用工具类型是一些预定义的泛型类型，可用于操作或创建其它新类型。这些实用工具类型在所有TypeScript项目中都是全局可用的，因此无需添加任务依赖项即可使用它们。 1.Partial<Type> 将Type的所有属性都设置为可选的类型。 1 interface Person ......
github 小技巧
前言 简单记一下github 小技巧，因为经常忘。 正文 就是如何快速搜索到自己想找的项目。 如果自己知道项目名，那么直接输入就可以搜索到。 如果不是，那么一般要通过高级搜索。 https://github.com/search/advanced 内容不多说，进去就知道。 文件查看技巧 按 t，可以 ......
HTML+CSS居然可以做时钟，太秀了吧
谁懂啊家人们，html+css居然可以做一个时钟出来，这么厉害的吗 咱这新手是啥也不懂啊，就会复制粘贴，反正是可以正常显示的 话不多说直接上代码，直接复制即可正常运行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <me ......
Postcss css module 关注点分离
Postcss 简明教程 及 css module - 掘金 https://juejin.cn/post/6862371071115558926 PostCSS - 是一个用 JavaScript 工具和插件来转换 CSS 代码的工具 | PostCSS中文网 https://www.postcs ......
仿chatGPT或chatPDF的前端界面布局，css实现对话聊天布局代码，响应式左右分栏布局（附完整源代码）
chatPDF或者chatGPT的界面挺简洁的，就是一个左侧的列表以及右侧的对话列表，现在使用css实现这样的布局 充分运用了flex布局方式实现，左右分栏，以及对话形式展示效果 下面是效果图： 在手机设备看就隐藏左侧，右侧100%适应 下面就是html和css的布局代码 <style> .chat ......
TypeScript 的实用技巧
TypeScript 的实用技巧 类型别名和接口：使用类型别名或接口可以定义复杂的数据类型，提高代码的可读性和可维护性。 泛型：使用泛型可以提高代码的复用性，使代码更加灵活。 非空断言操作符（!）：当开发者确定一个变量或属性不为 null 或 undefined 时，可以使用非空断言操作符（!）来告 ......