属性html css
属性和值的选择器 - 多值
下面是包含指定值的title属性的元素样式的例子，使用（~）分隔属性和值: 实例 [title~=hello] { color:blue; } 尝试一下 » 下面是包含指定值的lang属性的元素样式的例子，使用（|）分隔属性和值: 实例 [lang|=en] { color:blue; } http ......
python - html转pdf
1. 安装pdfkit pip3 install pdfkit 2. 安装wkhtmltopdf 下载wkhtmltopdf安装包 https://wkhtmltopdf.org/downloads.html 安装后在系统Path添加wkhtmltopdf的bin路径 3. 简单使用 将本地html ......
后端返回html字符串 样式覆盖全局必须用 iframe嵌套显示才行
后端返回html字符串 样式覆盖全局必须用 iframe嵌套显示才行 $.axios({ method: "POST", url: progressUrl, data: params, async: false, success: function (res) { if (res.code == 2 ......
java jsoup解析html ol li
java jsoup解析html ol li import org.jsoup.Jsoup; import org.jsoup.nodes.Document; import org.jsoup.nodes.Element; import org.jsoup.select.Elements; publ ......
HTML中的pre-load 和 pre-fetch
当浏览器加载网页时，通常会遵循一个默认的流程，先加载 HTML、CSS 和 JavaScript，然后再加载图片、音频、视频等资源。这个默认的流程可能会导致网页加载速度变慢，用户体验不佳。因此，可以使用一些技术来优化网页加载的速度，其中之一就是按需加载。 按需加载是指根据用户实际需要，动态地加载资源 ......
vue属性之监听属性(watch)
简介 当一个变量的值发生变化时，执行对应的函数 语法 # 在属性中添加watch属性，并以需要监听变量的名字进行定义函数 data:{show: 'abc'} watch:{ show(){ 我是函数内容 } } 示例 <!DOCTYPE html> <html lang="en"> <head> ......
vue之计算属性(computed)
简介 在vue中，如果在methods中定义了一个函数，也是可以通过插值语法调用的，但会产生一个问题，如果有多个输入框使用了v-model，这时不管输入的内容是否与这个函数有关，这个函数都会执行一次，这样会让降低运行效率，为了解决这个问题，可以使用计算属性 计算属性效果： 计算属性只有在它的相关依赖 ......
vue项目通过外部配置文件读取接口地址- 在webpack-index.html模板中使用环境变量
概述：在index.html模板中判断当前环境，处于开发环境下时读取process环境变量、处于生产环境下时读取根目录配置文件（./config.js）,两种环境下将配置统一挂载到window全局变量上（SET_CONFIG） config.js window.SITE_CONFIG = { app ......
CSS基础：块状元素、内联元素、内联块状元素(行内元素)
css基础：块元素、内联元素、内联块元素 CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 1.常用的块状元素有： <div>、<p>、<h1>-<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquot ......
CSS修改input中的placeholder默认颜色
使用 input-placeholder 属性来修改placeholder的默认颜色： 为了兼容不同的浏览器内核，要添加不同的前缀 input::input-placeholder { color: #999; } input::-webkit-input-placeholder { /* Chro ......
CSS杂谈——flex布局里面的auto到底多长
本篇博客将以 “ flex 布局里设置 auto 的区块怎么让文案超出省略的问题” 作为切入点，来分析一下 flex 布局里面各子项的具体长度到底怎么计算。 从需求出发谈 flex 布局 我们有一个 H5 项目，类似于微信的通讯录界面，前面是头像，后面是昵称。 所以我们一开始的代码是这么写的： <d ......
HTML form input shadow-root All In One
HTML form input shadow-root All In One
禁用 DOM 编辑
MutationObserver API
......
如何在html页面计算某列数值的和
相关步骤 1、先在html页面上定义一个span标签，并为其定义一个id；别忘记为table标签定义一个id 2、定义一个script模块，里面获取到table的id 并定义上之后要求的和为0 3、采用for循环，获取到除去表头tr的td内容，我这里是指定获取某一列的总和 4、在加和的时候要注意：S ......
记录-css实现交融文字效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 CSS是有魔法的，我们今天来实现一个CSS的动画效果，只需要几行代码就可以搞定。 第一步、我们要将一行文字从中间展开 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ......
css steps实现文本一个字一个字显示
大致思路： 使用相对定位的div覆盖文本内容，并用animation控制宽度，位置。 换行步骤在外层div上控制高度即可。 css的steps与animation一起使用可以控制文字单个显示，类似于文本输入，不过显示频率是线性。 添加一些css变量控制步骤宽度、高度和时间等，便于vue中也通过组件的 ......
如何判断一个对象的全部属性都是null
根据反射机制获取对象的所有属性，然后立flag，判断每个属性是否都是null Fields fields = obj.getClass().getDeclaredFields;boolean flag = false;for(Field field:fields){ field.setAccessi ......
html概览和head常见标签，body内标签布局
前端与后端的概念 前端 任何与用户直接打交道的操作界面 都可以称之为前端>>>:接待员 后端 不直接与用户打交道 主要负责内部真正的业务逻辑的执行>>>:幕后操作者 前端学习之路 专业的前端也需要培训至少六个月 而我们作为后端开发工程师 前端只学最基本最核心的一块 目的不是为了让你直接可以从事前端 ......
如何隐藏一个元素？&&css中出现了两个一样的类定义，如何避免冲突？
1.如何隐藏一个元素？ 1.使用display属性：设置元素的display属性为none，这样元素在页面上不会占用任何空间，同时也不会对其他元素造成影响 2.使用visibility属性：设置元素的visbility属性为hidden，这样元素在页面上不可见，但仍然占用空间 3.使用opacity ......
(Table)解决：Element-ui 中＜template slot-scope=“scope“＞ 的用法问题以及剖析 Table 的相关属性
(Table)解决：Element-ui 中＜template slot-scope=“scope“＞ 的用法问题以及剖析 Table 的相关属性 原文链接：https://blog.csdn.net/weixin_43405300/article/details/124655802 1、遇到要在 ......
css变量声明使用
今天跟朋友聊天被推荐的一个css变量使用,感觉挺方便的,适用于各种页面,类似于scss less ~好处是减少样式代码的重复性，增加样式代码的扩展性和灵活性 简单使用: <style> :root { --color:#000; --width:200px; } body { color : var ......
【HTML】编辑器
HTML编辑器 一、页面效果 二、引入JS、CSS <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>编辑器</title> <script th:src="@{/plugins/editor/tinymce. ......
CSS 实现垂直居中的5种方法
方法1：使用绝对定位和负外边距对块级元素进行垂直居中 优点：兼容不错。缺点：必须提前知道被居中块级元素的尺寸 .father { width: 300px; height: 300px; background-color: red; position: relative; margin-bottom ......
css组合选择符和less中&作用
1.后代选择器（空格分隔） 2.子元素选择器（>分隔） 3.相邻兄弟选择器（+分隔） 4.普通兄弟选择器（~分隔） 1.后代选择器 ： 用于选取某元素的后代元素 以下实例选取所有 <div> 元素中的<p> 元素 <style> div p { background-color:yellow; } ......
CSS实现菜单选项向外圆角效果
最终效果 实现方法 1. ::before、::after伪元素裁剪拼接 完整代码： 示例中图标引用了iconfont，地址 点击这里 html代码 <body> <ul> <li class="active"><i class="iconfont"></i></li> <li><i ......
全栈之前端 | 5.HTML表格列表标签元素学习篇
[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习！ 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】，助力每一个梦想。 【WeiyiGeek Bl ......
全栈之前端 | 4.HTML样式布局区块标签元素学习篇
[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习！ 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】，助力每一个梦想。 【WeiyiGeek Bl ......
全栈之前端| 6.HTML输入提交表单标签元素学习篇
[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习！ 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】，助力每一个梦想。 【WeiyiGeek Bl ......
全栈之前端 | 3.HTML格式化输出标签元素学习篇
[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习！ 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】，助力每一个梦想。 【WeiyiGeek Bl ......