html
关注
分享
扫一扫
小墨宝
这个作者很懒，什么都没留下…
展开
-
vue 批量导出pdf 压缩包 zip
1.使用 html2canvas+jspdf 将页面转图片转pdf（这个怎么转的可以网上搜下很多）2.利用jszip+file-saver 结合promise.all 写入压缩包中。jszip （百度ai搜出来的是zip-js 这个没法安装）原创 2024-09-02 16:15:41 · 654 阅读 · 0 评论 -
mac配置hosts文件 本地调试二级域名共享cookies
例如 aaa.abcd.com 和 bbb.abcd.com 二级域名.abcd.com。一致 存储cookie的时候设置domain。1.快捷键Shift + Command + G 快捷键。3.因为没有权限修改 需要复制一份出去桌面修改。不通的域名下是可以共享的，问题是怎么本地调试？二级域名一样，cookie 共享。保存 然后 复制过去覆盖就行了。mac电脑 找到hosts文件。使用，替换ip就行，保留端口。windows下百度下，原创 2023-02-15 17:32:59 · 570 阅读 · 0 评论 -
html 滤镜效果 黑白
html 滤镜效果 黑白原创 2022-12-02 11:46:39 · 291 阅读 · 0 评论 -
表单label 两端对齐
1 .css display: inline-block; width: 80px; height:30px; line-height:30px; vertical-align: middle; text-align: justify; text-align-last: justify 2.可以设置一个样式 kogn.kong{ opacity: 0;}<span class="label">状<b class="ko原创 2020-08-06 16:29:06 · 494 阅读 · 0 评论 -
css左右晃动效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ...原创 2020-04-13 15:32:32 · 3811 阅读 · 0 评论 -
iframe 移动端ios低版本 无法出现滚动条
<div style="width:100%;height:100%;-webkit-overflow-scrolling:touch;overflow-y:scroll;"> <iframe :src="$store.state.iframeBox.url" style="height:calc(100% - 10px);overflow-y: auto...原创 2020-03-18 10:59:30 · 283 阅读 · 0 评论 -
postMessage不同页面跨域通信 双向传递 iframe
此例采用 iframe父页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>iframe父级页面</title> <style> * { padding: ...原创 2020-03-11 09:42:45 · 339 阅读 · 0 评论 -
记录一个loading效果（移动 PC）
效果：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> /*loading加载样式*/ .loading{position: ...原创 2020-03-05 18:15:13 · 240 阅读 · 0 评论 -
window.print（） 表格打印 完美实现分页
问题描述：采用js打印页面，表格过长 会出现分页，表格就会被裁减（那种每行固定就一行展示的简单，每个分页给他多少条数据就完事了），这里的问题是数据从后台获取，而且每一列都可能出现换行，多的可能达到10几20行的。需要的效果思路：分页采用<div style="page-break-after:always"></div>一、整理思路1.不同的分页中都要有...原创 2020-03-05 10:01:20 · 7269 阅读 · 7 评论 -
window.print()去掉页头页脚
采用css去除@page {size: auto; /* auto is the initial value /margin: 0mm; / this affects the margin in the printer settings */}原创 2020-01-21 17:29:50 · 2352 阅读 · 0 评论 -
对于↵↵ 的换行处理
↵换行符往往出现在textarea 回车中出现，返回页面渲染的时候字符串中就带上了它，有两种方法处理，第一 ：直接用textarea 展示；第二：通过直接str = str.replace(/↵/g,"< br />") 是替换不了的，str = str .replace(/(\r\n|\n|\r)/gm , “”); 可以直接替换，下图为展示成功...原创 2019-12-03 10:57:02 · 3032 阅读 · 0 评论 -
html文件 局域网访问
开发过程中在同一局域网下面有2种可以直接访问其他电脑的 html文件1.起服务，前端用的比较多的就是node.js vue react angular项目都可以，最后用他的地址就可以在其他电脑上访问了2.本地用jq 等框架开发的项目 ，直接window+r ===> cmd ==>ipconfig=>替代注意：防火墙要关掉，不然访问不到...原创 2019-11-27 10:46:49 · 3887 阅读 · 0 评论 -
为什么不推荐使用iframe
i’frame的优点：主要是能比较方便的连入外部的网页，内嵌到页面中。缺点比较明显：1.页面js插件要重新加载，加重了页面负担2.阻塞页面，非常的耗资源，加载速度比script css等慢一两个等级。3.一般用于静态资源的引用，不宜多用。4.页面多，管理困难，bug较多5.不利于SEO优化...原创 2019-09-26 09:14:29 · 1944 阅读 · 0 评论 -
web前端面试题 基础题 html篇
1.XHML和HTML区别XHTML:基于XML的指标语言，必须正确嵌套，关闭，大小写，必须有根元素HTML：基于web的网络设计语言2.前端页面哪三层HTML 结构层/视图层CSS 表示层js 行为层3.各大主流浏览器的内核IE ie内核火狐 Gecko谷歌 webkit ，BlinkSafari webkitopera Presto4.如何理解语义化的...原创 2019-09-23 11:26:32 · 190 阅读 · 0 评论