全局 布局 浏览器 页面
第二次作业-PHP——注册页面，审核页面，登录页面
一， 本次作业是在第1次计算器功能上的拓展， 使用PHP实现注登录注册功能 实现效果： 用户注册信息，管理员核对信息审核通过后，可实现注册的用户名和密码的成功登陆，利用session和cookie获取用户信息并且不能跳过登录页面直接进入主页面 1.Session存储在服务器可以存储任何内容有默认过期 ......
nginx 前端页面 403 解决
前段页面显示这样 解决方法 关闭安全策略 sudo setenforce 0，进行尝试，看是否是这个影响 如果生效了，能正常访问了，需要进行sudo setenforce 1,打开安全策略，如果关闭会导致系统不安全. 然后运行 sudo semanage fcontext -a -t httpd_s ......
让Element-ui的dialog对话框根据浏览器屏幕大小自适应
需求：让Element-ui的dialog对话框根据浏览器屏幕大小自适应 实现如下： ......
vue路由局部刷新-局部页面刷新达到和F5刷新一样的注销
1.静态路由页面加上这一条 { path: "/redirect/:path(.*)", component: () => import("@/views/redirect/index.vue") }, 2.点击事件的vue方法里面用 router.replace({ path: "/redirec ......
从一个案例，细说浏览器的事件循环
我们知道，用户键盘输入的事件有3个：keydown、keypress、keyup。可这三位各有各的缺点，没一个让人省心的。 keypress，无法拿到用户最新的输入值，在输入中文时还不触发。keyup，能拿到最新输入值了，但已经无法通过 preventDefault() 阻止输入。 比如这个场景：把 ......
浏览器中打开exe
1.创建boc.reg文件，内容如下 Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\boc]"URL Protocol"="C:\\Program Files (x86)\\Tencent\\WeChat\\WeChat.exe"@=" ......
flask + layui框体 + iframe，实现点击左侧菜单，显示不同页面
重点解析： 1、主要变动src中的链接，这里是flask的视图函数 <iframe id="iframe" src="daily_unconfirmed_issues" style="width: 100%; height: 550px;"></iframe> @app.route('/daily_ ......
全局异常捕获
DispatcherUnhandledException——UI线程未被处理的异常捕获 从App对象中订阅DispatcherUnhandledException事件 public partial class App : Application { public App() { // Dispatc ......
《最新出炉》系列初窥篇-Python+Playwright自动化测试-35-处理web页面定位toast-上篇
1.简介 在使用appium写app自动化的时候介绍toast的相关元素的定位，在Web UI测试过程中，也经常遇到一些toast（出现之后一闪而过，不留下一点点痕迹），那么这个toast我们这边如何使用playwright进行定位测试呢？今天宏哥就分两篇介绍一下。 2.什么是toast？ Andr ......
页面滚动点击返回至顶部，js怎么实现
当页面要滚回顶部时，使用scrollTop属性，设置值为0即可 当页面具有 DOCTYPE，或者说指定了 DOCTYPE 时，使用document.documentElement.scrollTop。 当页面不具有 DOCTYPE，或者说没有指定了 DOCTYPE 时，使用document.body ......
Docker本地部署私人Firefox火狐浏览器并远程访问(宝藏教程)
Firefox是一款免费开源的网页浏览器，由Mozilla基金会开发和维护。它是第一个成功挑战微软Internet Explorer浏览器垄断地位的浏览器之一。 在Docker中打开Firefox意味着我们将在一个Docker容器中运行Firefox浏览器。这对于一些特殊的测试场景非常有用，例如需要 ......
百度增强特效————gui布局篇
本篇是我自己的窗口布局，有一点：我采用的是流式布局，所以调整窗口大小的话就会变乱，因为主要在找百度代码那边的问题，所以主打一个先实现再说，至于界面什么的能看就成 给大家推荐一个B站博主： 【Java Swing入门课程_图形界面GUI编程_100集视频教程-哔哩哔哩】 https://b23.tv/ ......
12.adb命令启动页面
包和 Activity（活动页）的概念 package 包：是 Android 应用的唯一标志 Activity 活动页： Android 应用页面，一个页面就是一个 Activity 获取当前的页面名 1、打开手机 app 应用的某个页面 2、打开命令行工具 执行命令：adb shell "dum ......
鸿蒙应用开发笔记[2]-简单界面布局
摘要 在HarmonyOS4开发一个应用,在ArkTS的Stage开发范式下简单进行界面布局. 平台信息 DevEco Studio 4.0 Release 构建版本：4.0.0.600, built on October 17, 2023 HarmonyOS 4 Compile SDK “3.1. ......
Vim 全局配置
新搞的 Linux (Debian) 上的 vim 一右击粘贴就变成 insert (Visual) 模式，上网查了一下，要 set mouse=，但是每次设置太麻烦了，另外我也想改一下全局配色。 定位全局配置文件 看到有篇博客说是在 /usr/share/vim/share/... 下有个 vim ......
防御式CSS—网格布局中的列自动分配
当使用CSS grid minmax() 函数时，重要的是要决定使用 auto-fit 或 auto-fill 关键字。如果使用不当，可能会导致意想不到的结果。 当使用 minmax() 函数时， auto-fit 关键字将扩展网格项以填充可用空间。而 auto-fill 将保留可用空间，而不改变网 ......
处理flex布局
点击查看代码 <view class="recommend-view"> <view class="title-view"> 热门推荐 </view> <view class="book-list"> <view class="book-item" v-for="item in list" :key ......
什么是前端 Web 应用响应式页面布局里的 Breakpoint 概念
在 Web 前端开发中，响应式设计是一个非常重要的概念，它允许网页 UI 根据不同的设备屏幕大小进行适当的调整以优化用户体验。在这种设计中，breakpoint 是一个关键的概念。 我们可以把 breakpoint 理解为屏幕宽度的一种临界点，当屏幕宽度达到这个点时，我们会调整页面布局以适应这个新的 ......
Grid 拖拽布局实现
最近有个需求需要实现自定义首页布局，需要将屏幕按照 6 列 4 行进行等分成多个格子，然后将组件可拖拽对应格子进行渲染展示。 示例 对比一些已有的插件，发现想要实现产品的交互效果，没有现成可用的。本身功能并不是太过复杂，于是决定自己基于 vue 手撸一个简易的 Grid 拖拽布局。 完整源码在此，在 ......
Apple Safari 17.1.2 - macOS 专属浏览器 (独立安装包下载) 零日漏洞修复
Apple Safari 17.1.2 - macOS 专属浏览器 (独立安装包下载) 零日漏洞修复 适用于 macOS Ventura 和 macOS Monterey 的 Safari 浏览器 17 请访问原文链接：https://sysin.org/blog/apple-safari-17/， ......
回到页面顶部（回到顶部、过渡动画）
项目背景： vue 1.创建 backtop.vue 的回到顶部逻辑的组件 <template> <transition name="back-up-fade"> <div class="back-top" :style="{ bottom: bottom + 'px', right: right ......
Web 应用中显示页面字体使用的 font-based icons 技术讲解
在前端Web应用开发中，采用字体图标（font-based icons）的方法是一种常见的技术，它允许开发者使用字体文件来呈现图标，而不是使用传统的图像文件。这种方法的优势在于它提供了一种灵活、轻量级且易于管理的方式来集成和使用图标，同时减少了HTTP请求和提高性能。 Font-based icon ......
JFinal的局部session和全局session
1、局部session //存入 setSessionAttr("id",id); //取出 getSessionAttr("id"); 2、全局session //存入 this.getSession().setAttribute("id",id); //取出 this.getSession(). ......
浏览器打开SAP GUI
背景 最近在做一个内部导航网站,需要直接从导航站打开SAP的GUI程序,当然打开SAP WebGUI 并不需我们所需要的结果,所以如何通过浏览器打开exe程序,首选由于目前的浏览器chrome内核已经普及,IE11之前的浏览器基本上已经被抛弃,所以想到了写chrome插件,通过插件监听浏览器网址点击 ......
CSS进阶2-弹性布局-弹性盒子
本节重点： 弹性布局（弹性盒子） BFC布局/规范 CSS新属性，不包含边框和内边距 CSS3的拓展：普通盒模型，怪异盒子模型(IE) 在学习弹性布局前，我们学过Float 浮动 和 Position 定位，浮动会出现一些 ‘诡异’ 的事情，定位则用起来相对麻烦，弹性布局用起来就会很舒服。 1.弹性 ......
css布局
布局 弹性布局： 关键字：display:flex justify-content:space-between 两端对齐，中间自适应 justify-content:space-around 均匀分布，两边距离等于中间间距 justify-content:space-evenly 平等均匀分布，两边 ......
2024年几种浏览器播放RTSP视频流的方案及优缺点
现在越来越多的场景需要用到视频设备了，比如：交通部门、停车场、园区等，大部分需要在浏览器中实时播放视频流，因为RTSP协议具有可扩展性、安全性和易解析等特点，成为大部分摄像头厂商的首选协议，众所周知的是RTSP协议的视频流，浏览器中是无法直接使播放，只有通过插件或者转码来实现。 市场上的方案很多，有 ......
react 使用 antd 创建全局loading
代码如下： import ReactDOM from 'react-dom'; import { Spin } from 'antd'; export const showGlobalLoading = () => { const dom = document.createElement('div' ......
npm和yarn更改依赖包全局下载和缓存路径
背景 在工作中遇到公共构建机器频繁编译打包失败的情况。经过排查是该机器没有权限访问npm默认下载和缓存路径。 解决方案 1.赋予该机器权限以解决此问题。2.参考了 npm和yarn更改依赖包全局下载和缓存路径。该方法通过修改npm和yarn的配置，改变了下载和缓存路径。 # npm npm conf ......
js 浏览器储存数据设置过期时间
vue项目 新建文件sessionTime.js 文件 /** @desc storage相关 */ // type TStorageItem = { // value: any // expire: string|number // time: Date // }; // type = 'loca ......