属性 标签html css
图片标签
当图片显示出错时，就会显示title属性，如下 width和heigrt属性只需要给出一个值，另一个会等比缩放，好处是图片不会变形 要加入controls音频才能被播放 ......
css实现 头像内容过渡效果
当鼠标滑动上去后 <img src="@/assets/img/avatar.png" alt=""> css代码 //计算外边框缩小 （s*f -s）/2 /f img{ --s: 200px; --c1: rgb(0, 0, 0, 1); --c2: rgba(170, 170, 170, 1) ......
Media Query 在 CSS 中使用的一个具体例子
在 CSS 中，Media Query 是一种用于指定不同屏幕尺寸和设备类型的样式表的技术。如下图所示： all and (max-width:360px) 是一个 Media Query 表达式，它指定了一个条件，只有在满足条件时，Media Query 中的样式才会生效。 具体来说，all 表示 ......
适合练习CSS选择器的一些小工具
CSS 选择器游戏 https://frontend30.com/css-selectors-cheatsheet/ CSS 晚餐游戏 https://flukeout.github.io/ Try CSS Selector https://www.w3schools.com/cssref/trys ......
FTL常用标签及语法
判断对象是否存在，若成立说明存在 <#if blockObjList ??></#if> <#if blockObjList ??> <#else> </#if> 判断知否和某一个值相等(先判断是否存在，在判断相等，如果该指定的参数不存在还比较相等的话就回出错) <#if componentId ? ......
HTML5
什么是HTML HTML Hyper Text Markup Language（超文本标记语言） W3C标准 W3C World Wide Web Consortium(万维网联盟) 成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机 构 http://www.w3.org/ h ......
html下载图片
<a href="./static/img.png" download="自定义名称.png"> <img src="./static/img.png" alt="000"> </a> 切记不可用其他网站的地址 使用其他网站的图片地址是无法下载的 ......
01-第一章 HTML语言
其余web文章参考：web学习目录 表单 从web1.0网页主要像用户展示信息，到web2.0需要用户向服务器提交数据 本节主要介绍html页面常用的代码，后续用到来这里检索即可 表单的应用场景 先上传源代码，一般建议复制到vscode里面看 <html> <head> <title>提交表单</t ......
js 使用 htmldiff 使用 html文档对比
话不多说先贴js /** * 文本差异化比对工具，用于比对两段文本之间所存在的差异； * 对HTML文本的比对中，会完全忽略标签内的差异，将<...> * 中的内容当做一个整体的单词； * 注1：现有版本还未对执行效率进行优化； * 注2：原始算法来自于网络:http://www.rohland.c ......
MyBatis的<sql>与<include>标签
sql标签：抽取可重用的sql片段，方便后面引用； sql抽取：经常将要查询的列名，或者插入用的例名抽取出来方便引用； include标签用来引用已经抽取出来的sql; include还可以自定义一些 property， sql标签内部就可以使自定义的属性； <sql id="Base_Column ......
Django使用mark_safe()和format_html()函数
django从view向template传递HTML字符串的时候，django默认不渲染此HTML，原因是为了防止这段字符串里面有恶意攻击的代码。 如果需要渲染这段字符串，需要在view里这样写： from django.utils.safestring import mark_safe def v ......
01-第一章 HTML语言
表单 从web1.0网页主要像用户展示信息，到web2.0需要用户向服务器提交数据 表单的应用场景 先上传源代码，一般建议复制到vscode里面看 <html> <head> <title>提交表单</title> <meta charset="utf-8" /> </head> <body> <h ......
[CSS 3] lv* dv* sv*
Refer to https://dev.to/frehner/css-vh-dvh-lvh-svh-and-vw-units-27k4 he lvh, svh, and dvh units in CSS are used to specify heights relative to the vie ......
CSS之渐变
一.渐变 推荐使用的网址：Grabient 这个网站上有很多关于渐变的源代码可以供我们使用 background-color: #4158D0; background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); 效果 ......
ES索引字段主要属性配置
index属性 analyzed：分词后索引，可搜索。 not_analyzed：字段值不分词，以单个关键词进行索引。 no：字段不索引，当然也就不能搜索。 store属性 属性store默认false，当某个数据字段很大，我们可以指定其它字段store为true，这样就不用从_source中取数据 ......
记录--开局一张图，构建神奇的 CSS 效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 假设，我们有这样一张 Gif 图： 利用 CSS，我们尝试来搞一些事情。 图片的 Glitch Art 风 在这篇文章中 --CSS 故障艺术，我们介绍了利用混合模式制作一种晕眩感觉的视觉效果。有点类似于抖音的 LOGO。 像是这样： 假 ......
设置data-*属性自定义数据获取不到的问题
问题描述 项目中使用:data-cateId="item.cateId"自定义数据属性，在取值时为undefined，经过控制台打印发现问题由大小写导致。 ... <div :data-cateId="item.cateId"></div> ... ... const fuc = (e) => { ......
HTML+CSS+JavaScript作业篇
一、作业题大全 1.1、HTML5表单验证 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n ......
前端css 打印
打印元素的页面布局有几个原则 打印元素不能脱离文档流 打印元素内直接嵌套内容，避免出现三层嵌套 // 打印相关 @page { size: auto; margin: 10mm 0; } @media print { .printDom{ margin: 0; display: block; wid ......
对象不支持windows 属性和方法/JQuery专栏之十—窗口控件window的应用及其函数构造
https://blog.csdn.net/qq_42618969/article/details/89145927 问题： 前端报错“对象不支持windows 属性和方法”， 解决： $('#win').window({ }）这句话报错，查了下，涉及到EasyUI 中窗体的使用，需要引用easyu ......
XHR的属性&XHR的方法&XHR的事件
XHR的属性 responseType和response属性 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>responseType和response属性</title> </head> <body> <script> //1 ......
5-1，3，5：XHR的属性，方法，事件
XHR的属性 responseType和response属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> //responseT ......
属性动画
activity_main.xml <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/ ......
关于js动态加载html元素，html中绑定的click事件不生效的解决办法
转： 关于js动态加载html元素，html中绑定的click事件不生效的解决办法 ......
CSS选择器之基础选择器和复合选择器
本博文介绍CSS中的基础选择器和复合选择器。基础选择器包括标签选择器、类选择器、id选择器和通配符选择器，复合选择器包括后代选择器、子选择器、并集选择器和伪类选择器。 ......
JavaScript 提取对象数组中的属性组成新的对象数组
let data = [{"division_name":"销售三部","id":44,"pid":36,"html":"| "},{"division_name":"销售十二组","id":46,"pid":44,"html":"| | "},{"division_name":"销售十一组","i ......
css列数自适应的grid布局
近期做项目，遇到了一点样式上的问题，理论上通过直接改 / 嵌套一层来解决比较容易，但实际上，数据结构没我想象中的简单具体例子如下： demo 期望效果： 实际效果：（flex布局） 实际效果配合伪类（.main::after { width: 100px;content: '' } ） 当前效果产生 ......
css 元素根据其他判断条件才展示，展示时要有动画，这里用的transition
需求： textarea 输入框 的展示与否是根据，单选选中的是Yes 还是None. Yes时展示出来。 问题：一开始写的时候，我是这样写的，元素一开始不存在，只有选中Yes才存在。这样是加不了动画的 {dietaryTextVisible && <TextArea name={'dietaryR ......
echarts中的tooltip属性
echarts 鼠标放上去显示提示框属性详解tooltip tooltip ={ //提示悬浮框框组件 trigger: 'item', //触发类型,'item'数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。 'axis'坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。 t ......