前端html css
10款前端流程图框架
10款前端流程图框架 2023-05-31 11:51·乐吾乐科技 1、go.js go.js 提供一整套的JS工具 ，支持各种交互式图表的创建；目前go.js 是闭源收费的;官方网站：https://gojs.net/latest/samples/ 2、jsPlumb jsPlumb是一套开源的流 ......
CSS基础-过渡动画
CSS3新添加了过渡动画， 即使用者定义好 一个元素的**开始状态**和**结束状态**， CSS会根据变化曲线形成**补间动画**效果。 CSS3中用**transition**属性来描述动画如何运动。 ![Untitled.png](https://p6-juejin.byteimg.com/t ......
【校招VIP】前端校招考点之UDP
考点介绍： UDP是非面向连接协议，使用udp协议通讯并不需要建立连接，它只负责把数据尽可能发送出去，并不可靠，在接收端，UDP把每个消息断放入队列中，接收端程序从队列中读取数据。 一、考点题目 1、UDP对应的协议有哪些 解答：DNS ：用于域名解析服务，将域名地址转换为IP地址。DNS用的是53 ......
AI绘图开源工具Stable Diffusion WebUI前端API对接
本文主要介绍 AI 绘图开源工具 Stable Diffusion WebUI 的 API 开启和基本调用方法，通过本文的阅读，你将了解到 stable-diffusion-webui 的基本介绍、安装及 API 环境配置；文生图、图生图、局部重绘、后期处理等 API 接口调用；图像处理开发中常用到... ......
如何在HTML --- 》table ---》td中实现换行？
XTHS：设置table 的 style="table-layout:fixed;" 然后设置td的 style="word-wrap:break-word;" 即可 1、我在网上试了上面方式，并没有效果 2、最后我用下面第二种方式 ，“利用CSS的white-space属性实现换行，这个是没有问题 ......
css或js实现隔行换色
```css /* 用CSS实现隔行换色*/ /* table tbody tr:nth-child(odd) { background-color: #c7cac9; } table tbody tr:nth-child(even) { background-color: #ccc; } */ ` ......
一个卡片展示的前端组件
``` {{ item.total_number }} 个 {{ item.title }} ``` 效果图如下： ![](https://img2023.cnblogs.com/blog/3246303/202308/3246303-20230830204931861-1209762196.png ......
用div+css实现聊天输入框，可输入、展示图片
<div class="dzm-textarea" id="dzm-textarea" contenteditable="true" @keypress="onKeypress" placeholder="输入文本" style="overflow: auto;"></div> const onKe ......
h5(html5)+css3前端笔记六
#浮动 ##1.1传统网页布局的三种方式 普通流、浮动、定位 网页布局的本质一一用CSS来摆放盒子。把盒子摆放到相应位置 ##1.2标准流（普通流/文档流） 1. 块级元素会独占一行，从上向下顺序排列。 常用元素: div、hr、p、h1~h6、ul、ol、dl、form、table 2. 行内元素 ......
前端文件相关总结
先引用掘金上的一个总结，将前端会遇到的文件相关的知识点间的关系串联了起来。 前端技术提供了一些高效的解决方案：文件流操作和切片下载与上传。 1. 文件基本操作 1.1 数据流和文件处理的基本概念 数据流是指连续的数据序列，可以从一个源传输到另一个目的地。在前端开发中，文件可以被看作数据流的一种形式， ......
61.Vite打包+tomcat运行打包后的前端文件
1.初始化vue Vite项目 可以去官方网站查看如何创建：http://www.vitejs.net/ 2.打包： 先正常运行自己创建的项目，看是否能正常运行：pnpm run dev 如果正常运行，可以停止运行，执行打包指令：pnpm run build 打包好后会生成一个dist文件夹。里面就 ......
css 收货地址的平行四边形红蓝白色样式
.line { width: 100%; background: repeating-linear-gradient( -45deg, rgba(0, 41, 136, 0.4) 0px 24px, #fff 24px 48px, rgba(238, 0, 7, 0.4) 48px 72px, #f ......
前端录制与回放
1. 背景 1.1 selenium等自动化测试工具 1.2 webRTC屏幕录制 1.3 rrweb+rrwebplayer 2. 对比 selenium适用于自动化测试、自动运行脚本；webRTC适用于录制视频与上传分析；rrweb适用于后台录制与行为分析。都可用来排查问题、指导用户操作等场景。 ......
前端学习之nvm
接手了新的项目 需要使用nodejs，但是版本又不同如何解决呢 如果自己下载配置环境变量也太复杂了 下载nvm https://nvm.uihtm.com/download.html 使用nvm 下载node nvm install node版本号 切换版本 nvm use node版本号 查看所有 ......
HTML td 或者th 设置宽度无效
最近我在做一个网站的表格布局，遇到了一个困难，就是 html 中 td 的宽度设置无效。 我在设置 td 的宽度时，使用了 width 属性，但是实际效果却不符合我的预期。经过一番研究，我总结出了以下几点原因。 1、首先， td 的宽度会受到表格宽度和单元格内容宽度的影响。如果表格宽度不足以容纳 t ......
完全基于html和three.js实现的魔方
记录大学时代的一个实验demo 代码完全基于html、three.js实现 1. 实现效果演示： 2. 项目结构： 3. three.js需自行下载依赖包，index.html完整代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti ......
直播程序，纯时间比较(时分)，不含日期，js前端比较
直播程序，纯时间比较(时分)，不含日期，js前端比较 //ajax请求后返回的数据success : function(data) {for (var i = 0; i < data.length; i++) {var rows = data[i];var rowTimeBegin=(parseIn ......
前端页面居中详解
在前端页面中，有多种方法可以实现居中布局。以下是一些常见的方法： 1. 使用Flexbox布局：可以使用Flexbox布局将元素水平和垂直居中。通过设置父元素的`display: flex;`、`justify-content: center;`和`align-items: center;`属性，可 ......
利用html标记跳转特性。
使用html锚点定位文章位置 因为博客园的的标记系统我不知道，我得查一下  我们可以同通过F12查看审查元 ......
前端：轮播图
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
【校招VIP】前端算法考点之快慢指针题型
考点介绍： 链表是校招面试里手撕代码出现频度比较高的题型，三线和中小厂会考察简单的链表反转，大厂会进一步考察复杂度和双指针问题，比如中间元素、是否存在环等。 一、考点题目 1.一个长度为n的单向链表，用O(1) 空间复杂度来实现倒转输出，使用最低时间复杂度 解答：单向链表，直接设结点 Node he ......
前端的一个小小的：倒计时
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
vue2.0截图 html2canvas or dom-to-image 并解决openlayers截图空白问题
1.版本 "dom-to-image": "^2.6.0", // or "html2canvas": "^1.4.1", 2.引入 import domtoimage from 'dom-to-image'; // or import html2canvas from 'html2canvas'; ......
aspx.cs后台如何把datatable显示在前端页面
aspx.cs后台如何把DataTable数据显示在前端页面 1.首先我们在前端的aspx文件中，写一个带有 asp:Repeater控件的table 注意：一定要给asp:Repeater控件写一个ID，我们是通过这个id赋值的。 2.这个方法无论数据是DataTable格式的，还是List格式的 ......
CSS基础-3D变形
1，js-table2excel npm包有问题，导出后一片空白 2，改写一下js-table2excel /* eslint-disable */ let idTmr; const getExplorer = () => { let explorer = window.navigator.user ......
HTML中行内样式的修改
遇到的问题： 具体的HTML代码： 解决办法，在前端页面中修改样式 <style> .layui-table-main{ height:100%!important; }</style> 该问题中style样式是行内样式，所以在修改代码时记得加上 important 来增加权重。 ......