全局 布局 浏览器 页面
mybatis全局变量 (mybatis.configuration.variables) 的应用
mybatis.configuration.variables是一个可自定义的全局变量: 在 application.yml 中定义： mybatis: mapper-locations: classpath:mapper/*.xml type-aliases-package: com.exampl ......
关于浏览器sessionStorage共享问题
今天也是闲暇之余看了点前端基础知识发现了好玩的 window.open("同源页面")这种方式新开的页面会复制之前的sessionStorage 通过a标签新开的页面同样也会，原理相同，在这就不赘述了。 SessionStorage也有同源策略的限制，但是SessionStorage有一条更加严格的 ......
JavaWeb之Servlet详解（以及浏览器调用 Servlet 流程分析图）
Servlet 1.什么是Servlet Servlet(java 服务器小程序) 他是由服务器端调用和执行的(一句话：是Tomcat解析和执行) 他是用java语言编写的, 本质就是Java类 他是按照Servlet规范开发的(除了tomcat->Servlet weblogic->Servlet ......
针对form 表单 只有一个输入框的时候 使用回车查询会刷新页面问题
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px" @submit.native.prevent> <el-form-item label="表单名" ......
解决antv x6 树形图在IE浏览器的兼容性问题（已兼容IE9及以上）。
因为是给老项目做的树形图展示，框架比较老，使用了传统的html+js代码开发。使用了antv x6 来渲染一颗多级树形结构的图，开发完后在firefox、edge、chrome等现代浏览器上均可正常显示。但甲方客户想在ie浏览器上也能用，所以做了以下尝试，通过不断摸索、调试的艰难过程，终于大功告成。 ......
基于vue3+ts+vite的项目使用‘unplugin-auto-import/vite’插件，自动全局导入api的注意事项
1.首先安装插件 npm install unplugin-auto-import @vitejs/plugin-vue -D 2.安装完成后在vite.congfig.ts中配置，红色部分就是关于插件的基础自动导入部分，这样就可以将vue和router的相关api全局导入了， import A ......
vue pc使用htmlCanvas Jspdf 实现点击将页面生成图片并转成pdf下载
<template> <div id="main" ref="workbench" v-loading="loading" class="echartsPdf"> 需要的内容 </div> </template> <script> import html2canvas from 'html2canv ......
WPF全局异常捕获处理
private void RegisterEvents(){ //Task线程内未捕获异常处理事件 TaskScheduler.UnobservedTaskException += TaskScheduler_UnobservedTaskException;//Task异常 //UI线程未捕获异常处 ......
后端返回html字符串 样式覆盖全局必须用 iframe嵌套显示才行
后端返回html字符串 样式覆盖全局必须用 iframe嵌套显示才行 $.axios({ method: "POST", url: progressUrl, data: params, async: false, success: function (res) { if (res.code == 2 ......
@Controller 跳转页面时报错
springboot项目跳转页面时报错,具体如下 报错: Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Circular view path [login]: wo ......
JavaScript Window.Location - 获取当前页面地址(URL)并重定向到新页面。
JavaScript Window.Location - 获取当前页面地址(URL)并重定向到新页面。 1、常用： window.location.href //返回当前页面的 href (URL) window.location.host // 或 window.location.hostname ......
CSS杂谈——flex布局里面的auto到底多长
本篇博客将以 “ flex 布局里设置 auto 的区块怎么让文案超出省略的问题” 作为切入点，来分析一下 flex 布局里面各子项的具体长度到底怎么计算。 从需求出发谈 flex 布局 我们有一个 H5 项目，类似于微信的通讯录界面，前面是头像，后面是昵称。 所以我们一开始的代码是这么写的： <d ......
Chrome模拟手机浏览器（iOS/Android）的方法
1、在chrome的开发者工具模式下，点击左上角的手机图标切换成手机模式（或者F12然后Ctrl+Shift+M),一般这个方法访问绝大多数设限的网站。 2、第一种方法不行，则安装Google插件User-Agent Switcher for Google Chrome 3、https://blog ......
OpenAI Translator Bob Plugin Bob for Mac上一款基于ChatGPT全局翻译、润色、语法修改插件
OpenAI Translator Bob Plugin 一款可以在Bob进行即时翻译的插件。它基于 OpenAI 的 GPT 系列模型，能够提供高质量、准确的翻译服务。该插件支持多种语言的翻译，包括中文、英文、法语、德语、日语等。用户只需在页面中选中需要翻译的文本，然后点击插件图标即可进行翻译。此 ......
如何在html页面计算某列数值的和
相关步骤 1、先在html页面上定义一个span标签，并为其定义一个id；别忘记为table标签定义一个id 2、定义一个script模块，里面获取到table的id 并定义上之后要求的和为0 3、采用for循环，获取到除去表头tr的td内容，我这里是指定获取某一列的总和 4、在加和的时候要注意：S ......
OpenAI Translator | 基于ChatGPT API全局翻译润色解析及ORC上传图像翻译工具
OpenAI Translator | 基于ChatGPT API全局翻译润色解析及ORC上传图像翻译工具 OpenAI Translator，一款基于 ChatGPT API 的划词翻译的浏览器插件和跨平台桌面端应用，使用 ChatGPT API 进行划词翻译和文本润色，借助了 ChatGPT 强 ......
linux CentOS 7上安装Chrome浏览器
##linux CentOS 7上安装Chrome浏览器 在CentOS 7上安装Chrome浏览器可以按照以下步骤操作： ###添加Chrome浏览器的官方存储库，使用以下命令： $ sudo tee /etc/yum.repos.d/google-chrome.repo <<EOF [googl ......
使用flex布局，el-table宽度溢出
页面使用flex布局，el-table的宽度继承自父元素的宽度设置为100%，但是table宽度溢出了，给每一列设置固定宽度可以解决溢出，但是没有办法在屏幕放大的时候自适应，后来通过给父元素加了position：relative，el-table加上position：absolute可以实现列宽自适 ......
微信小程序返回上一个页面并刷新页面
应用场景： 比如在详情页面编辑或者删除等操作后，点击返回按钮到列表页，此时希望列表页刷新，代码如下： Taro.navigateBack({ delta: 1, success: () => { const page = Taro.getCurrentPages().pop(); if (!page ......
html概览和head常见标签，body内标签布局
前端与后端的概念 前端 任何与用户直接打交道的操作界面 都可以称之为前端>>>:接待员 后端 不直接与用户打交道 主要负责内部真正的业务逻辑的执行>>>:幕后操作者 前端学习之路 专业的前端也需要培训至少六个月 而我们作为后端开发工程师 前端只学最基本最核心的一块 目的不是为了让你直接可以从事前端 ......
实现页面点击复制功能
DOM结构 <el-button @click="handleCopy(scope.row.code)" icon="el-icon-document-copy" type="text"></el-button> js逻辑 handleCopy(feeCode) { const input = do ......
vscode 使用浏览器调试
launch.json { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "node", "skipFiles": [ "<node_internals>/**" ], " ......
实现页面展示左右上下错位效果
前言：有个需求，页面显示类似淘宝首页那样左右上下错位展示效果，还有点时间，所以试验记录下效果。 ##1、分左右栏布局 <html> <style> .list_left, .list_right { width: 50%; float: left; } .list li { width: 45%; ......
uniapp中去掉顶部导航栏-指定某页面去掉顶部导航栏
uniapp项目中如果想关闭所有页面的顶部导航栏 在page.json中 "globalStyle": { "navigationStyle":"custom", }, 如果是指定某个页面关闭顶部导航栏 ,{ "path" : "pages/index/webview", "style": { "n ......
全栈之前端 | 4.HTML样式布局区块标签元素学习篇
[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习！ 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】，助力每一个梦想。 【WeiyiGeek Bl ......
app直播源代码，uniapp点击按钮 保存页面为图片到本地
app直播源代码，uniapp点击按钮 保存页面为图片到本地 首先写一个按钮 创建事件 <button class="info" @click="capture()">点击保存我哦~</button> 然后把点击事件写上 capture() {var pages = getCurrentPage ......
js检测页面关闭事件
window.onbeforeunload = onbeforeunload_handler; window.onunload = onunload_handler; //页面关闭之前触发，在onunload事件之前触发，可以禁止onunload事件的触发 function onbeforeunlo ......
css 实现三栏布局（圣杯布局）的5种方法
效果图： 1、浮动：设置float: left;，配合负margin来实现 .left { float: left; width: 100px; height: 200px; background-color: red; } .right { float: right; width: 100px; ......
在浏览器和node中使用 GitHub的js-xlsx库进行Excel文件处理(一)
1.简介 js-xlsx 库是目前 Github 上 star 数量最多的处理 Excel 的库，功能强大，提供了各种对表格的操作，但是这个项目文档有些乱，提供的demo也只具备最基本的功能。 Demo地址: http://oss.sheetjs.com/js-xlsxGithub上源码地址: ht ......