骨架 前端html
前端出大事儿了
公众号「古时的风筝」，专注于后端技术，尤其是 Java 及周边生态。 个人博客：www.moonkite.cn 大家好，我是风筝 最近这两天，在前端圈最火的图片莫过于下面这张了。 这是一段 React 代码，就算你完全没用过 React 也没关系，一眼看过去就能看到其中最敏感的一句代码，就是那句 S ......
高性能渲染——详解Html Canvas的优势与性能
本文由葡萄城技术团队原创并首发。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 一、什么是Canvas 想必学习前端的同学们对Canvas 都不陌生，它是 HTML5 新增的“画布”元素，可以使用JavaScript来绘制图形。 Canvas元素是在HTM ......
overflow溢出属性 前端基础之JavaScript
今日内容详细 overflow溢出属性 visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 ● ......
如何在 Web 前端做 3D 音效处理
一、背景 在社交元宇宙、大逃杀等类型的游戏场景下，用户在通过简单语音交流外，结合场景也需要一些立体声效果来让用户感知游戏角色周围其他用户的存在及其对应的距离和方位，提高语音互动的趣味性。 为了满足上述需求 ZEGO Express Web SDK 从 v2.10.0（Native 为 v2.11 ......
app支付金额为100，但是前端却显示50，这种情况是怎么回事呢？该如何处理？
app支付金额为100，但是前端却显示50，这种情况是怎么回事呢？该如何处理？ 1、可能是服务端没有正常响应返回数据导致的问题--前端发起请求到服务端后没有正常响应返回响应数据，导致回显金额跟实际支付金额不一致； 2、可能是前端展示的问题--前端正常请求了，服务端也正常响应返回数据了，包括通过查询数 ......
二、搭建前后端分离的自动化测试平台的前端Vue3+Element-plus前端项目
一、安装Node.js以及配置环境变量 1、Node获取地址 https://nodejs.org/en/download 一直默认选项安装，安装好了之后，在环境变量中会自动配置Node的地址，可以在cmd中使用 node -v/npm -v命令验证是否下载成功 2、设置Node的配置内容 （1）在 ......
前端大文件切片上传，断点续传、秒传等解决方案，vue中使用实例
先看逻辑 如何切片？如何获取文件唯一hash？与后端交互获取文件上传的状态，用于判断情况，是秒传还是续传？上传切片文件，判断失败文件重新执行？全部上传完成通知后端？ 1、先上全部代码，后面第2部分解析、第3部分vue中使用相关依赖spark-md5主要用于拿取文件的md5mitt 发布订阅 impo ......
web基础漏洞-xss非html响应处理
1、介绍 对于反射型和存储型xss来说，一般要求响应类型为text/html，然后进一步测试敏感字符和构造payload。 测试过程中，逐个日志进行查看。如果响应类型是application/javascript等其它非text/html的文本类型，直接构造payload的话浏览器并不会将其作为ht ......
html编辑器测试
PlaceholderThumbnail This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. ......
Spring Boot - ffmpeg 获得 m3u8 列表和 ts 文件，前端请求视频流进行播放
安装 ffmpeg FFmpeg 下载地址：GitHub releases。请下载：ffmpeg-master-latest-win64-gpl-shared.zip 压缩包。 解压到你系统盘任意位置（前提是你以后找得到这玩意儿在哪）。 接下来就是配置其环境变量，所有的环境变量都是配置它的启动文件的 ......
前端面试题
vue页面跳转会经过两个钩子函数**beforeEach、afterEach** 组见守卫 **beforeRouteEnter**前置组见守卫 **beforeRouteUpdate*更新之前 watch和computed区别 数据没有改变，则 computed 不会重新计算）。若没改变，计算属性 ......
基于Echart的前端可视化
GitHub 上有许多关于低代码自助可视化的项目，前端使用 Vue 和 ECharts 的示例。以下是一些可能符合你要求的项目： DataV: 项目链接：DataV 描述：DataV 是一款基于 Vue 和 ECharts 的低代码自助可视化工具，它提供了丰富的可视化组件和拖拽式的界面设计，使用户可 ......
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] ......
前端利用oss图片地址返回url下载zip包
// 首先引入插件npm install jszip // 导入项目import JSZip from 'jszip' // 利用canvas.toDataURL 转换base64方法下载图片 downZip() { // 测试数据 let downLoadImageList = ['https:/ ......
[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 ......