前端html css
css字体
1、font-family字体系列 font-family:"Times New Roman", Times, serif; 应该设置多个，以作为后备机制，如果浏览器不支持第一种字体，他将尝试下一种字体。 字体系列的名称超过一个字，必须使用引号 2、字体样式 font-style:normal; 可 ......
css盒子模型
1、介绍 所有HTML元素可以看作盒子，包括： 外边距margin 边框border 内边距（填充）padding 实际内容：显示文本和图像，指定元素的width和height属性实际就是内容的宽度和高度 2、边框 （1）border-style样式 none:默认无边框 dashed 虚线边框 s ......
css一般设置
1、链接 a:link - 正常，未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 超链接a标签具有四个状态，可以基于css选择器进行选择 a:hover 必须跟在 a:link 和 a:visited后 ......
css基础
1、介绍 CSS 指层叠样式表 (Cascading Style Sheets)，作用是定义如何显示html元素。 解决内容与显示的分离。 2、形式 （1）内联 <p style="color:red">段落</p> （2）内部 <style> p{color:red} </style> （3）外部 ......
html实体编码
1、介绍 html虽然不是程序语言，但也存在某些预留字符用于结构描述，以及某些无法键盘输入的字符。因此也需要类似\的转义。 在html中，称为实体编码，与\转义有所不同。 2、html实体编码 html实体编码有三种格式。这三种作用是相同的。 实体名称 十进制实体编号   八 ......
html基础
1、介绍 html，hypertext markup language超文本标记语言，是www网络的重要组成部分，用于对文本、图片等资源在前端的显示进行标记。 不具备编程语言的数据变量、运算符、控制结构等特征，只是标记语言而非编程语言。 html一般保存在文件后缀名.html或.htm。另外还存在于 ......
html表格
1、介绍 html中，通过table、caption、thead、tr、th、td标签组织和管理表格数据。嵌套关系如下： <table> <caption>表格标题</caption> <thead> <tr><th>列名1</th><th>列名2</th></tr> </thead> <tbody ......
html一般元素
1、h <h1>一级标题</h1> h1-h6，共六个等级，表示标题及重要程度，会有加粗和字体大小效果，h1最大也最重要 不建议为了显示效果滥用h标签 2、p <p>段落 文本</p> 表示段落，前后会自动换行 多个空格及其他空白符会显示为一个空格 3、br <br> 表示换行，不会被p标签处理为单 ......
CSS Font Loading Module Level 3 有哪些变化
CSS Font Loading Module Level 3 是 CSS 中的一个新特性，它允许开发者在不同的浏览器中使用不同的字体加载器。在 Level 3 中，浏览器将使用不同的字体加载器来加载字体，以提高性能和兼容性。 相比 Level 2，Level 3 引入了以下变化： 支持多个字体加载 ......
disabled 和 readonly 都是 HTML 表单元素的属性，它们有一些相同点和不同点。
disabled 和 readonly 都是 HTML 表单元素的属性，它们有一些相同点和不同点。 相同点： disabled 和 readonly 属性都可以用于表单中的输入框、文本域等元素，用于控制用户对这些元素的操作行为。 它们都是只读属性，不能用 JavaScript 动态地修改其值，只能在 ......
客服系统源码聊天界面，vue elementui中v-html渲染的内容，增加大图预览功能
我在开发聊天界面的过程中，聊天内容部分是使用v-html渲染出来的，能够展示html内容 但是加载的图片是不能点击放大查看的，现在增加点击放大预览功能 首先html部分是下面这样的，也就是下面要增加一个隐藏的el-image <div v-html="row.content" @click="htm ......
Css预编语言以及区别
一、是什么 Css 作为一门标记性语言，语法相对简单，对使用者的要求较低，但同时也带来一些问题 需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少 Css 编写经验而很难写出组织良好且易于维护的 Css 代码 Css预处理器便是针对上述问题的解 ......
HTML个人笔记
HTML 一.站点及文件名规范 ==1.以小写字母开头，数字，下划线命名，不得以中文，空格，特殊符号命名。== ==2.站点需要创建html，css，js，images 文件夹和 index.html 文件。== ==3.index.html 文件为首页文件，不得修改文件名称。== 二. ......
CSS个人笔记
CSS 一.CSS又称层叠样式表 《1》结构： 选择器{声明;声明} 声明=属性+属性值 p { color: pink; } 总结： 选择器写在 { } 前面，声明写在 { } 内，声明和声明之间用；隔开 声明是由属性和属性值组成，属性和属性值之间用：连接 《2》CSS样式 | color | ......
前端（六）
前端（六） 事件 // 用的地方非常多，需要掌握，但是不需要全部掌握。事件就是达到某个触发条件，自动触发的动作 常用事件： 1. onclick 当用户点击某个对象时调用的事件句柄。 2. onfocus 元素获得焦点。 3. onblur 元素失去焦点。 4. onchange 域的内容被改变。 ......
html转换为pdf
1、参考 wkhtmltopdf下载页面 Windows和Linux 安装wkhtmltopdf 2、说明 3、代码 package com.kikyo.data.utils; import com.itextpdf.text.pdf.BaseFont; import org.xhtmlrender ......
打印pdf 前端请求数据并打印pdf文件
1、参考 vue接收后端传来的pdf文件流，前端调用预览PDF 2、原理 3、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>pdf</title> </head> <div> <input style ......
比较几种热门Hybrid App前端框架
作为一种既能够在原生应用程序环境中运行，也能够在 Web 浏览器中运行的应用程序，Hybrid App 主要使用 Web 技术进行开发，如 HTML、CSS 和JavaScript，并使用一个中间层将其封装在原生应用程序中。随着技术的持续推进，Hybrid App 相关的前端框架也应运而生。今天就来 ......
纯css和单class实现文件夹
使用before和after伪元素就可以了 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>纯css文件夹</title> <style type="text/css"> body { margin: 0; } div.fold ......
2023年如何成为一名优秀的大前端Leader？
面对产品经理的请求，优秀的前端Leader要学会适当的拒绝，学会说No。并不是做的越多越好，而是让团队做的少价值高才好。这背后其实是当下互联网技术发展到一定阶段，出现了专业壁垒的问题。需要更加了解业务的专业人士来制定方案。低代码的出现，让业务人员参与软件开发成为可能，使软件设计更加标准化，符合需求，... ......
前端（四）
前端（四） 浮动 # 标签一浮动，就不分块标签和行内标签 div{ /*float: left;*/ # 往左浮 float: right; # 往右 } 浮动带来的影响 # 父标签塌陷 # 在块级标签内的浮动可能会导致父标签塌陷，解决方式可以用以下： #d2{ clear: left; /*在父块 ......
为什么html页面不能显示标签el-checkbox的多选框，只有名称值
问题描述 我引入了el-checkbox之后，发现浏览器页面只是显示里面的文字，并没有显示出来我想要看到的相应样式 问题解决 经过一定的百度查证可知，使用Element-UI组件时，我们需要用div标签将其包裹起来； 然后使用script标签定义一下div里面的id属性，然后才能够引用到这个el-标 ......
前端沙箱利用这些特性实现代码的隔离与限制
随着 Web 技术的不断发展，前端沙箱也在不断的演进和发展。未来，前端沙箱将更加智能化和自适应，可以根据代码的特征和行为动态调整运行环境，从而提高运行效率和安全性。 ......
若依前端后端分离 代码生成修改(1)
模板引擎修改 2023年3月7日 9:26 主要配置参数的引用和定义 表字段 .vm模板: 参数名 使用位置(.vm模板文件中) 前端表单表头 默认值来源 db表: gen_table packageName package ${packageName}.controller; 生成包路径 配置文件 ......
Jsoup（HTML解析）
1.Jsoup（HTML解析） https://blog.csdn.net/qq_26786441/article/details/106207828 2.Jsoup解析html https://blog.csdn.net/m0_66144992/article/details/122329560 ......
CSS实现段落首行缩进两个字符
段落前面空两个字的距离，不要再使用空格了，对于文字，需要使用4个 才会显示汉字2个字符空格的效果。 用CSS实现段落首缩进两个字符，应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单 ......
浅谈两种前端截图方式：Canvas截图 vs SVG截图
背景 如今很多网站都引入截图功能，可用于问题反馈、内容分享等实用需求，而前端截图也不知不觉成为了首选。今天为大家推荐两种前端截图方式，虽然有些局限，但是也能应付大部分项目需求。 Canvas截图：html2canvas SVG截图：rasterizehtml 原理 首先来谈下两种前端截图方式的原理， ......
如何将之前编辑的文章HTML源代码导入到TinyMCE编辑器中
如果你想用TinyMCE来修改你之前写的文章那么你需要将源代码放到TinyMCE中，如果服务器把HTML源码发给我们可是我们应该怎样调用？ 方法为使用 tinymce.activeEditor.setContent()这个函数 具体用法为： tinymce.activeEditor.setConte ......
字节前端第一讲
第一点是关于信息是如何传到其他的地方： 视频中是用蟹煲皇帝国来进行说明：一旦多个地方都需要信息的共享，所以就需要转发表格来进行一个消息的交换，而这就是通信线路。 我们试想如果有太多了用户。如果还是单一的简单的交互，没有其他的操作，那么会使得时间很慢，因为要传送信息的地方间距很长，那么就会很费时间，我 ......
css-2(盒子模型)
页面布局三大核心：盒子模型、浮动，定位 网页布局的本质：每个网页都是有盒子组成的，步骤：准备标签，设置样式，放入内容 盒子模型：用来装内容的，包括边框（border），内边距（padding），外边距（margin），实际内容（content） border（边框）：边框宽度（border-widt ......