前端html css
CSS 实现钟表
<div className="roundAnim"> {/* 刻度 */} <div className="scale"></div> <div className="s"></div> <div className="m"></div> <div className="h"></div> <di ......
CSS 中的 :root
CSS 中的 :root：https://blog.csdn.net/weixin_51123974/article/details/122311909?ops_request_misc=%257B%2522request%255Fid%2522%253A%252216987384991680019 ......
css模块化及CSS Modules使用详解
css模块化及CSS Modules使用详解：https://xiangzhihong.blog.csdn.net/article/details/53195926?spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-ta ......
每日一练:css关键词：inherit、initial、revert、unset解释
1、inherit (继承) inherit 关键词用于将一个属性值设置为其父元素的相同属性值。 它是一种实现样式继承的方式，使子元素继承父元素的样式属性。 如果父元素没有明确定义该属性，子元素将继承到该属性的默认值。 这个关键词通常用于处理文本属性，如文本颜色、字体等。 <div> <p>这是一个 ......
Chrome浏览器查看前端参数
按F12或者右键点击“检查”进入开发者模式。 点击这个箭头图标，即可选择要查看参数的区域。 查看表格的行高和列宽 当鼠标移到某区域，就会出现浮层，显示此区域的长和宽 查看字体和字号 在搜索栏搜索关键字“font-size”可找到字号 ......
网页CAD(web cad sdk)前端直接获取修改转换后的图纸数据
前言 有用户集成网页CAD之后，需要提取图纸的各种信息和数据，下面我们讲一下Web版CAD如何在前端直接提取修改和转换后的图纸信息，没有集成过在线CAD的小伙伴可以先看一下快速入门 在mxcad中转换后的图纸(.mxweb格式的文件)可以通过mxcad npm包得到图纸的各种数据，如图层、文字样式、 ......
对于百度前端技术学院的task0003-个人任务管理系统开发的一个记录
第一眼看到它列出的需求和实现要求，就觉得头晕，毕竟真的有点乱，好在自己时刻记得偶像的那一句话，“编程，最重要的是解决问题的能力。” 那我现在遇到需求杂乱的话，是不是要把这些要求分类出来？html、css、JS按这个分类出来后，再继续拿草稿图来画最基础的结构（这个是最重要的，不然一开始就乱写，到时候处 ......
前端面试之选择排序
选择排序： 原理解析： 将未排序的数组中的第一个数据作为基准数据，然后对比除基准数据和已排序数据之外的数据，找到其中的最小数据，然后将最小数据和基准数据进行位置交换。 时间复杂度： 时间复杂度O(n^2) 代码实现： const choseArr = [5, 2, 1, 4, 43, 23, 34] ......
css怎么设置超链接字体颜色
要设置超链接的字体颜色，你可以使用CSS中的color属性。以下是如何使用CSS设置超链接字体颜色的示例： /* 内部样式表（Internal Style Sheet）示例 */ a { color: #ff0000; /* 设置超链接字体颜色为红色 */ } /* 或者外部样式表（External ......
前端利用oss图片地址返回url下载zip包
// 首先引入插件npm install jszip // 导入项目import JSZip from 'jszip' // 利用canvas.toDataURL 转换base64方法下载图片 downZip() { // 测试数据 let downLoadImageList = ['https:/ ......
css面试题
1.css中的哪些单位 绝对单位： px:像素单位 相对单位： em: 相对父元素字体大小 rem:相对根元素字体大小 2.居中的方式 1.水平居中 1.设置盒子： margin:0 auto 2.display: flex 2.垂直居中 1.vertical-align: middle 实现居中， ......
[FAQ] html 的 select 标签 option 获取选中值的两种方式及区别
Q: 对于一个 html 的 select 标签节点 class是module_select，获取选中值使用 $('.module_select').find('option:selected').val() 和 $('.module_select').val() 有什么区别 A: $('.modu ......
前端
标签的分类 1. 单标签 img br hr <img /> 2. 双标签 a h p div <a></a> 3. 按照标签属性分类 1. 块儿标签 # 自己独自占一行 h1-h6 p div 2. 行内(内联)标签 # 自身文本有多大就占多大 a span u i b s div标签和span标 ......
HTML5前端标签练习
前端标签 标签的分类 1. 单标签 img br hr <img /> 2. 双标签 a h p div <a></a> 3. 按照标签属性分类 1. 块儿标签 # 自己独自占一行 h1-h6 p div 2. 行内(内联)标签 # 自身文本有多大就占多大 a span u i b s div标签和 ......
vue 将html保存成pdf文件
结合 html2canvas 和 jspdf 插件处理 /* eslint-disable */ //不使用JQuery版的 import html2canvas from 'html2canvas' import JsPDF from 'jspdf' /** * @param ele 要生成 pd ......
前端
第1章 、Web的基本概念 软件开发的架构 目前我们了解的涉及到两个程序之间通讯的应用大致可以分为两种： 第一种是应用类：qq、微信、网盘、优酷这一类是属于需要安装的桌面应用 第二种是web类：比如百度、知乎、博客园等使用浏览器访问就可以直接使用的应用 这些应用的本质其实都是两个程序之间的通讯。 ......
HTML
HTML 标签关系 父子关系（嵌套关系） 兄弟关系（并列关系） 文本格式化标签 strong、em、ins、del标签自带强调含义（语义）。 图片标签 属性名=“属性值”。 src用于指定图片的位置和名称，是的必须属性。 图片标签-属性 属性的添加没有先后顺序之分。 width，height对图片进 ......
记录--这个前端Api管理方案会更好？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 简介 大家好，前端小白一枚，目前接触后台管理系统比较多，经常遇到不同对象的增删改查的接口，如何对Api进行一个有比较好的管理是个问题。在学习偏函数的时候有了灵感，想到一个不错的API管理方案，并应用在项目一个模块当中，并且开发效率和维护性 ......
vue关于render函数如何渲染v-html
render函数如何渲染v-html，两种方式（适用于搜索关键字高亮） 例子：“互联网数据” 搜索关键字"网" ==>row.htmlStr：互联<span class="search-text">网</span>数据 render: (h, { row }) => { // 模板组件方式 retu ......
安防视频监控平台EasyCVR前端解码与后端解码的区别介绍
视频监控平台/视频存储/视频分析平台EasyCVR基于云边端一体化管理，支持多类型设备、多协议方式接入，具体包括：国标GB28181协议、RTMP、RTSP/Onvif、海康Ehome，以及海康SDK、大华SDK、华为SDK、宇视SDK、乐橙SDK、萤石SDK等，可覆盖市面上绝大多数的视频源设备。 ......
HTML和form表单
标签的分类 HTML 学习地址 https://www.yuque.com/liyangqit/rg7b7l/lveku6#nX5Va1. 单标签 img br hr <img /> 2. 双标签 a h p div <a></a> 3. 按照标签属性分类 1. 块儿标签 # 自己独自占一行 h1- ......
php根据html生成PDF/图片（兼容css3）
1.利用chrome浏览器 环境要求：需要PHP 7.4~8.2和Chrome/Chrmium 65+ （Linux服务器安装Chrmium） 2.安装 composer require chrome-php/chrome 3.使用 use HeadlessChromium\BrowserFacto ......
html标签语言化
1.什么是语义化 语义：一个词或者句子含义正确的解释，很多html标签也具有语义的意义，也就是元素本身传达了关于标签所包含的内容类型信息，例如：h1标签时它将标签改内容解释成重要，该h1标签的语义就是用来标识网页或部门重要标题。 2.为什么要语言化 1.结构清晰，是网页呈现出清晰的结构 2.例如se ......
视频直播app源码，CSS div水平垂直居中和div置于底部
视频直播app源码，CSS div水平垂直居中和div置于底部 一、水平居中 .hor_center { margin: 0 auto;} 二、水平垂直居中 .content { width: 360px; height: 240px;} .ver_hor_center { position: ......
前端断点及使用
前端断点及使用 断点的目的是，代码运行时在想要开始调试的地方停下来。此时可以查看当前上下文信息，比如全局变量、局部变量的值，函数的输入是否正确，请求的返回值是否正常等。通过此操作判断问题发生的地方，好对症下药 一、打断点的方式 1.找到源码位置，添加断点 （1）寻找源码位置 ①如果是正常html页面 ......
css控制table首列固定内容滚动
table tbody { display: block; height: 500px; overflow-y: scroll; } table thead, tbody tr { display: table; width: 100%; table-layout: fixed; box-sizin ......
利用CSS 实现环形百分比进度展示
先看效果图： UI设计了这样的效果，已读人数占总人数的百分比，环形展示。 这里可以用echarts图表，也可以用css实现，因为我是在小程序环境下，考虑到包大小体积，采用了css实现。 核心就是一行代码： background-image:conic-gradient( #e9e9e9 30deg, ......
python html 今日概念资金流入前20名
#!/usr/bin/env Python# coding=utf-8 from selenium import webdriver # 导入模块import timefrom lxml import etree # lxml库是一个HTML、XML的解析器import tushare as tsi ......
laravel:多图片上传(10.27.0/前端vue)
一，相关文档 https://learnku.com/docs/laravel/10.x/filesystem/14865#481e03 二，前端vue代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ......