浏览器mock js
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. 编码规则： 二进制计算机看得懂，我们看不懂怎么办啊？我们能 ......
14.Mock 实战练习
目录 Rewrite Map Local Map Remote Rewrite 原理 Rewrite 实战 场景 修改雪球行情页面的股票名称 修改雪球行情页面的股票价格 设置方法 Tools -> Rewrite 勾选 Enable Rewrite 点击下方 Add 按钮新建一个重写的规则 在右侧编 ......
13.Mock 的价值与意义
目录 Mock 测试的场景 Mock 测试的价值与意义 Mock 核心要素 Mock 测试的场景 前后端数据交互 第三方系统数据交互 硬件设备解耦 Mock 测试的价值与意义 不依赖第三方数据 节省工作量 节省联调 Mock 核心要素 匹配规则 模拟响应 ......
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请 ......
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 ......
团队共享账号解决方案-Hubstudio指纹浏览器
在企业场景中，经常需要面对多个员工管理同一个账号的情况，如果把账号密码直接交给员工，不仅存在管理麻烦，不能同时登录的问题，而且员工离职之后又要对平台账号进行修改，管理成本较高。为此，我推荐使用Hubstudio指纹浏览器，实测很好用，员工可以无需知道相关软件的账号密码既可以直接使用被授权的平台账号， ......
[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".
这个警告是因为你提供了一个模板选项（template option），但在当前的Vue构建版本中不支持运行时编译。解决该问题的方法是将你的打包工具配置别名（alias）将 "vue" 指向 "vue/dist/vue.esm-bundler.js"。 具体来说，如果你使用的是Webpack或者vit ......
JS基础（一）引入方式，基本语法，数据类型，类型转换，原始类型和引用类型的区别
JS和python很像滴，好学，快快过一遍 一、JS引入方式 <script> // js 的代码 alert("hello alvin!") </script> 二、JS基本语法 打印console.log作为日志打印，在浏览器里f12检查，console可以看见。 区分大小写哦。 JS中可以用换 ......
node.js 安装与环境变量配置
一、安装node.js 官网：下载地址 历史版本：历史版本下载地址 下载完毕后，可以安装node，一路默认选项即可。这里我的安装路径是：D:\environment\nodejs。 建议不要安装在系统盘（如C：），建议安装的路径不要有中文。 二、设置nodejs prefix（全局）和cache（缓 ......