Web前端

提供web前端技术学习,包括html5、css3、javascript、jquery、ajax、bootstrap以及一些流行的vue、angular等技术或框架。

最新文章

本站单页下载快速生成下载信息的油猴子脚本

本站单页下载快速生成下载信息的油猴子脚本

为了方便本地集成多个网盘单页下载的功能,快速解析发布多网盘地址和下载资源的信息,写一个个油猴子脚本,目前只支持百度网盘和城通网盘,后续有新网盘再新增。随时备用,以防丢失,脚本信息记录如下: 脚本1: // ==UserScript== // @name 下载解析 // @namespace http://tampermonkey.n……

潘老师 7个月前 (07-22) 196 ℃ (0) (0)

Vue页面限制跨浏览器只能打开一个标签页

Vue页面限制跨浏览器只能打开一个标签页

遇到个需求就是针对某个路由页面,只能打开一个tab标签页,不管是跨浏览器还是不跨浏览器,都进行限制,也就是说针对这一台设备的ip,只允许打开一个标签页,那么该怎么实现呢? 纯前端的方案肯定不行,没办法解决跨浏览器问题,只能寻求后端解决方案,这里的方案思路是: 该页面定时给后台发心跳,如果发现该页面已存在打开的情况,就保留最新打开的,关闭之前打开的,优点就是可……

潘老师 7个月前 (07-20) 205 ℃ (0) (0)

chrome浏览器禁用右键菜单复制粘帖怎么办?如何恢复?

chrome浏览器禁用右键菜单复制粘帖怎么办?如何恢复?

如果你遇到了chrome浏览器禁用右键菜单复制粘帖的页面,你可以尝试以下几种方法处理: 使用其他浏览器:如果该页面对Chrome的功能进行了限制,你可以尝试使用其他浏览器如Firefox、Safari等来访问该网页,可能会绕过限制。不过这种基本不太现实,一般都是针对所有浏览器都禁用了。 使用开发者工具:在Chrome浏览器中,你可以按下F12键或右键选择“……

潘老师 7个月前 (07-19) 1053 ℃ (0) (0)

前端基建想法和建议技术方向分享交流

前端基建想法和建议技术方向分享交流

前端项目基建是一项关键的工作,它是构建一个良好的前端开发环境和项目框架的基础。在现代化的前端开发中,项目基建并不仅仅是创建一个简单的文件夹结构和配置文件,而是团队合作、工作流程、代码管理、开发效率等多方面的综合考虑。 在过去的几年里,前端技术的发展非常迅速,新的框架、库和工具层出不穷。如何在这些不断变化的技术中选择合适的工具和技术栈,是一……

潘老师 7个月前 (07-19) 245 ℃ (0) (0)

vue如何限制当前浏览器打开的页面不允许再次被打开

vue如何限制当前浏览器打开的页面不允许再次被打开

要限制当前浏览器打开的页面不允许再次被打开,可以借助 sessionStorage 来实现。sessionStorage 是一个会话级别的存储对象,可以将数据存储在浏览器的 sessionStorage 中,并且只在当前会话中有效。 以下是一个基于 sessionStorage 的示例代码: 1)在需要限制的页面的组件中,添加一个 created 钩子函数来……

潘老师 7个月前 (07-18) 362 ℃ (0) (1)

Vue某个路由页面如何限制只能打开一个页面

Vue某个路由页面如何限制只能打开一个页面

vue项目如何保证某个页面路由只能在浏览器中打开一次,当再次打开时就提醒已经存在打开的页面,代码逻辑如何实现? 可以通过全局路由守卫来实现对某个页面的打开次数进行限制和提示。以下是一个实现该功能的代码示例: 1)首先,在 router/index.js 文件中添加一个全局路由守卫: import router from './router' // 添加……

潘老师 7个月前 (07-17) 545 ℃ (0) (0)

城通网盘分享链接自动转wordpress短代码油猴子脚本

城通网盘分享链接自动转wordpress短代码油猴子脚本

最近在使用城通网盘分享一些虚拟资源,每次上传完之后,点击分享链接,然后再粘贴到wordpress中手工转短代码非常麻烦,于是直接写一个油猴子脚本,实现分享链接自动转wordpress短代码,保存备用。 代码逻辑很简单,主要是获取到分享连接信息包括文件名称和下载地址,而我还想再获取到文件大小,于是代码从获取这3个属性出发,由于分享链接在弹窗,就采用了定时任务,……

潘老师 7个月前 (07-14) 476 ℃ (0) (0)

vue前端项目如何获取访问客户端的ip

vue前端项目如何获取访问客户端的ip

在Vue前端项目中,无法直接获取客户端IP地址,因为IP地址是客户端的信息,不会直接暴露给前端。通常的做法是通过后端接口获取客户端的IP地址,然后将IP地址返回给前端。 如果你希望前端能够获得客户端的IP地址,可以在后端接口中实现一个API,用于获取客户端的IP地址,然后前端调用该接口获取IP地址。 前端实现 具体步骤如下: 1)在后端的接口中,可以通过获取……

潘老师 7个月前 (07-13) 1903 ℃ (0) (0)

vue前端页面如何根据客户端ip限制指定ip才能访问该页面

vue前端页面如何根据客户端ip限制指定ip才能访问该页面

要实现根据客户端IP限制指定IP才能访问Vue前端页面,你可以在Vue Router中添加一个全局前置守卫,通过获取客户端IP地址并进行判断来限制访问。 可以使用第三方库axios来获取客户端IP地址。在项目中安装axios: npm install axios 然后,创建一个名为Guard.vue的组件,用于实现前置守卫的逻辑: <templat……

潘老师 7个月前 (07-13) 527 ℃ (0) (0)

资源分享吧详情页首图抓取油猴子脚本

资源分享吧详情页首图抓取油猴子脚本

由于需要从资源分享吧搬运资源,需要经常抓取首图图片,手工没法直接复制,只能使用脚本把图片弹窗弹出来,再报错,搞了个油猴子脚本来处理,以便备用,脚本如下: // ==UserScript== // @name 资源分享吧首页图片 // @namespace http://tampermonkey.net/ // @version ……

潘老师 7个月前 (07-13) 215 ℃ (0) (0)