前端html css
vue-day23--v-html指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-htm ......
前端Vue仿美团右侧侧边栏弹框筛选框popup alert
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
Html利用Canvas绘制图形
今天接到粉丝私信，询问是否可以通过Canvas绘制一些图形，然后根据粉丝提供的模板图，通过Canvas进行模拟绘制，通过分析发现，图形虽然相对简单，但是如果不借助相应的软件，纯代码绘制还是稍微费些时间。今天将绘制图形源码分享出来，仅供学习分享之用，如有不足之处，还请指正。 ......
HTML5 Canvas API制作一个简单的猜字单机游戏
这篇文章主要介绍了借助HTML5 Canvas API制作一个简单的猜字单机游戏的实例分享,游戏中每局会自动生成一个字母,玩家按键盘来猜测该字母是哪一个,需要的朋友可以参考下 HTML代码 <!doctype html> <html lang="en"> <head> <meta charset=" ......
HTML5的Video标签的属性,方法和事件汇总
HTML5的Video标签的属性,方法和事件汇总 常用屬性與方法: 获取视频元素：var videoElement = document.getElementById("videoPlay"); 获取设置音量大小：videoElement.volume 获取设置当前播放的位置：videoElemen ......
后端编程开发 --- html 学习路线
1.基础。html css javascript dom 2.中级。数据格式定义（json、xml）、restful api（jquery ajax、fetch api、reactivex）、可用性、正则、html语义化、命令行、nodejs、div/css，scss/sass、svg、spa 3. ......
html-two
<!-- 1 过 2 过 3 过 4 过 5 过 1 过 2 过 3 过 4 过 5 过 1 过 2 过 3 过 4 过 5 过 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</t ......
python通过Websocket与html主动通讯
python通过Websocket与html主动通讯 导语：在Web开发中，实现实时通信是一项常见的需求。本文将介绍如何使用Python和WebSocket技术实现与HTML页面的实时通信，以显示当前的实时时间。 ## 1. WebSocket简介 WebSocket是一种全双工通信协议，允许在客户 ......
css3动画之打字效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>速度曲线步 ......
在HTML中引入React和JSX
## 前言 Vue 可以非常方便地与 Pure HTML 结合，代替 jQuery 的功能，有一次遇到类似的场景时，我就想 React 能不能也以这种方式接入 HTML 网页，从而提高开发效率。 结果当然是可以的，只不过在 HTML 里直接 JSX 似乎会降低一些性能… 凑合用吧 ## 引入依赖 要 ......
HTML
# 一、什么是HTML? ## 1.HTML ( HyperText Markup Language) : 超文本称记语言。 ## 2.超文本: 超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。 ## 3.标记语言: 由标签构成的语言 （1）HTML标签都是预定义 ......
CSS总结
# CSS总结 ## 一. CSS选择器 通过选择器选中html标签，设置标签的样式。 ### 1.选择器分类 > 优先级：标签名称选择器 内容 .A{ 属性名称：值; 属性名称2：值2; } ``` #### (3) id选择器 语法：#id属性值{} 作用：选中对应id属性值的元素(id属性值只 ......
HTML标签
#标签分类 行内标签：span标签、a标签、b标签、i标签、sub标签、sup标签、em标签、strong标签 快标签：div标签、p标签、h1标签、h2标签、h3标签、h4标签、h5标签、h6标签、ul标签、li标签、ol标签、section标签、aside标签、header标签、footer标签 ......
前端实现页面/嵌套iframe右键禁用
页面： document.oncontextmenu = function(e){return false}; 嵌套iframe：iframe中要对contentDocument禁用 // 先获取到iframe iframe.contentDocument.oncontextmenu = funct ......
12_v-html实现图片放大
1. 安装依赖 ```bash npm install v-viewer -S ``` 2. 全局引入 ```js // main.js import Viewer from 'v-viewer'; import 'viewerjs/dist/viewer.css'; Vue.use(Viewer) ......
vue前端异步请求，数据拿的太慢，页面无法渲染
vue中发送请求，拿到数据后打开弹窗进行页面渲染，问题：请求速度太慢，弹窗没有数据，解决：使用async和await进行同步请求 async用在方法上，await放在请求前，表示阻塞 ......
C# DLL资源文件打包(图片、JS、CSS)
前言 出于安全以及移植考虑，近两天有看关于WebResource方面的资料，有点点心得和不明白。这里鄙视下那些狂抄袭的论坛和博客，一搜索几乎全一样，也没多说一个字的！！ 感谢 1.MSDN 直到这个例子出现，我才真正做出自己想要的东西，但是也带来了一些不明白 2.利用WebResource.axd通 ......
前端ExportExce导出表格数据
前端使用 ExportExce导出表格数据 步骤一、 下载依赖 cnpm install file-saver@1.3.8 xlsx@0.14.1 --save 步骤二、创建一个ExportExce.js 文件 注意： vue中的话 一般是在 util文件夹下 创建的 nuxt的话在 plugins ......
如何完美解决前端数字计算精度丢失与数字格式化问题？
> 大家好，我是木瓜太香，做前端开发经常会遇到数字计算精度丢失的问题，和数字格式化的麻烦问题，好不容易找到了可以解决这些问题的库结果用起来不够方便，例如 bignumber.js decimal.js 等编写体验不好，这篇文章来帮助你完美解决这些问题 接下来我们根据以下两个问题展开说说： - 只有前 ......
Web 前端常用的组态软件工具（可视化）
前言 随着创新技术驱动工业物联网不断发展，设备联网所产生的多样化数据，在边缘端与云端进行大数据分析，成为工业应用场景数字化的需求。跨系统可通用，不受硬件限制达成无缝整合，监控组态软件SCADA成为物联网时代建构出各种工业应用的成功关键。 概念 组态(Configure)：包含“配置”、“设定”、“设 ......
ner7下的html导出为pdf
ner7下的html导出为pdf nuget引入dinktopdf，按github上的示例来弄即可：https://github.com/rdvojmoc/DinkToPdf/ mac下vs2022，net7测试，需要把https://github.com/rdvojmoc/DinkToPdf/bl ......
部署tomcat，在tomcat下部署前端项目
#铺垫 1.选择一个部署的工具，并且连接会话 2.选择先把jdk放在home目录下，然后解压，解压的命令是#tar -zvxf 压缩包名称 3.配置java环境变量，（此处省略） 4.再选择tomcat放到home目录下，解压 5.进入tomcat的bin目录，启动tomcat ./startup. ......
教你快速掌握两个div在同一行显示css如何实现
我们都知道div是一个块元素,块元素的特点是,独占一行,从上往下排列,但是有时候我们在页面排版的时候需要从左往右横着排列,想要实现这样的效果方法有很多,首先先来看一下,默认情况下的2个div的效果如下 代码如下: <!DOCTYPE html> <html lang="en"> <head> <me ......
html2canvas + jspdf 实现前端将页面内容生成 PDF
一、简易步骤（仅支持下载一页，无法分页） 1.下载插件模块 npm install html2canvas jspdf --save 2.编写代码 import html2canvas from 'html2canvas' // 引入插件 import {jsPDF} from 'jspdf' // ......
CSS常用属性汇总
1、盒模型属性2、常用文本样式属性3、常用字体属性4、段罗和行相关属性5、css书写位置6、样式层叠性和选择权重7、伪类和伪元素8、css3新增伪类9、标签选择器、id选择器、class选择器、复合选择器10、关系选择器、序号选择器、属性选择器11、浮动与定位样式属性12、鼠标样式13、边框、圆角、 ......
20个非常绚丽的HTML5/CSS3应用插件
基于HTML5的应用现在已经非常广泛，今天我们就来向大家分享20款非常绚丽的HTML5/CSS3应用插件。希望大家喜欢并分享给你的好友们。 1、HTML5视频破碎重组特效 强大视觉冲击 HTML5视频播放器很多，但是HTML5视频特效还是很少见的，这款HTML5视频破碎重组特效非常刺激，给人强大的视 ......
html导出图片和打印
html导出图片和打印 打印用js自带的print即可，导出图片需要引入http://image.niunan.net/html2canvas.min.js <script src="html2canvas.min.js"></script> <script type="text/javascrip ......
微服务架构在前端开发中的应用
微服务架构是一种软件架构模式，用于构建复杂应用程序。它将一个大型的单体应用程序拆分为一组更小、更独立的服务，每个服务都运行在自己的进程中，并通过轻量级的通信机制进行交互。每个服务都专注于解决特定的业务功能或服务，并且可以独立开发、部署和扩展。 ......
前端uni-app自定义精美全端复制文本插件，支持全端文本复制插件 可设置复制按钮颜色
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
使用IText7 把html 转PDF 并且增加页脚
itext7 对于pdf的编辑功能还是很不错的，就是文档太少了。官方提供的文档也是介绍案例的方式，如何去使用 itext ，一些定制化需求就需要去摸索 。
最近我的项目上就遇到需要在通过html 转换之后的pdf上增加页脚这样的需求 ，啃官方文档研究和自己不断尝试终于解决了问题。
为了能帮助到有相同... ......