html
文章平均质量分 72
lydxwj
慢慢踩坑
展开
-
网页生成PDF表格诡异多出空白
puppeteer生成pdf遇到表格出现留白,可能出现在表格体头和底出现空白,空白高度不固定,表格中的数据也存在丢失原创 2023-07-20 21:49:25 · 723 阅读 · 0 评论 -
通过CSS控制svg变化
本文介绍使用css魔法控制svg变化,要想实现这一点只需要耐心看下去!svg代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init.原创 2021-07-28 22:45:03 · 3193 阅读 · 0 评论 -
优雅处理图片加载失败
环境:vue2.6.6element-ui2.13.2问题:用户头像图片加载失败,显示异常难看,难看的失败图标。解决:使用element-ui的Avatar组件<template> <el-avatar :src="photoUrl" size="small"> {{ name.substring(0,1) }} </el-avatar></template><script>export default {转载 2020-07-03 15:35:04 · 649 阅读 · 0 评论 -
实现上传进度条
JS文件上传,依靠<input type="file">这个标签可以完成文件上传的操作,这里就不细说,这里主要说一下进度条的实现。想要实现进度条我们需要了解一个对象 XMLHttpRequest ProgressEvent接口这个接口有3个属性,都是只读的。ProgressEvent.lengthComputable 表示当前的工作是否是可测量的,如果为false则loaded和total两个接口不可用,一般这个是trueProgressEvent.loaded 表示已完成的进度转载 2020-06-06 16:07:27 · 3104 阅读 · 2 评论 -
打印页边距问题
问题:打印功能(打印页面),预览界面第二页顶部没有间距问题代码:<style type="text/css" media="print">@page { size: auto; margin: 0mm;}.print-page {/* 页面盒子样式类 */ position: absolute; width: 1000px; left: 0; top: 0; bottom: 0; padding: 40px 50px转载 2020-06-03 23:03:27 · 3661 阅读 · 0 评论 -
WebSocket
WebSocket是HTML5新增的协议,它的目的是在浏览器和服务器之间建立一个不受限的双向通信的通道,比如说,服务器可以在任意时刻发送消息给浏览器。WebSocket协议WebSocket并不是全新的协议,而是利用了HTTP协议来建立连接。我们来看看WebSocket连接是如何创建的。首先,WebSocket连接必须由浏览器发起,因为请求协议是一个标准的HTTP请求,格式如下:GET w...转载 2019-12-04 17:44:54 · 272 阅读 · 0 评论 -
a连接问题
a连接hrefa href =” “: 默认打开的还是当前页面,会刷新一下重新打开。a href =”#”: 浏览器地址栏网址后面会多显示1个#。不会刷新页面,会回到页面顶部。点击之后会自动跳转到页面的最上面,因为用了这个方法就相当于点击了一个锚记,但是这个锚记又没写ID,所以就默认跳转到页面顶部。a href =”Javascript: void(0) “: a href=原创 2017-09-15 23:20:53 · 519 阅读 · 0 评论 -
mate
mate问题meta content="telephone=no" name="format-detection"> 忽略将数字变为电话号码meta content="email=no" name="format-detection"> 忽略识别emailmeta详解meta标签可分为两大部分:http-equiv和name变量。(通过大网站对于meta的设置,可以看到原创 2018-01-11 23:22:59 · 273 阅读 · 0 评论