格式vscode html css

Html字符转码

标记 十进制编码 编码 ™ ™ € € Space     ! ! " " " # # $ $ % % & & & ' ' ( ( ) ) * * + + ......
字符 Html

一个编辑器粘贴限制字数的方法保留样式和word格式

没啥思路,就取编辑器内容html,dompase解析,然后递归循环截取 traverse(curNode, curLen,limit,truncated,types) { if (truncated) { return curLen; } let that=this; //如果其为文本节点则进行截取 ......
编辑器 样式 字数 格式 方法

使用html2canvas+jspdf将页面转为pdf并下载

1、安装html2canvas和jspdf npm install html2canvas npm install jspdf 2、新建文件htmlToPdf.ts // 导出页面为PDF格式 import html2Canvas from 'html2canvas' import JsPDF fr ......
html2canvas 2canvas 页面 canvas html2

CSS中的transform(2D转换)

transform 是元素转换属性,其属性值为转换函数,使用该属性可以让元素向指定方向移动、缩放大小、旋转等变化。 有以下三种转换函数: 旋转函数(rotate) 移动函数(translate) 缩放函数(scale) translate CSS中的二维坐标系如下(注意y轴正方向与数学中常见的二维坐 ......
transform CSS

【Java工具类】获取文件编码格式

【使用方法】 String encoding = EncodingDetect.getJavaEncode(filePath + File.separator + fileName); 【工具类👇(即插即用)】 import java.io.*; import java.net.URL; /** ......
编码 格式 文件 工具 Java

ubuntu apt安装指定版本vscode

列出vscode所有版本 $ apt-cache madison code code | 1.76.1-1678294265 | http://packages.microsoft.com/repos/code stable/main amd64 Packages code | 1.76.0-167 ......
版本 ubuntu vscode apt

css绝对定位,没有设置left或top

目标:做h5实现以下情形 问题:不知为何成了这样: 分析: 下列是代码: 已知id="div_2"的div的父类已经定位,故该div块的位置是相对于这个父类。 修改之前的代码: 进行修改: 结论:当只给元素定义了position:absolute时,如果top,left没有指定时,则left,top ......
left css top

HTML引入CSS样式的三种方式概述

1.内联定义方式: 在标签内部使用style属性来设置元素的css样式 语法格式: 1 <标签 style="样式名:样式值;样式名:样式值;样式名:样式值;....." 2 </标签> 2.样式块方式: 在head标签中使用style块 语法格式: 1 <head> 2 <style type=" ......
样式 方式 HTML CSS

HTML常用元素

元素大全 <html>:定义HTML文档的根元素。 <head>:包含关于文档的元数据,如标题、样式表和脚本等。 <title>:定义文档的标题,通常出现在浏览器的标签栏中。 <body>:定义文档的主体,包含所有可见内容。 <h1> - <h6>:定义标题,从大到小六级标题。 <p>:定义段落。 ......
元素 常用 HTML

css绘制一个Pinia小菠萝

效果如下: pinia小菠萝分为头部和身体,头部三片叶子,菠萝为身体 头部 先绘制头部的盒子,将三片叶子至于头部盒子中 先绘制中间的叶子,利用border-radius实现叶子的效果,可以借助工具来快速实现圆角的预想效果 https://9elements.github.io/fancy-borde ......
菠萝 Pinia css

linux操作系统实验三-搭建vscode调试环境,进行start_kernal调试

实验三:debug mykernel 首先安装开发工具 sudo apt install build-essential sudo apt install qemu # install QEMU sudo apt install libncurses5-dev bison flex libssl-d ......
start_kernal 环境 kernal vscode 系统

vscode使用clangd

环境要求 使用wsl或者MacOS,Linux下同理,不考虑winodws。 以wsl为例,执行以下指令 sudo apt install clang clangd lldb cmake macOS如果安装过xcode工具包,就附带了Apple Clang编译器,否则执行brew install l ......
vscode clangd

HTML5

一、HTML5新整 1、新增布局标签 artical 里面可以有多个 section 。 section 强调的是分段或分块,如果你想将一块内容分成几段的时候,可使用 section 元 素。 article 比 section 更强调独立性,一块内容如果比较独立、比较完整,应该使用 article ......
HTML5 HTML

使用html2canvas+jspdf将页面转为pdf并下载

需求:我有一个页面,是由多个模块组成的,现在我需要把页面转为pdf并下载,但是因为pdf自动换页以后会把我的模块给截开,不好看甚至内容被裁开,所以我需要判断当前页面加上这个模块以后是不是会超出当前页,如果超出,就直接把整个模块换到第二页去显示。 页面大致如下: 页面代码大致如下: <template ......
html2canvas 2canvas 页面 canvas html2

使用chrome ABC JS-CSS Injector插件,劫持网页js文件改写调试

通过保存网站JS文件,然后阻止源本该访问的JS文件,通过ABC JS-CSS Injector讲需要访问的JS转到本地的JS,进行劫持,就可以进行修改调试 1.需要插件:ABC JS-CSS Injector 设置Title和Domain, 配置使用一下代码: 其中:http://127.0.0.1 ......
插件 Injector 网页 文件 chrome

CSS详解

Cascading Style Sheets层叠样式表 HTML+CSS+JavaScript 框架+表现+交互 一、初始及入门 1.CSS概念 CSS在网页中的应用 CSS的发展史 CSS的优势 2.CSS基本语法 标签style 3.三种引入方式 行内样式 内部样式 外包样式 <!DOCTYPE ......
CSS

.net core 关于对swagger的UI(Index.html)或接口的权限验证;

背景: 如何在ASP.Net Core的生产环境中保护swagger ui,也就是index.html页面。其实swagger是自带禁用的功能的,只需要设置开关即可。但是有一些场景,是需要把这些接口进行开放或者导出成文档供第三方进行调用,这个时候却又不想让所有人访问。本文介绍一种权限控制访问的方式, ......
接口 权限 swagger Index core

redis数据结构http://doc.redisfans.com/index.html

flushdb刷新数据库,达到清空key的效果 redis有16个库,按照下标区分,默认是0;切换select 下标 redis集群只认db0;其他数据库是被抛弃的。 什么是阻塞? 如果所有给定 key 都不存在或包含空列表,那么 BLPOP 命令将阻塞连接,直到等待超时,或有另一个客户端对给定 k ......
数据结构 redisfans 结构 数据 redis

css

css 使用css可以为html添加一些样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>入门案例</title> <style> h1{ color: red; font-size: 100px; } ......
css

css样式选择器

一、 CSS 选择符 类型选择符用于选择特定类型的元素,比如段落(见下面的例子)或标题元素,只要写出想要添加样式的元素名即可。类型选择符有时候也被称为元素选择符。 p { color:black;}123 后代选择符用于选择某个或某组元素的后代。后代选择符的写法是在两个选择符之间添加空格。在下面的例 ......
样式 css

HTML请求错误代码

HTML请求错误代码 1xx(临时响应) 表示临时响应并需要请求者继续执行操作的状态码。 100(继续)请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101(切换协议)请求者已要求服务器切换协议,服务器已确认并准备切换。 2xx (成功) 表示成功处理了请求的 ......
错误 代码 HTML

【Javaweb】关于html转成jsp时出现乱码的问题解决

原因是没有在代码头部添加,下面这段代码,添加之后就解决了 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ......
乱码 Javaweb 问题 html jsp

windows下Vscode C/C++ 配置

#注意 目录不能包含中文和空格, 文件名不能使用中文, 否则可能程序可以运行但不能调试; vscode的.json文件配置目录分割符是"/"或双斜杠转义,而windows的文件系统使用的是"\". 下面是我的配置 { "configurations": [ { "name": "Win32", "i ......
windows Vscode

HTML学习笔记

HTML学习笔记 HTML5新增表单属性 属性 值 说明 required required 必填项,不能为空 placeholder 提示文本 提示信息,有默认值value时,placeholder不显示; autofocus autofocus 自动获取焦点,页面加载完自动获得焦点; autoc ......
笔记 HTML

fdisk 格式化磁盘

fdisk /dev/sdb 新建分区 格式化分区 mkfs.xfs /dev/sdb1 挂载 加入/etc/fstab 实现开机自动挂载 ......
磁盘 格式 fdisk

HTML——select标签

select标签 下拉框标签 双闭合标签 <select name="cla_name" id=""> {% for i in cla_all %} <option value="{{ i.pk }}">{{ i.cla_name }}</option> {% endfor %} </select> ......
标签 select HTML

vscode好用插件记录

1.序言 这里记录一下使用的好用的vscode插件,主要是给自己做一下备忘记录。 2.插件 通用插件 Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code vscode的中文语言包 Settings Sync(配置同步到云端 ......
插件 vscode

Json格式转换总结

一、HashMap转Json HashMap<String, String> oldContentMap = new HashMap<>(); oldContentMap.put("id",oldProduct.getProductId().toString()); oldContentMap.pu ......
格式 Json

如何通过Java应用程序将PDF转为图片格式?

PDF文件和图片文件,这是两种完全不一样的格式,可是有的时候这两种格式却是有相互转换的需要,大家在工作中遇到PDF文件转图片文件的问题时是怎么解决的呢?你们使用的方法简单方便吗?如果很麻烦的话,不妨来了解一下这篇文章分享的方法哦。本文将介绍如何通过Java应用程序快速高效地将PDF转为图片格式。一起 ......
应用程序 格式 程序 图片 Java

css中的&是什么意思

这个是scss中的语法,表示上一级的选择器 例如源码: ul{ margin-bottom: 20px; & >li{ margin-bottom: 0; } } 相当于代码 ul{ margin-bottom: 20px; } ul >li{ margin-bottom: 0; } ......
意思 css amp