浏览器 工具vue
vue3 + vite 调试时断点位置错误
vite-plugin-vue-setup-extend（版本0.4.0） 插件的问题，删掉就好了。 该插件用于解决script setup语法糖下，不方便直接指定name名称的问题。 在 vite/plugins/index.js 文件中 注释 export default function cr ......
【Python】Flask Response返回结果封装工具类
✨工具类介绍 封装后端获取到的数据 在blueprints中可以直接通过return response(code=200, data=data, message='登陆成功')形式返回给前端 ✨简单封装工具类 from flask import jsonify def response(code=2 ......
vue全家桶进阶之路6：第一个Vue程序
1、创建一个文件夹用于下载引入Vue D:\BaiduSyncdisk\vue1 2、按照最新版本的Vue npm install vue ......
新一代Java高性能构建工具Maven-mvnd【实践可行版】
Maven-mvnd介绍 Maven 的优点是稳定可靠，在绝大多数的项目上工作良好，社区生态很完善，几乎所有的 Java 开发者都在用。Maven 的缺点是，对于大一点的项目来说，构建太慢了。有时候只能在服务器端完成构建 ，心酸呀。 Gradle 的优点是足够的灵活，构建速度也会更快一点，因为使用了 ......
Vue核心 MVVM模型 数据代理
1.6. MVVM 模型 MVVM模型●M：模型 Model，data中的数据●V：视图 View，模板代码●VM：视图模型 ViewModel，Vue实例观察发现●data中所有的属性，最后都出现在了vm身上●vm身上所有的属性 及Vue原型身上所有的属性，在 Vue模板中都可以直接使用 <!DO ......
Vue核心 模板语法 数据绑定
1.3. 模板语法Vue模板语法包括两大类1插值语法功能：用于解析标签体内容写法：{{xxx}}，xxx 是 js 表达式，可以直接读取到 data 中的所有区域2指令语法功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）举例：<a v-bind:href="xxx">或简写为<a :hr ......
Vue核心 el与data的两种写法
1.5. el 与 data 的两种写法el有2种写法a创建Vue实例对象的时候配置el属性b先创建Vue实例，随后再通过vm.$mount('#root')指定el的值data有2种写法a对象式：data： { }b函数式：data() { return { } }如何选择：目前哪种写法都可以，以 ......
Vue核心 Vue简介 初识
1.1. Vue 简介 1.1.1. 官网● 英文官网● 中文官网 1.1.2. 介绍与描述●Vue 是一套用来动态构建用户界面的渐进式JavaScript框架○构建用户界面：把数据通过某种办法变成用户界面○渐进式：Vue可以自底向上逐层的应用，简单应用只需要一个轻量小巧的核心库，复杂应用可以引入各 ......
实现一个CRDT工具库——GSet
GSet 这段代码定义了一个GSet类，它是一个set类型的别名。其中zero()函数返回一个空的set，value(s)函数返回s，add(s, value)函数向s中添加value，merge(a, b)函数返回a和b的并集。这些函数实现了GSet的基本操作，即初始化、添加元素和合并两个GSet ......
实现一个CRDT工具库——GCounter
GCounter 这段代码实现了一个GCounter，是一个分布式计数器，支持增加计数和合并计数器。GCounter是一种弱一致性的数据结构，可以用于分布式系统中的计数场景。 其中，zero()函数返回一个空的计数器，value(c)函数返回计数器c的总和，inc(c, key)函数将计数器c中ke ......
实现一个CRDT工具库——PSet
PSet 这段代码实现了一个PSet，即Positive Set，是GSet的扩展。PSet是一个集合，支持添加和删除元素，但是不支持重复元素。PSet的实现是通过两个GSet来实现的，一个GSet存储添加的元素，另一个GSet存储删除的元素。value函数返回PSet中的元素，add函数向PSet ......
实现一个CRDT工具库——PNCounter
PNCounter 这段代码实现了一个PNCounter，即正负计数器。PNCounter是基于GCounter实现的，GCounter是一个只增不减的计数器，而PNCounter则是在GCounter的基础上增加了减操作。PNCounter由两个GCounter组成，一个用于记录增加操作，一个用于 ......
实现一个CRDT工具库——ORSet
ORSet 这段代码实现了OR-Set，是一种基于版本向量的CRDT，用于实现集合的合并。OR-Set由两个集合add和remove组成，add集合存储添加的元素，remove集合存储删除的元素。每个元素都有一个版本向量，用于标识该元素的添加和删除操作。其中，add集合中的元素版本向量的值大于rem ......
实现一个CRDT工具库——LWWReg
LWWReg LWW Register是一种数据结构，用于存储一个值和一个时间戳，支持读取和写入操作。在写入时，如果新的时间戳比原来的时间戳更大，那么就更新值和时间戳；在读取时，直接返回当前的值。这个数据结构可以用于分布式系统中，支持多个节点对同一个值进行读写操作，最终保证一致性。其中，merge函 ......
实现一个CRDT工具库——VClock 时钟向量类
这段代码实现了一个VClock类，它是基于GCounter实现的。VClock是一种向量时钟，它可以用于在分布式系统中对事件发生的顺序进行排序。VClock的实现方式是将每个节点的计数器值存储在一个字典中，字典的键是节点的标识符，值是计数器的值。compare函数用于比较两个VClock的大小，它会 ......
PDMS三维文字工具免费发放
PDMS三维文字工具免费发放 eryar@163.com 原来把三维文字工具集成到PipeCAD中，可以在PipeCAD免费使用。后面一直有人想在PDMS中直接使用三维文字工具，现在将PDMS中生成三维文字工具也放出来供大家免费使用。 在PDMS中输入命令： pml rehash all show ......
自定义 v-model 解决 Vue prop 只读属性，不可修改的问题
所有的 props 都遵循着单向绑定原则，props 因父组件的更新而变化，自然地将新的状态向下流往子组件，而不会逆向传递。这避免了子组件意外修改父组件的状态的情况，不然应用的数据流将很容易变得混乱而难以理解。 使用 emits 自定义事件以参数方式在父组件更新； 使用 emits 自定义 v-mo ......
Vue3的fetch和Axios
Vue3的fetch和Axios都是用于发送HTTP请求的JavaScript库，但是它们之间有以下几个区别：语法不同：fetch是浏览器原生的API，使用起来比较简单，而Axios是一个第三方库，需要通过npm安装后引入才能使用。功能不同：Axios提供了丰富的API来处理HTTP请求和响应，包括 ......
Spring中获取IOC容器中的Bean实例工具封装
在spring中获取Bean的方式有很多们，这里使用实现ApplicationContextAware接口的方式封装一个可以快速获取Bean实例的方式，具体实现实例： 实现ApplicationContextAware接口获取程序运行上下文： import org.springframework.b ......
systemd 的 journalctl 工具及其各种命令的基础知识介绍
导读 本指南介绍了 systemd 的 journalctl 工具及其各种命令的基础知识。你可以使用这些命令对 Linux 中的桌面和服务器日志进行故障诊断。以下是如何使用 journalctl 查看和分析 systemd 日志的不同例子。 简介 很多人说 systemd 不好，它对系统的影响很大， ......
Postman抓包浏览器请求数据步骤-傻瓜式操作
1、安装chrome插件（postmanInterceptor插件，在任意插件网站都可搜到，下载安装到浏览器即可），该插件可协助postman捕获https请求 2、安装postman postman安装步骤，自行百度教程 3、设置： 在postman首页，点击右下角【捕获的请求和cookie】 按 ......
sqlmap工具的利用
sqlmap工具的利用 利用sqlmap工具进行SQLI 找到某个可以发起数据库请求页面，并确定该页面可以SQLI后，可以先用burpsuite抓 个request包 然后把包里的内容保存到文本里，例如SQLI.txt sudo sqlmap -r SQLI.txt --dbs 发送request， ......
浏览器对象属性 window.innerWidth 和 window.outerWidth 这两个宽度属性有何区别？
window.innerWidth 和 window.outerWidth 是两个浏览器对象属性，分别代表浏览器窗口的内部宽度和外部宽度。它们的区别如下： window.innerWidth: 表示浏览器窗口的内部宽度，即可视区域的宽度。这个宽度不包括滚动条，但包括任何边框（border）和内边距（ ......
本地构建和发布 Spartacus libraries 所需要的两个工具
详细步骤参考这篇文档。 本文介绍了如何检查 Spartacus 源代码、在本地构建库，然后使它们可供安装。 这允许开发人员使用已编译的 Spartacus 库，因此不再需要从 npm 存储库访问 Spartacus 包。 执行命令行安装 npm install -g ts-node. ts-node ......
Vue2和Vue3之响应式原理详解
1 响应式原理 1.1 简介 在讲解之前，我们先了解一下数据响应式是什么？ 所谓数据响应式就是建立响应式数据与依赖（调用了响应式数据的操作）之间的关系，当响应式数据发生变化时，可以通知那些使用了这些响应式数据的依赖操作进行相关更新操作，可以是DOM更新，也可以是执行一些回调函数。 1.2 vue2和 ......
华为海思刷机工具TTL刷机教程
用教程： 一.参阅华为官方的pdf文档：HiBurn.pdf 和 HiTool.pdf 二.windows版无需安装，解压后打开hitool.exe即可使用。 三.刷入海思机顶盒NAS系统注意事项： (a.)请首先关闭防火墙，杀软等阻拦69端口通讯的设置。 (b.)其次严格按照TTL刷机图的几个要点 ......
百分浏览器图标白板处理.bat
cd /d %userprofile%\AppData\Local\Microsoft\Windows\Explorertaskkill /f /im explorer.exeattrib -h -s -r "%userprofile%\AppData\Local\IconCache.db"del ......
安装docker可视化管理工具 Portainer
可视化管理工具 Portainer 2023/1/13 17:17 拉取汉化版镜像docker pull 6053537/portainer-ce 创建数据卷docker volume create portainer_data 创建容器docker run -d--name portainer ......