浏览器 事件js ie
Next.js 开发指南 初始篇 | Next.js CLI
Next.js 开发指南 初始篇 | Next.js CLI 基础篇、实战篇、源码篇、面试篇四大篇章带你系统掌握 Next.js！ 前言 欢迎学习 Next.js！在学习具体的知识点之前，我们先来创建一个 Next.js 项目。创建了可运行的项目，才能在学习的时候边调试边理解，从而达到事半功倍的效果 ......
Next.js 开发指南 路由篇 | App Router
Next.js 开发指南 路由篇 | App Router 前言 路由（routers）是应用的重要组成部分。所谓路由，有多种定义，对于应用层的单页应用程序而言，路由是一个决定 URL 如何呈现的库，在服务层实现 API 时，路由是解析请求并将请求定向到处理程序的组件。简单的来说，在 Next.js ......
去年最火的 JS 开源项目「GitHub 热点速览」
去年最火的 JS 开源项目「GitHub 热点速览」 近日，「Best of JS」发布了过去一年在 GitHub 上 Star 数增速最快的 JavaScript 开源项目（2023 JavaScript Rising Stars），前 10 的开源项目 Star 增长竟然都是令人惊叹的 1.5w ......
JS常用工具：Webpack 和 JShaman分别有什么用？
Webpack和JShaman是两个不同的工具，它们的特点和用途也不同。 Webpack是一个前端资源模块打包工具，主要用于将各种静态资源（如JavaScript、CSS、图片等）视为模块，并将其打包成浏览器可以识别的代码。Webpack的特点包括： 1. 模块化：Webpack将各种资源视为模块， ......
这一次，弄明白JS中的文件相关（一）：概念篇
概念是学习的基础。在学习JS中的文件操作之前，先把文件相关的各种概念搞清楚，很有好处。 1. 二进制： 计算机硬件仅能处理和存储二进制数据，所以不管是你正在写的代码，还是你硬盘里的小姐姐，都是以二进制的形式存储于电脑的内存和硬盘里的。 2. 编码规则： 二进制计算机看得懂，我们看不懂怎么办啊？我们能 ......
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型（Types）、方法（Methods）和事件（Events）的属性和参数解析
一、类型（Types） 一、OpenPopupOptions 1. 属性 windowId: number 可选 打开操作弹出式窗口的窗口 ID。如果未指定，则默认为当前活动窗口。 二、TabDetails 1. 属性 tabId: number 可选 要查询其状态的标签页 ID。如果未指定标签页， ......
新版的Edge浏览器如何设置网络代理？
这个问题折腾了小半天，通过这种方式希望能帮助他人。版本信息（Linux系统）：Microsoft Edge 版本 121.0.2277.49 (正式版本) beta (64 位)根据网上的文档，在“设置”里面既找不到所谓的“高级设置”选项，也找不到所谓的“网络设置”选项，所以压根就找不到设置代理的入 ......
js string转html节点
1、 var str = "<h1>这是一个标题</h1>"; var parser = new DOMParser(); var doc = parser.parseFromString(str, "text/html"); var html = doc.body.firstChild; 2、 c ......
一行代码解决Three.js中只能在一侧看到物体的问题
项目场景： 因为该项目比较复杂庞大，在此就简单介绍一下： 通过Three.js创建若干个物体进行了组装，从而形成了一个类似眼球模拟模型的项目，用户可以通过拖动鼠标来达到控制视角（摄像机）的目的，以此来观察整个眼球状态。 Image1 Three.js眼球模型 注：下面所说的正视为从红线正轴往瞳孔（黑 ......
浏览器页面实现读取和存储文件到c盘，是否能实现?
浏览器页面实现读取和存储文件到c盘，是否能实现? vue 浏览器页面实现读取c盘判断是否有制定文件目录，如果没有就创建，有就把从后端请求的视频地址下载到制定目录里，是否能实现？ https://www.zhihu.com/question/639174474 你的思路是错误的，在用户没有授权的 ......
js中的对象，如果赋值给多个变量，那么会有性能问题吗
js中的对象，如果赋值给多个变量，那么会有性能问题吗？ 在JavaScript中，将一个对象赋值给多个变量时，并不会直接导致性能问题。当一个对象被赋值给多个变量时，实际上这些变量都会引用同一个对象，即它们指向内存中的同一块地址。这种行为称为“对象引用”。 例如： const obj = { a: 1 ......
如何使用谷歌浏览器 Chrome 更好地调试
你的 JavaScript 是否曾经无法正确执行，并且你很难找出原因？你的 CSS 是否曾经表现得很奇怪，并且你很难找出原因或让它按预期显示？调试是编程的基本组成部分，也是所有软件开发人员的基本技能。 当你构建网站和应用程序时，你很快就会意识到调试会占用大量时间。因此，学习任何可以帮助你更有效地对 ......
JS的常用验证正则
密码正则 密码必须为8到16位且必须包含数字和字母以及特殊字符 const pattern2 =/^(?!([A-Z]*|[a-z]*|[0-9]*|[!-/:-@\[-`{-~]*|[A-Za-z]*|[A-Z0-9]*|[A-Z!-/:-@\[-`{-~]*|[a-z0-9]*|[a-z!-/: ......
Linux安装chrome浏览器
1.下载安装包 [root@xiaobing chrome]# wget https://dl.google.com/linux/direct/google-chrome-stable_current_x86_64.rpm --2024-01-12 15:25:47-- https://dl.goo ......
利用 chrome 浏览器将大的 pdf 文件拆分成多个
大pdf拆分成多个小的pdf 比如将一个200页的pdf拆分成两个，可以这么设置。 将多个pdf合并成一个 有很多在线的网站可以做这个事情，搜索引擎搜索下【pdf合并 + 在线】可以搜出很多。 对于一些重要的，包含隐私信息的pdf文件建议不要使用在线工具，所以这边要介绍一个自己写的小工具。 impo ......
js使用XLSX前端导出excel
实现效果： 页面： 导出的excel： xlsx.core.min.js文件下载地址 xlsx 代码如下： <!DOCTYPE html> <html> <head> <title>HTML Template</title> <style> table { border-collapse: coll ......
linux服务器webdriver启动Chrome浏览器失败
碰到一个linux启动Chrome浏览器失败的奇怪问题,查了很久资料,问题终于解决了,特此记录一下 我的情况是,一开始运维给了一个deploy的账号去部署项目UI自动化测试项目,项目是运行没有问题的,后边运维说要回收掉原有的deploy账号,给了一个dev的账号,结果项目就运行不起来了,报错也知识提 ......
时刻绷紧保密这根弦严防泄密事件
在庞大的企业宇宙中，保护信息安全就如同绷紧一根弦，那是一根警醒我们日夜的弦，怀揣着每个人重要性，配合我们的每一个细致动作。当这根保密的弦足够紧绷的时候，我们能减小数据泄漏的风险，保障企业的安全。 数据是企业的无形财富，每一个字节，每一个位都有极其重要的价值。某个看似不起眼的数据碎片可能就关乎企业的未 ......
[转帖]浏览器HTTP请求并发数和TCP连接的关系
https://cloud.tencent.com/developer/article/1518678 面试题目（头条）： 网页中的图片资源为什么分放在不同的域名下？ 浏览器与服务器建立一个TCP连接后，是否会在完成一个http请求后断开？什么条件下会断开？ 一个TCP连接可以同时发送几个HTTP请 ......
使用WPF开发自定义用户控件，以及实现相关自定义事件的处理
在前面随笔《使用Winform开发自定义用户控件，以及实现相关自定义事件的处理》中介绍了Winform用户自定义控件的处理，对于Winform自定义的用户控件来说，它的呈现方式主要就是基于GDI+进行渲染的，对于数量不多的控件呈现，一般不会觉察性能有太多的问题，随着控件的数量大量的增加，就会产生性能... ......
使用django-easy-audit跟踪Django项目中发生的变更和事件
Django Easy Audit 是一个 Django 应用，它允许你轻松地跟踪你的 Django 项目中发生的变更和事件。它的主要特性包括： 模型改变追踪：自动记录创建、更新或删除任何 Django 模型实例时的变更。这包括记录变更的时间、执行变更的用户以及变更的详细信息。 请求日志：记录每个到 ......
js压缩命令
JS（JavaScript）的压缩可以使用不同的工具来完成。下面列举了两种常见的JS压缩命令及其对应的示例代码： UglifyJS2：这是一个流行的JS压缩工具，可通过Node.js运行。安装UglifyJS2后，可以在命令行中输入以下命令进行压缩： uglifyjs input.js -o out ......
基于fabric.js的图片编辑器, 画布背景实现原理
图片上传 使用了element-plus提供的图片上传el-upload组件 <el-upload :show-file-list="false" :auto-upload="false" :on-change="(e) => uploadImage(e, 'background')" > <but ......
微信小程序或js中获取url参数
微信小程序扫普通链接获取url参数ps: 这里的方法跟 打开页面路径中的参数不一样哈.欢迎各位大神前来指点 文章目录微信小程序扫普通链接获取`url`参数方法一：方法二：方法三：使用微信小程序获取`页面路径`参数js中获取url参数方法一：可获取多个参数 /*** params1： url* par ......
js图片懒加载，在不做分页的情况下的解决方案
Intersection Observer API 1.注意点 一般都是后端返回数据， 用 this.$nextTick(() => { this.handleScroll(); }); 确保dom加载完成触发我们定制的handleScroll handleScroll() { const cont ......
深入理解JavaScript堆栈、事件循环、执行上下文和作用域以及闭包
合集 - JavaScript(4) 1.JavaScript this 绑定详解01-092.JavaScript apply、call、bind 函数详解01-093.JavaScript forEach 方法跳出循环01-02 4.深入理解JavaScript堆栈、事件循环、执行上下文和作用域 ......
升讯威在线客服系统是如何实现对 IE8 完全完美支持的（怎样从 WebSocket 降级到 Http）
简介 升讯威在线客服与营销系统是基于 .net core / WPF 开发的一款在线客服软件，宗旨是： 开放、开源、共享。努力打造 .net 社区的一款优秀开源产品。 完整私有化包下载地址 💾 https://kf.shengxunwei.com/freesite.zip 当前版本信息 发布日期： ......
Flutter GetX的事件监听
Flutter GetX的事件监听 import 'package:flutter/material.dart'; import 'package:flutter_code/page/book/bookEntity.dart'; import 'package:get/get.dart'; clas ......
团队共享账号解决方案-Hubstudio指纹浏览器
在企业场景中，经常需要面对多个员工管理同一个账号的情况，如果把账号密码直接交给员工，不仅存在管理麻烦，不能同时登录的问题，而且员工离职之后又要对平台账号进行修改，管理成本较高。为此，我推荐使用Hubstudio指纹浏览器，实测很好用，员工可以无需知道相关软件的账号密码既可以直接使用被授权的平台账号， ......