前端 比例 背景canvas
现代 CSS 解决方案：文字颜色自动适配背景色！
现代 CSS 解决方案：文字颜色自动适配背景色！ 在 23 年的 CSS 新特性中，有一个非常重要的功能更新 -- 相对颜色。 简单而言，相对颜色的功能，让我们在 CSS 中，对颜色有了更为强大的掌控能力。 其核心功能就是，让我们能够基于一个现有颜色 A，通过一定的转换规则，快速生成我们想要的颜色 ......
跟着阿灵学前端(1)——HTML 基础
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是：一组段落、一个重点信息列表、也可以含有图片和数据表。 ......
跟着阿灵学前端(2)——CSS 基础
CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css ......
element表格table点击行，改变当前行的背景颜色
参考：https://blog.csdn.net/qq_33347991/article/details/129870567 实际应用如下： ......
实时数据流无忧：用 SpringBoot 和 SSE 打造动态前端更新的终极指南
用 SpringBoot 和 SSE 打造动态前端更新的终极指南 你知道什么是开发者的梦魇吗？慢！慢！慢！在一个需要实时数据更新的应用中，如果数据像乌龟一样慢吞吞地爬行，那用户体验就会像坐过山车一样直线下降。所以今天，我们要化身为数据传输的超级英雄，用 SpringBoot 和 SSE（服务器发送事 ......
webgl和canvas的区别
渲染方式Canvas：Canvas使用2D渲染上下文（2D context）来绘制图形和图像。它基于像素的绘图系统，通过JavaScript脚本控制渲染过程。WebGL：WebGL（Web Graphics Library）是基于OpenGL ES标准的JavaScript API，它可以利用GPU ......
QWidget 设置子控件保持自己的默认背景
在Qt 中设置父控件 QWidget 的背景为一种颜色，此时其子控件QWidget 的背景默认是透明的，看起来会和父控件的背景色一样。 此时通过代码设置保持子控件 QWidget 的背景色为默认的颜色，而不是和父控件背景色相同。 this->setAutoFillBackground(true); ......
js使用XLSX前端导出excel
实现效果： 页面： 导出的excel： xlsx.core.min.js文件下载地址 xlsx 代码如下： <!DOCTYPE html> <html> <head> <title>HTML Template</title> <style> table { border-collapse: coll ......
基于fabric.js的图片编辑器, 画布背景实现原理
图片上传 使用了element-plus提供的图片上传el-upload组件 <el-upload :show-file-list="false" :auto-upload="false" :on-change="(e) => uploadImage(e, 'background')" > <but ......
抽几分钟,写个文档系统的前端页面,先排版一下.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Doc C ......
微前端使用第二章
目录二、微前端自研框架1、子应用接入a、vue2b、vue3c、react15d、react162、主应用注册子应用3、主应用路由拦截4、主应用生命周期5、加载和解析html6、运行环境隔离7、css样式隔离8、应用间通信9、全局状态管理10、提高加载性能 二、微前端自研框架 1、子应用接入 a、v ......
前端学习-HTML/CSS刷题笔记01
1 清除浮动 方法1 双伪元素法：在style中给父元素添加伪元素代码 了解zoom:1; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi ......
前端常用站分享
团队组织 AlloyTeam - 腾讯Web 前端团队 IMWeb - 腾讯IMWeb 前端团队 ISUX - 腾讯设计团队 FEX - 百度前端研发部 FED - 淘宝前端团队 凹凸实验室 - 京东用户体验设计部 奇舞团 - 奇虎360旗下前端开发团队 JELLY - 京东零售体验设计中心 蚂蚁体 ......
【转】C# WinForm 自定义控件，DataGridView背景透明，TabControl背景透明
原文： https://www.cnblogs.com/leavind/p/6732530.html 1 using System.ComponentModel; 2 using System.Drawing; 3 using System.Windows.Forms; 4 namespace Ra ......
实践总结 3 种前端部署后页面检测版本的方法
领导：为什么每次项目部署后，有的用户要清缓存才能看到最新的页面 我：浏览器有默认的缓存策略，如果服务器在响应头中没有禁用缓存，那么浏览器每次请求页面会先看看缓存里面有没有，有的话从缓存取，造成还是取的旧页面。正常来说，用户只需要点击刷新按钮，刷新一下页面就好了，不必清除浏览器缓存刷新。 领导：为什么 ......
Konva-前端绘图框架
一、介绍Konva is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.Kon ......
Vue2 使用 Knova Canvas 合成图片、多个视频、音频在一个画面中并播放，自定义 video control 控制条
本文转载https://blog.csdn.net/RosaChampagne/article/details/128020428?spm=1001.2014.3001.5502的文章 安装插件 npm install vue-konva@2 konva --save 在main.js中使用 imp ......
web前端css框架有哪些
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
前端面试题（Vue篇）
每个面试都需要做充分的准备，面试建议从以下几个方面准备： 1、技术，这个是硬性要求。如果技术栈 主要是react，可以重点准备react，如果是vue，重点准备vue，当然 js、css等前端的基础 是最基本的东西。除此之外，要做一定的深度拓展，比如了解其实现原理。 2、沟通，要准备 自己所做过项目 ......
前端随机验证码安全验证sdk
前端必备工具推荐网站(免费图床、API和ChatAI等实用工具): http://luckycola.com.cn/ 前言 验证码：是一种校验区分用户是计算机还是人的公共全自动程序。 作用：防止刷票、论坛灌水、刷页、防止黑客恶意破解密码、盗取用户数据和防止恶意注册登录等等 介绍 这是一款开箱即用 ......
前端系列：ES6-ES12新语法
目录ECMAScript系列：简介ECMAScript系列：ES6新特性let 关键字const 关键字变量的解构赋值模板字符串简化对象写法箭头函数参数默认值rest 参数spread扩展运算符Symbol迭代器生成器PromiseSetMapclass类数值扩展对象扩展模块化ECMAScript系 ......
使用React构造前端应用
简单了解React和Node React是一个构建用户界面的JavaScript库，由Facebook开发，很流行，已被广泛使用。React基于组件构建，编写一段代码即可在多处复用，这很有优势。可以创建像 Thumbnail、LikeButton 和 Video 这样的组件，然后将它们组合成整个应用 ......
基于 Docker 打造前端持续集成开发环境
基于 Docker 打造前端持续集成开发环境 写在前面: 这不是一篇有新意的文章，因为这篇文章半年前我就发布在其他平台上过，为什么在知乎上旧文新发？ 除了想要把发布在其他地方的文章统一放到知乎上之外，还源于我最近在面试一些前端工程师时的一些疑惑，发现很多应聘高级前端岗的开发者对 JS 各种奇技淫巧了 ......
用 Socket.D 替代原生 WebSocket 做前端开发
socket.d.js 是基于 websocket 包装的 socket.d 协议的实现。就是用 ws 传输数据，但功能更强大。 功能 原生 websocket socket.d 说明 listen 有 有 监听消息 send 有 有 发消息 sendAndRequest 无 有 发消息并接收一个响 ......
LoRa SIP模块动能世纪XD6500S集成RF前端+LoRa无线电收发器SX1262
相信大部分了解LoRa的朋友们都知道，LoRa是低功耗广域网通信技术中的一种，是Se***ch公司专有的一种基于扩频技术的超远距离无线传输技术。 LoRaWAN是为LoRa远距离通信网络设计的一套通讯协议和系统架构。它是一种媒体访问控制（MAC）层协议。而我们今天的主角LoRa SIP模块动能世纪X ......
python diango后端支持运行脚本+vue前端支持脚本运行
# 使用Python内置的subprocess模块来执行Python脚本 # 使用注意： # 1，依赖包需要提前导入至脚本中 # 2，script_path变量是脚本得绝对路径 # 3，filename变量是脚本得名称 # 搭配vue页面使用 # 想法：页面支持导入，编辑，执行脚本 # 导入：默认指 ......
架构相关---路由菜单权限+多模块菜单+微前端
权限 https://www.bilibili.com/video/BV1v14y1z7mb/ 1.路由菜单权限 2.权限有菜单权限，按钮权限 多模块菜单 1.高亮 2.多级和高亮 微前端 1.qiankun 2.microApp ......
前端开发笔记[6]-基于Gradio的力声信号分析界面
摘要 基于Gradio的力声信号分析界面,实现Gradio页面内嵌html代码和svg图像; 备注 仅用作前端开发练习，不保证其中的信号处理方式及数据分析的学术性。 开源地址 [https://gitee.com/qsbye/pear-dsp-gradio] 平台信息 "pyaudio~=0.2.1 ......
前端系列：正则表达式RegExp详解
目录正则创建匹配方法元字符字符集合边界分组数量词汇匹配模式RegExp 方法特性 正则创建 字面量创建 const str = 'asdf123sds3234' const regexp = /\d+/g const res = str.match(regexp) console.log(res) ......