网页

前端实现打印网页内容的解决方案(附完整代码)-牛翰网

前端实现打印网页内容的解决方案(附完整代码)

目录 技术实现: 实现逻辑: 封装方法代码如下: 调用: 实现效果如下: 总结  技术实现: 打印方法通过js原生封装, 框架采用的是vue和elementplus(单纯想实验一下打印方法的可以不用,直接...
f633f45bba8a1207的头像-牛翰网编程猪猪侠6个月前
0558
Vue中嵌入可浮动的第三方网页窗口的示例详解-牛翰网

Vue中嵌入可浮动的第三方网页窗口的示例详解

目录 1. 思路Demo 2. 实战Demo 1. 思路Demo 以下Demo提供思路参考,需要结合实际自身应用代码 下述URL的链接使用百度替代! 方式 1:使用 iframe 浮窗 可以创建一个固定在页面右下角的 ifr...
376c8b52523152ba的头像-牛翰网码农研究僧6个月前
0359
JavaScript网页禁用屏蔽常用操作小结-牛翰网

JavaScript网页禁用屏蔽常用操作小结

目录 前言 1、网络劫持 2、禁止复制 3、禁止菜单 4、禁止按键 5、清除缓存 前言 小结一下网页前端常用的JavaScript屏蔽操作,包括网络劫持、禁止复制、禁止按键、清除缓存记录等操作。 1、网络...
ed943e8bef482bd3的头像-牛翰网火星papa10个月前
0359
前端实现时钟网页的详细代码示例-牛翰网

前端实现时钟网页的详细代码示例

项目介绍 时钟显示在网页中央,并且使网页能够切换白天和夜晚两种模式。搭建基本的html结构,动态得到实时的时,分,秒通过Date()函数获得。将得到的数字根据逻辑,绑定给各div结构,实行动态旋...
Vue+ElementUI容器无法铺满网页的问题解决-牛翰网

Vue+ElementUI容器无法铺满网页的问题解决

首先是解决html,body铺不满屏幕的问题,就是对于撑开的html,body没有覆盖掉,可以通过在assets下新建一个global.scss文件 设置html,body的宽度为100vw,高度为100vh,代码如下: html, body,...
TypeScript使用axios库进行高效的网页数据抓取-牛翰网

TypeScript使用axios库进行高效的网页数据抓取

目录 抖音平台概述 为什么选择axios? 环境准备 配置TypeScript 创建axios实例 抓取数据 使用数据抓取函数 编译和运行 注意事项 抖音平台概述 抖音是一个流行的短视频分享平台,用户可以在这里...
4894c68cad26dd60的头像-牛翰网小白学大数据1年前
0339
JavaScript实现页面截图3种解决方案-牛翰网

JavaScript实现页面截图3种解决方案

目录 1.html2canvas 2、获取屏幕流转为图片 3、让使用者在浏览器插件再去调用插件(不推荐) 总结 1.html2canvas npm install html2canvas // 引入html2canvas库 import html2canvas from 'html...
ba485aaffb3ac08c的头像-牛翰网高树悲风1年前
03912
使用window.print()前端实现网页打印超详细教程(含代码示例)-牛翰网

使用window.print()前端实现网页打印超详细教程(含代码示例)

目录 前言 一、打印基础知识 二、打印控制 2.1 使用打印样式表 2.2 使用媒介查询 2.3 内联样式使用media属性 2.4 css中使用@import引入打印样式表 2.5 打印指定区域 2.6 插入分页 2.7 设置打印...
69d6b0786b0aad64的头像-牛翰网程序员洲洲1年前
0367