格式vscode html css
BFC块级格式上下文
1.什么是块级格式上下文？如何触发？有何特点？如何解决magin塌陷？ BFC就是一个独立的空间，就是让内部的子元素不会影响到外面的元素。 如何触发？ 1. 浮动元素，float 除 none 以外的值 2. 定位元素，position的值不是static或者relative。 3. display ......
css给元素前面或后面的元素加样式
- h1:has(+p) { color:red; } div+p{ color:green; } <h1>红色</h1> <p>黑色</p> <div>绿色</div> <p>黑色</p> - ......
odoo15引入和使用css
1、增加一个css文件base.css，如下图： ``` .bxbase{ color: red; } ``` 2、在__manifest__中添加引用 ``` 'assets': { 'web.assets_backend': [ 'testaddons/static/src/css/base.c ......
HTML | HTML文档声明
1. 作用：告诉浏览器当前网页的版本。 2. 写法： + **旧写法**：要依网页所用的HTML版本而定，写法有很多。 > 具体有哪些写法请参考 ：https://www.w3.org/QA/2002/04/valid-dtd-list.html（了解即可，千万别背！） + **新写法：**一切都变 ......
HTML | HTML设置语言
1. 主要作用： + 让浏览器显示对应的翻译提示。 + 有利于搜索引擎优化。 2. 具体写法： ```html ``` 3. 扩展知识： `lang` 属性的编写规则（作为一个课外扩展知识，了解即可）。 > 1. 第一种写法（ 语言-国家/地区 ），例如： > + `zh-CN` ：中文-中国大陆（ ......
css超出隐藏、显示省略号
超出一行隐藏: overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 ____________________________________________________ ......
HTML | HTML字符编码
1. 计算机对数据的操作： + 存储时，对数据进行：**编码**。 + 读取时，对数据进行：**解码**。 2. 编码、解码，会遵循一定的规范 —— **字符集**。 3. 字符集有很多中，常见的有（了解）： > 1. `ASCII` ：大写字母、小写字母、数字、一些符号，共计128个。 > > 2 ......
HTML | HTML全局属性
**全局属性**是所有 HTML 元素共有的属性；它们可以用于所有元素，即使属性可能对某些元素不起作用。 我们可以在所有的 HTML 元素，*甚至是在标准里没有指定的元素*上指定全局属性。这意味着任何非标准元素仍必须能够允许应用这些属性，即使使用这些元素意味着文档不再是 HTML5 兼容的。例如，虽 ......
检测代码被格式化
RegExp = function RegExp(str){ this.flag = false; debugger; if(str== `\\w+ *\\(\\) *{\\w+ *['|"].+['|"];? *}`){ this.flag =true; } }; RegExp.prototype ......
HTML | meta元信息
HTML **``** 元素表示那些不能由其他 HTML 元相关（meta-related）元素表示的元数据信息。如：``、``、``、``或``。 1. 配置字符编码 ```html ``` 2. 针对 IE 浏览器的兼容性配置。 ```html ``` 3. 针对移动端的配置（移动端课程中会详细 ......
个人VSCode Vim基础配置文件
## 基础配置项 vscode-vim插件由于是一款模拟器，所以它的配置文件是放在settings.json文件中，而不是vimrc文件中，个人也并不推荐将配置放在vimrc文件中，因为这会导致多端同步变的复杂，尽管这款插件可以支持从vimrc文件中读取配置。 ## 下面是一些我会在使用vscode ......
《代码整洁之道》第 5 章 格式
# 第 5 章 格式 ## 5.2 垂直格式 Junit、FitNesse 和 Time and Money由 相对较小的文件组成。没有一个超过 500 行，多数都小于 200 行。Tomcat 和 Ant 则有些文件达到数千行，将近一半文件长于 200 行。 对我们来说，这意味着什么？意味着有可能 ......
js去掉html中所有的标签、空格和回车换行符只保留文本
replaceText(val) { if (val != null && val != "") { var re1 = new RegExp("<.+?>|&.+?;","g"); //匹配html标签的正则表达式，"g"是搜索匹配多个符合的内容 var msg = val.replace(re1 ......
关于VsCode中终端输出显示不全的问题
背景：在学习OpenCV时，在Vscode中要对当前视频的帧计数进行打印，发现总是从第400多行开始打印，怀疑是代码逻辑写错了，但是在命令行模式下进行运行发现又是对的，猜测是VsCode编辑器设置的限制，度娘一搜，试了一下网上的方法，结果马上对了！发现是VsCode 控制终端在其缓冲区保留的最大行数 ......
html details 去除三角
/* 隐藏默认三角 chrome Safari*/ details ::-webkit-details-marker { display: none; } /*隐藏默认三角 Firefox*/ details ::-moz-list-bullet { font-size: 0px; } summar ......
tar.zx格式的解压和压缩方式
由于 xz 文件格式的压缩率更高，已在 Linux 各发行版中广泛使用。最典型的就是Linux内核，3.12版本的xz压缩包仅72.85MB，解压后能达到518.77MB。 XZ Utils的 为： tukaani.org/xz/ 那么，如何创建和解压.xz 格式文件呢？以解压linux-3.12. ......
HTML | HTML框架标签
| **标签名** | **功能和语义** | **属性** | **单** **/** 双标签 | | : : | | | : : | | `iframe` | 框架（在网页中嵌入其他文件） | `name` ：框架名字，可以与 `target` 属性配合。`width` ： 框架的宽。`heig ......
ISODate转换成字符串格式日期
> db.tb_time_test.find() { "_id" : ObjectId("64c9cc1ffb4c9e5dcd00cfa2"), "id" : 1, "time" : ISODate("2023-08-02T11:23:11Z") } { "_id" : ObjectId("64c9 ......
python写入mongodb时间字段格式为ISO
#!/usr/bin/env python #coding=utf-8 import time from dateutil import parser from pymongo import MongoClient now = parser.parse(time.strftime("%Y-%m-%d ......
html5存储数据和缓存
html5存储sessionStorage 会话级别的本地存储，会话结束后数据就是自动清除localStorage 永久本地存储 sessionStorage与localStorage都有四个方法来对本地存储进行操作 setitem(key,value);添加本地存储数据 getitem(key); ......
vite 项目webstorm跳转失效 VSCode、vue 无法对 @ 路径 跳转 ，几乎适用于所有webpack、vue、react项目
在根目录加一个jsconfig.json文件 { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] }, "target": "ES6", "allowSyntheticDefaultImports": true }, ......
[问题记录] html2canvas导出空白PDF(canvas.toDataURL返回data,)
描述： 前端使用pdfjs加载PDF，转换为canvas ，但是当PDF页数过多时，html2canvas 导出空白 PDF。 因为浏览器对canvas大小有限制，所以当canvas超出限制后，canvas.toDataURL就会返回data,. 类似于空数据。 使用pdfjs加载PDF时，是将每一 ......
vue 通过css 给html元素增加前缀红色星号
` `前面增加红色星号 要为``的`label`增加红色星号，你可以使用CSS中的伪元素 `::after` 或 `::before` 来实现。下面是如何在样式中添加红色星号的示例： ``` ``` ......
前端学习之HTML——(1)
1、html的基本结构 a.首先是注释信息，在html中使用<!--xxx-->这样的方式来进行注释 b.DOCTYPE，这是告诉浏览器所使用规范，一般可以不加这个，因为现在的浏览器默认所使用的规范为html c.head标签，表示网页的头部，其中会放入其他标签 d.meta标签，这是一个描述性的标 ......
PHPGD库如何使用SVG格式进行图像处理
使用PHP GD库进行图像处理是PHP编程开发中常用的技术，而将其与SVG格式结合使用可以使图像处理更加灵活、高效和美观。本篇文章将围绕PHP GD库如何使用SVG格式进行图像处理展开探讨。 一、什么是SVG格式？ PHPGD库如何使用SVG格式进行图像处理 SVG是可缩放矢量图形（Scalable ......
C# 确定文件编码格式的方法
当我们用System.IO.StreamReader读取包含汉字的txt文件时，经常会读出乱码（StreamWriater写文本文件也有类似的问题），原因很简单，就是文件的编码（encoding）和StreamReader/Writer的encoding不对应。 为了解决这个问题，我写了一个类，来取 ......
PHPJSON数据格式常见应用及实例解析
PHPJSON数据格式常见应用及实例解析 随着Web应用的兴起和普及，数据的传输和处理已经成为Web开发中不可或缺的一部分。PHP作为一种广泛使用的服务器端编程语言，对于数据的处理和传输也有着非常丰富的支持。其中，JSON数据格式已经成为Web开发中最常用的数据格式之一。本文将结合实例，介绍JSON ......
代码格式有哪些注意事项
## 提问 代码格式有哪些注意事项 ## 回答 垂直格式：代码行数别太多  横向格式：代码别太宽 ![](https:/ ......
css 中强制换行后，伪类元素变形，用到的flex-shrink 属性
之前都没用过这个属性，最近做项目遇到一个不同屏幕下可能会换行的问题，设置了强制 不换行，但是伪类元素就没挤没了，请教了同事，用到了flex-shrink属性 然后我就去看了看这个属性的用法，简单记录一下 flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于 ......