javascript浏览器 大小 区域
使用html文件渲染浏览器翻译json文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pre Tag E ......
实用浏览器插件
OneTab Chrome或者Edge浏览器， 是支持一次打开很多个Tab的这样的操作。 但是当我们打开太多的Tab的时候， 其实每一个Tab会变得很小， 不好管理和操作。 这个时候如果用One Tab就可以解决这个问题。OneTab可以把这些开的太多的窗口放到一个页面里面， 点击就可以打开这些Ta ......
JavaScript高级程序设计的代理与捕获——工作中的实际意义。
js红宝书写得很好，很多东西都给你一一解释了，但是有一点我很想吐槽：没有在写代码例子之前说明，相关东西有啥用，在实际工作中有啥现实意义等等，导致很多人理解了概念和看懂了枯燥的代码段后却无法有效运用到自己的工作当中。因为你不知道拿来用到什么地方或者说什么情况下才去用它！ 举个我今天的例子，刚刚好复习到 ......
JavaScript编码风格指南
sidebar: auto sidebarDepth: 4 JavaScript编码风格指南 内容出处： Nicholas C. Zakas 《编写可维护的JavaScript》 Google JavaScript Style Guide crockford JSLint ESLint 好狗电影导航 ......
断开网络麒麟总是自动打开浏览器
访问的网址：http://capnet.elementary.io 就是检测你有没有网络的 解决办法 sed -i '42d' /etc/NetworkManager/dispatcher.d/90-open_captive_portal 就是删掉了下面这行内容： ......
java Date类型数据如何比较大小
 ,2),'MB') as data from information_schema.tables where table ......
如何使用JavaScript 将数据网格绑定到 GraphQL 服务
前言 作为一名前端开发人员，GraphQL对于我们来说是令人难以置信的好用。它可以用来简化数据访问，这让我们的工作变得更加容易。 什么是 GraphQL？它是一个抽象层，位于任意数量的数据源之上，并为您提供一个简单的 API 来访问所有数据。 GraphQL 的美妙之处在于您可以准确定义要从服务器返 ......
springboot 自定义响应体大小测试接口
@ResponseBody @RequestMapping("/def/response/body/service") public StringBuilder defResponseBodyService(@RequestParam(name="count") Integer count,Http ......
页面的json数据浏览器无法访问，还有什么别的办法获取数据？
大家好，我是皮皮。 一、前言 前几天在Python钻石流群【空】问了一个Python网络爬虫的问题，一起来看看吧。问题描述： 请教一个问题，页面的json数据浏览器无法访问，还有什么别的办法获取数据 图片如下： 这个问题看上去有点怪怪的。 二、实现过程 看上去代码倒是很简洁，没啥难度，这里【猫药师K ......
python读取文件时按数字大小顺序排列
def extract_number(filename): # 提取文件名中的数字部分 return int(''.join(filter(str.isdigit, filename))) target_list = sorted(os.listdir(path),key=extract_numbe ......
js阻止浏览器刷新，以防误操作丢失数据
//禁用回退 window.history.forward(1); history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(nul ......
【css】反向圆角，效果类似于谷歌浏览器的tab
<nav> <div :class="{ 'menu-item': true, 'activity': index == selectMenuIndex }" v-for="(menuInfo,index) in menuList" :key="index" @click="handelMenuCl ......
JavaScript
JavaScript 是一种高级解释性脚本语言，已得到广泛使用，是 Web 开发的重要工具。它由 Netscape Communications Corporation、Mozilla 基金会和 ECMA International 开发。它易于学习和实施，并允许开发人员增强网页以提供身临其境的用户 ......
浏览器跨 Tab 窗口通信原理及应用实践
最近，相信大家一定被这么个动效给刷屏了： 以至于，基于这个效果的二次创作层出不穷，眼花缭乱。 基于跨窗口通信的弹弹球： 基于跨窗口通信的 Flippy Bird： 我也尝试制作了一个跨 Tab 窗口的 CSS 动画联动，效果如下： 代码不多，核心代码 200 行，感兴趣的可以戳这里：Github - ......
windows edge浏览器免费复制网页文字
复制时，出现上面提示时候 使用edge浏览器打开链接，在http前面加入read: ，然后打开，即可复制 ......
三个对数值的大小比较 | 一题多解
前言 典例剖析 比较 \(\log_23\) 和\(\log_34\) 和 \(\log_45\) 的大小比较； 分析：利用假分数的性质\(\cfrac{b}{a}>\cfrac{b+m}{a+m}\)(\(b>a\)) 和相关变形 \(\log_ab=\log_a{(a\times\cfrac{b ......
浏览器搜索技巧
完全匹配搜索：查询词的外边加上双引号“” 中英文的引号都可以 例如在搜索“CT参数标定”时，想要得到连续完整字符串“CT参数标定”的搜索结果，而不是分别带有“CT”或“参数标定”的网页 标题必含关键词：查询词前加上intitle: 冒号为英文输入 例如搜索“intitle:CT参数标定”，则搜索结果 ......
记录--浏览器跨标签星球火了，简单探究一下实现原理
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、前言 最近 推特上 一位懂设计和写代码的大神一个两个浏览器之间 星球粒子交互的动画火了， 让人看了大呼脑洞大开， 浏览器竟然还能这么玩！！！ 准备自己也搞搞玩一下 二、实现 原作者的粒子动画非常炫酷， 但是不是我们本文重点， 我们通过 ......
两个大小相同集合最接近的累加和 -dp
给定一个正数数组arr，请把arr中所有的数分成两个集合 如果arr长度为偶数，两个集合包含数的个数要一样多 如果arr长度为奇数，两个集合包含数的个数必须只差一个 请尽量让两个集合的累加和接近 返回最接近的情况下，较小集合的累加和 字节面试 暴力递归 public static int rig ......
MYSQL 查询数据库各表的数据量大小
-- your_database_name 替换为你的数据库名 SELECTtable_schema AS `数据库`,table_name AS `表名`,CONCAT(ROUND(table_rows / 1000000, 2), 'M') AS `行数`,CONCAT(ROUND(data_l ......
调整窗口大小 window.resize
window.onresize = function(){} window.addEventListener('resize',function() {}); 作用：是调整窗口大小加载事件，当触发时就调用的处理函数 注意 只要窗口大小发生像素变化，就会触发这个事件。 我们经常利用这个事件完成响应式布 ......
如何使用Tampermonkey开发并使用一个浏览器脚本
准备工作 简介 Tampermonkey 是一款强大的浏览器扩展，它允许您定制网页的行为，改变和优化网页的展示方式或者功能以满足个人需求。通过编写自定义脚本，您可以实现许多有趣的功能，从自动化任务到改进网页界面，一切尽在掌握。 脚本一般指用户脚本(User Script)，他是一段 Javascri ......
Live Server插件打开浏览器时：该网页无法正常运作，127.0.0.1未发送任何数据的问题解决
一、问题复现 今天使用Vs Code写HTML代码时，使用Live Server打开预览时，发现浏览器显示“该网页无法正常运作，127.0.0.1未发送任何数据”的问题。 二、解决办法 1. 在左侧工具栏找到扩展商店，找到Live Server，然后点击对应的小齿轮，进入插件设置。 2. 选择Ext ......
谷歌浏览器(Chrome) 打开所有网页报错错误代码：STATUS_STACK_BUFFER_OVERRUN
1、在开始菜单，搜索【Exploit Protection】，点击进入程序设置 2、添加程序进行自定义，点击左侧+号，选择【按程序名称添加】 3、程序名称输入：chrome.exe 4、在程序设置页面，往下翻到第十三个设置，【硬件强制实施地堆栈保护】，勾选替代系统设置，开关开启，选择仅审核，点击应用 ......
NetCore使用SkiaSharp库对给定路径的图片进行大小缩放，要适当考虑等比率缩放，以高度为准，宽度自适应
SkiaSharp库是跨平台的2D图片操作库，在夸平台方面比较稳定，且支持常用的“windows操作”：缩放，剪裁，格式转换等。 例如：如果要按照原始图片高度为准，自动调整宽度进行等比例缩放，可以根据以下步骤使用SkiaSharp库进行操作： 导入SkiaSharp命名空间： using SkiaS ......
13-不同图片相同区域
1 在三个图片中选取相同的区域 点击视图-新建参考线 2 3 然后剪裁； 4 也可以直接对叠加图进行剪裁； 每个图层都是这个区域了； 5 标尺：用钢笔进行描边。然后改变线条的颜色和粗细就行； 6 填充要取消； 7 用钢笔工具的时候，上面没有对线条操作的状态栏； 点击鼠标的时候，就可以对下面的线进行操 ......
mac下，利用chrome浏览器长截图（滚动截图）
1、打开需要截图的网页，随便选一个，然后「右键」「检查」，如下图。 2、点击「检查」，出现控制台窗口后，按「command+shift+p」键，如下图所示。 3、在「Run」的后面，输入「capture full size screenshot」，或者单独输入某个单词，也能在列表中找到，如下图。 4 ......
浏览器是如何发起请求的
探索浏览器内部 本章看点 1. 浏览器如何解析网址； 2. 浏览器请求消息内容； 3. 向 DNS 服务器查询 Web 服务器的 IP 地址； 4. DNS 服务器接力查询； 5. 浏览器委托操作系统将消息发送给 Web 服务器的过程； 1 生成 HTTP 请求消息 1.1 URL 的种类 虽然我们 ......