前端html css
前端获取ip地址、获取经度、纬度
记录一次js获取ip地址，经纬度 开始使用过很多的方法 const getLocalIP = async () => { const pc = new RTCPeerConnection(); pc.createDataChannel(''); const offer = await pc.crea ......
CSS3弹性盒子用于子元素填充父元素
主要记住三个关键点 父元素display设置为flex，表明该容器是弹性盒子，设置flex-flow指明弹性方向，子元素设置flex属性，指定弹性比例 CSS3 弹性盒子 | 菜鸟教程 (runoob.com) ......
字节前端--深入JS
首先先介绍JS的基本概念： 比如是单线程，动态，弱类型等等。 除了这些东西之外还有： 下面的一些基础概念： JavaScript 是一种脚本语言，通常在网页上运行。 JavaScript 不需要编译，因为它是一种解释性语言。 在网页上添加 JavaScript 的方式有多种，包括内联脚本、嵌入式脚本 ......
C#实现 通过ffmpeg拉取海康摄像头rtsp流转m3u8，并在前端播放的解决方案
需要的资源： ffmpeg、海康客户端 IVMS-4200 V3,3,1,8、VCL播放器 开发前准备工作： 1. 配置ffmpeg环境变量,将ffmpeg.exe的路径配入Path环境变量(为了减少篇幅，不懂的麻烦自行百度) 百度的时候， C#通过 Process 命令调用进程网上很多都说直接在命 ......
前端学习笔记--主流web框架
<!doctype html> <html> <head> <meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'> <style type='text/css'>html {o ......
前端JavaScript的精确计算问题
问题发现 "47.900000" * "771.65" = 36962.034999999996 (错误) 36962.035 (正确) 问题定位 JavaScript 前端计算不精确(浮点数计算的精确问题) 问题解决 除法函数，用来得到精确的除法结果说明：javascript的除法结果会有误差，在 ......
css渐变实现进度条动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
html超链接
html超链接 外部链接 腾讯 target 打开窗口的方式 默认的值 _self 当前窗口打开页面 _blank 新窗口打开页面 百度 <h4>内部链接</h4> <a href="第一次使用工具.html">工具介绍</a> <h4>空链接</h4> <a href="#">公司地址</ ......
前端项目使用vw视口单位进行适配时字体大小的解决方案
使用视口单位vw来实现响应式排版。1vw等同于视口宽度的百分之一，即如果你用vw来设定字体大小的话，字体的大小将总是随视口的大小进行改变。 问题在于，当做上面的事情的时候，因为文本总是随着视口的大小改变大小，用户失去了放缩任何使用vw单位的文本的能力。所以你永远都不要只用 viewport 单位设定 ......
前端vue使用exceljs、file-saver导出表格文件添加水印
创建createWsSheet.js 安装及引入 exceljs、file-saver /** * * 导出 excel（带水印） 公共方法 * @param header v 为头，k 为对应 data 数据的 name * 例: const header = [ { k: 'region', v ......
Html 每个属性的意义
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>利用工具做的第一个页面</title> //注释网页顶端介绍 </head> <body> <p> <h1>如果说是JQuery是手工作坊，那么Vue.js就像是一座工厂，<br / ......
CSS定位子元素包含特定 class 的父元素
要定位子元素包含特定 class 的父元素，可以使用 CSS 选择器中的 :has() 选择器，但是这个选择器目前还没有得到广泛的浏览器支持。目前使用 :has() 选择器的最佳方式是使用 jQuery 或其他类似的 JavaScript 库。以下是一个使用 jQuery 的例子： <div cla ......
CSS基础知识大全（值得收藏）
CSS基础 CSS(cascading style sheet) 汉译为层叠样式表,是用于控制网页样式WEB标准中的表现标准语言,在网页中主要对网页信息的显示进行控制。目前推荐遵循的是W3C发布的CSS3.0版本；用来表现HTML或者XHTML等样式文件的计算机语言。1998年5月21日由w3C正式 ......
HTML <span> 标签
https://www.runoob.com/tags/tag-span.html https://baike.baidu.com/item/SPAN/22371998?fr=aladdin <p>我的母亲有 <span style="color:blue">蓝色</span> 的眼睛。</p> 提 ......
html文件中使用vue3+element-plus开发模版
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
前端全局页面添加水印
// 下载npm包npm install watermark-package -S 使用 import watermark from "watermark-package"; // 添加水印 watermark.setWaterMark({ w_texts: [data.userName, data ......
ABAP 遍历内表数据的时候，加上前端筛选条件
1. 前端查询条件 * * * 选择屏幕 * * SELECTION-SCREEN BEGIN OF BLOCK b1 WITH FRAME TITLE TEXT-001. SELECT-OPTIONS: "PARAMETERS: s_matnr FOR mara-matnr,"物料号 s_ausk ......
前端生成二维码及把页面转为图片保存到本地
前端生成二维码及把页面转为图片保存到本地 Bayi· 于 2021-12-23 17:08:37 发布 847 收藏 3 文章标签： 前端 javascript 生成二维码 页面转图片 vue 版权 以vue项目为例，其他类型项目其实也是一样的 所需components： QRCode html2c ......
vue 前端生成二维码，并转换为图片
vue 前端生成二维码，并转换为图片 ~牧马~ 于 2021-05-27 15:08:03 发布 2760 收藏 7 分类专栏： vue 文章标签： vue 生成二维码 自动生成的二维码转图片 版权 这篇文章主要是分享下自己的收获，也是自己遇到的问题： 前端如何自己生成二维码？ 前端如何将生成的二维 ......
vscode 开启html代码自动补全
divvscode提供了Emmet语法来进行一些代码补全操作,需要在设置中加入 "emmet.triggerExpansionOnTab": true 即可. 打开文件 -> 首选项 -> 设置打开设置界面, 点击右上角的打开设置(json),添加进去就可以,然后我们输入div,按两次Tab键就可以 ......
HTML5布局练习
传统布局 HTML5布局 新布局的意义 HTML5布局练习 1 结构层 从上至下 从左至右 从外至里······· 补充： li不利于搜索引擎收录，尽量少用 2 表现层 熟练运用绝对定位 排序：CSScomb插件：CSS属性排序工具。快捷键：ctrl + shift + C 美化：ctrl + sh ......
无界微前端方案官方示例，main-vue 项目打包之后 访问index.html页面空包，控制台报资源错误问题
报错信息： 修改方案： publicPath: “./” 修改为如上配置即可。 ......
Qt 的 html 支持
最近有一个需求，把一些数据按照一定格式打印成pdf，比如第一行显示两段文字，分别居中，第二行显示两张图片，分别占一半宽度，再加上标题、下划线等等格式， 我心想用一个个的QWidget拼起来肯定不现实，就去学了下html的知识 但是qt对html的支持并不是很完善，一些前端的效果都显示不出来，比如下面 ......
前端跨域解决方案——CORS
CORS（跨来源资源共享）是一种用于解决跨域问题的方案。 CORS（跨来源资源共享）是一种安全机制，用于在浏览器和服务器之间传递数据时，限制来自不同域名的请求。在前端开发中，当通过 XMLHttpRequest（XHR）或 Fetch API 发送跨域请求时，如果服务器没有正确配置 CORS，浏览器 ......
前端隐藏和显示div的方式js和beetle：
方式一：设置元素style对象中的display属性 1、var t = document.getElementById('demo');//选取id为test的div元素 2、t.style.display = 'none';// 隐藏选择的元素 3、t.style.display = 'bloc ......
第二节 HTML进阶
day02：列表、表格、表单 目标：掌握嵌套关系标签的写法，使用列表标签布局网页 01-列表 作用：布局内容排列整齐的区域。 列表分类：无序列表、有序列表、定义列表。 无序列表 作用：布局排列整齐的不需要规定顺序的区域。 标签：ul 嵌套 li，ul 是无序列表，li 是列表条目。 <ul> <li ......
学习（review）二——CSS（上）
CSS(层叠样式表) 一般通过<style type="text/css"> 内部为CSS环境</style> 进行编写CSS。 使用 CSS，您可以控制颜色、字体、文本大小、元素之间的间距、元素的位置和布局、 要使用的背景图像或背景颜色、不同设备的不同显示和屏幕大小等等CSS一般用于修饰页面显示效 ......