实用技巧 技巧css
CSS hack
之前一直很狭隘的对CSS hack持有偏见，觉得写得规范的代码不应该使用这些“邪门歪道”，可最近产品发布一个小问题却让我头疼了很久，最后查了一下资料，竟然使用CSS hack轻松解决了，不得不服啊，对付神奇的IE就得使用这些利器。 什么是CSS hack 由于不同的浏览器，甚至同一浏览器的不同版本对 ......
CSS 布局
一些基本概念 viewport: 展现网页的媒体，比如窗口或者某个区域，它的大小是有限制的，为了不被平台术语所束缚，我们给他起名viewport，中文意思就是视口。 canvas: 而我们在渲染网页的时候通常并不知道我们需要多大的空间，而且这些空间通常尺寸会超过viewport的大小，于是实际上我们 ......
CSS与Bootstrap的关系和区别
1. CSS是层叠样式表(Cascading Style Sheets)的缩写,是一种样式表语言,用于控制网页的视觉效果。 2. Bootstrap是一个开源的前端UI框架,基于HTML、CSS和JavaScript,用于快速开发Web应用程序和网站。 3. Bootstrap需要依赖CSS作为样式 ......
CSS
CSS（Cascading Style Sheets）是一种用于描述HTML（或XML等）文档的样式和布局的标记语言。它通过为HTML元素应用样式规则来控制元素的外观和排版。 CSS的主要作用是将网页的内容和样式分离，使得网页的结构和样式可以独立进行修改和管理。通过CSS，可以为HTML元素指定字体 ......
HTML+CSS随笔
这是我的学习笔记，重点是我容易忘的内容，并不全面 配合以下内容学习就很全面了 黑马程序员pink老师前端入门教程 HTML HTML文件基础结构解析 <!DOCTYPE html> <html lang="zh-han"> <head> <meta charset="UTF-8"> <meta na ......
Css实现浏览滚动条效果
Css实现浏览滚动条效果 前言 也是有大半个月没有更新文章了，大部分时间都在玩，然后就是入职的事。今天就更新一个小知识，刷抖音的时候看到的，感觉还不错。 属性介绍 关键属性animation-timeline:动画名称; 用于控制动画的时间轴。它可以让你在一个元素上同时播放多个动画，控制它们的开始时 ......
idea 使用技巧
提取变量，声明父类型 在idea中提取变量 Ctrl + Alt + V 这个快捷键大家一定不陌生. 其用法不少,主要的用法就是先创建一个对象,然后通过提取变量快捷键快速的将对象赋值给自动声明的变量,如下: 先写对象的创建: new ArrayList() 然后按下 Ctrl + Alt + V , ......
CSS 基础 5 - CSS 选择器
基础 #id{} ID 选择器 .class{} 类选择器 tag{} 标签选择器，tag 可以是 h1, p, div, span, img, nav, footer... *{} 通用选择器，选择所有元素，可以和其他复杂选择器组合 <div class="class1 class2" id="m ......
styled-components & CSS pseudo classes All In One
styled-components & CSS pseudo classes All In One
::after & ::before CSS 伪元素
......
超详细SQLMap使用攻略及技巧分享
sqlmap是一个开源的渗透测试工具，可以用来进行自动化检测，利用SQL注入漏洞，获取数据库服务器的权限。它具有功能强大的检测引擎,针对各种不同类型数据库的渗透测试的功能选项，包括获取数据库中存储的数据，访问操作系统文件甚至可以通过外带数据连接的方式执行操作系统命令。 sqlmap目前最新版本为1. ......
CSS 实现 table 表头固定 tbody 显示垂直滚动条并自定义滚动条样式
一、最终效果图 二、关键代码 html 代码： <div class="table_info"> <table border="0" cellspacing="0" cellpadding="0" style="width: 100%;"> <thead> <tr> <th>项目账号</th> <t ......
WebKit Inside: CSS 样式表的匹配时机
WebKit Inside: CSS 的解析 介绍了 CSS 样式表的解析过程，这篇文章继续介绍 CSS 的匹配时机。 无外部样式表 内部样式表和行内样式表本身就在 HTML 里面，解析 HTML 标签构建 DOM 树时内部样式表和行内样式就会被解析完毕。因此如果 HTML 里面只有内部样式表和行内 ......
矩阵的乘法运算与css的3d变换（transform）
theme: qklhk-chocolate 引言：你有没好奇过，在一个使用了transform变换的元素上使用window.getComputedStyle(htmlElement)['transform'] 查询出来的值代表什么？ 为什么硬件加速要使用transform，以及为什么硬件加速会快? ......
CSS & JS Effect – Do something on enter/leave window tab
需求 我在做一个体验 当用户 submit enquiry 后会 window.open 开启 WhatsApp。而当用户关闭 WhatsApp 回来网站后，会 show 一个 feedback message。 实现思路 关键就在如何感知到，用户从 WhatsApp 切换回到了网站。 参考: De ......
Wpf经验技巧-使用 d:DataContext 指定 DataContext 的类型.
VM代码: V代码(版本1): 没有指定DataContext的类型, 所以下面的绑定并不知道P1和P3到底是什么, 也就无法在代码编辑时检测出绑定是否正确. 如果写错了,只能等到程序运行并打开这个窗口时报错才能知道. V代码(版本2): 通过d:DataContext指定了DataContext的 ......
Nmap使用技巧
Nmap使用技巧 一、主机发现 1. 全面扫描/综合扫描 nmap -A 192.168.1.103 2. Ping扫描 nmap -sP 192.168.1.1/24 3. 免Ping扫描，穿透防火墙，避免被防火墙发现 nmap -P0 192.168.1.103 4. TCP SYN Ping ......
鸿蒙JS UI的Hml语法技巧，hml中实现多列表的方式
由于没有web基础，不懂html和js。需要从基础学起。 刚刚学到在hml中实现多列表的方式，记录一下 <div class="container"> <div class="card-container" for="item in imageCards" show="{{ item.isShow ......
超级实用！React-Router v6实现页面级按钮权限
大家好，我是王天～ 今天咱们用 reac+reactRouter来实现页面级的按钮权限功能。这篇文章分三部分，实现思路、代码实现、踩坑记录。 嫌啰嗦的朋友，直接拖到第二章节看代码哦。 前言 通常情况下，咱们为用户添加权限时，除了页面权限，还会细化到按钮级别，比如、新增、删除、查看等权限。 如下效果， ......
Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError
问题描述 在webpack的时候报错 ERROR in ./packages/theme-chalk/mixins/mixins.scss (./node_modules/css-loader/dist/cjs.js!./packages/theme-chalk/mixins/mixins.scss ......
python小技巧: 对象字段文档注释, 一行分拆多行
对象字段文档注释 python类和函数的文档注释比较常用, 只需要在类和函数下面增加'''即可, 就可以在引用的地方查看注释内容了. 但是对于类的字段, 怎么增加注释呢? 只需要像下面即可: class TradeRecordData: #H.Read '''一次完整的交易记录. 包括买入及卖出'' ......
深航电企业评价评级系统可视化（HTML，CSS，JS）
一.项目背景 深航电企业评价评级系统EERS是一款企业绩效评价平台，旨在为企业提供科学、全面、精准的绩效评价服务，帮助企业发现问题、改进管理，提高整体绩效。 EERS评级系统借助大数据、云计算、人工智能等现代技术手段，将企业绩效数据进行多维度、系统化、动态化分析，为企业提供可视化的评级结果，帮助企业 ......
WebKit Inside: CSS 样式表的解析
CSS 全称为层叠样式表(Cascading Style Sheet)，用来定义 HTML 文件最终显示的外观。 为了理解 CSS 的加载与解析，需要对 CSS 样式表的组成，尤其是 CSS Selector 有所了解，相关部分可以参看这里。 HTML 文件里面引入 CSS 样式表有 3 种方式: ......
CSS关系选择器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
技巧和性质
感觉有太多技巧和性质，有必要记录一下。 RainFestival树，挺有意思。 倒推期望或博弈（简单的道理，但是经常忘以至于做不起 ABC 的 E）。AT_abc314_e [ABC314E] Roulettes Boruvka 解决奇怪的完全图生成树。CF888G Xor-MST 启发式合并/分裂 ......
Html和Css中的一些属性
1、alt属性：alt属性是一个用于网页语言HTML和XHTML、为输出纯文字的参数属性，作用是当HTML元素本身的物件无法被渲染时，就显示alt（替换）文字作为一种补救措施。 <img class="project_img" src="@/assets/music_project.jpg" alt ......
CSS-01 乱码
造成乱码的问题是： 文档保存的时候选择的编码方式和打开文档时使用的编码方式不一样。 当然现在都是统一使用utf-8:万国码。 正常文档格式： <!DOCTYPE html> <head> <meta charset="utf-8"> <title>标题</title> </head> <body> ......
掌握这些技巧，让Excel批量数据清洗变得简单高效！
什么是数据清洗 数据清洗是指在数据处理过程中对原始数据进行筛选、转换和修正，以确保数据的准确性、一致性和完整性的过程。它是数据预处理的一部分，旨在处理和纠正可能存在的错误、缺失值、异常值和不一致性等数据质量问题。 为什么要数据清洗 Excel在数据采集场景中非常常用。作为一款电子表格软件，它提供了丰 ......
CSS定位问题
CSS定位问题 CSS定位分为 静态定位，相对定位，绝对定位，固定定位 默认不设置情况下为静态定位 position:static 静态定位 position:relative 相对定位 position:absolute 绝对定位 position:fixed 固定定位 相对定位 相对定位，即 ......
CSS浮动以及背景属性
CSS浮动以及背景属性 标准文档流 在标准情况下文档的流向方式，块级元素默认从上到下，行内元素和行内块元素从左到右。 CSS浮动，浮动的本意是为了解决文字环绕问题，设置浮动后。会对后面的文字产生环绕效果。 浮动的基本使用： <style> *{ float:left /* 左浮动 */ float: ......