浏览器 工具vue
已重定向项目的情况下报错MSB8020 无法找到 Visual Studio 2013 - Windows XP 的生成工具(平台工具集 =“v120_xp”)。
严重性 代码 说明 项目 文件 行 禁止显示状态 错误 MSB8020 无法找到 Visual Studio 2013 - Windows XP 的生成工具(平台工具集 =“v120_xp”)。若要使用 v120_xp 生成工具进行生成，请安装 Visual Studio 2013 - Window ......
Hexedit 工具使用
Hexedit在Linux系统中也是非常常用的工具 用法： hexedit {filename} 例：hexedit 1.zip 光标移动操作： Ctrl + < 将光标移动至首部 Ctrl + > 将光标移动至尾部 → 下一个字符(next character) ← 上一个字符(previous ......
vue创建项目
###cmd（以管理员身份运行） vue ui 新建 选择路径 创建选项 选择手动配置 下一步 router vuex开 formatter关 下一步 历史记录能开就开 ###Vscode（以管理员身份运行） 新建Terminal输入 npm run serve 即可由浏览器访问 ####如果要使用 ......
sqlalchemy——python的一款开源orm工具
sqlalchemy——python的一款开源orm工具 SQLAlchemy是一个基于Python实现的ORM框架。该框架建立在 DB API之上，使用关系对象映射进行数据库操作，简言之便是：将类和对象转换成SQL，然后使用数据API执行SQL并获取执行结果。 django框架中有自己的orm工具 ......
在vue中为vuecal组件中的一个按钮添加点击事件
现在需要为一个按钮添加点击事件 由于vuecal文档中没有该按钮的点击事件，所以考虑使用原生dom为其添加点击事件 使用原生dom添加 使用this.$nextTick+.onclick this.$nextTick(() => { // 获取对应的 dom元素 var otest = docume ......
Windows下面使用bat命令打开截图工具
在 Windows 操作系统中，可以使用内置的截图工具 Snipping Tool 进行截图。可以在批处理文件中使用 start 命令打开 Snipping Tool。以下是示例代码： start "" /w "C:\Windows\System32\SnippingTool.exe" 其中，sta ......
「一键下载，尽揽天下图景」：全新在线地图下载工具震撼发布！
如果您需要下载地图却苦于没有在线工具或者实用性不佳，现在有一个好消息要告诉你：一款功能强大的在线地图下载工具已经推出！这款工具支持下载高德、百度、腾讯、必应以及ArcGIS在线地图，并且还支持合并大图、自动分幅和坐标转换等功能。 使用该工具非常简单，只需要在地图上框选或导入所需范围设定下载级别即可。 ......
使用浏览器api操作本地文件 File System Access API
学习新的浏览器api：showOpenFilePicker，showDirectoryPicker，getDirectoryHandle，getFileHandle，removeEntry 之前文件上传使用的是： <input type="file"> 今天看到直接使用浏览器api即可实现文件读取， ......
vue2源码-二、对象响应式原理
// 循环对象进行一次劫持 class Observer{ constructor(value){ this.walk() } walk(data) { // 重新定义属性 Object.keys(data).forEach((key) => defineReactive(data, key, da ......
常见webeshell工具流量分析
中国菜刀 虚拟机使用仅主机模式，开启apache服务，使用wireshark对此网卡进行抓包 追踪http数据流 base64解码得出 <?php @ini_set("display_errors", "0"); @set_time_limit(0); if (PHP_VERSION < '5.3. ......
python可视化工具——seaborn模块
python可视化工具——seaborn模块 参考Python数据可视化的完整版操作指南（建议收藏） 导入模块 import seaborn as sns sns.set() #初始化图形样式，若没有该命令，图形将具有与matplotlib相同的样式 读取数据 df = pd.read_csv('D ......
Apipost：为什么是开发者首选的API调试工具
前言 Apipost是一款支持 RESTful API、SOAP API、GraphQL API等多种API类型，支持 HTTPS、WebSocket、gRPC多种通信协议的API调试工具。除此之外，Apipost 还提供了自动化测试、团队协作、等多种功能。这些丰富的功能简化了工作流程，提高了研发效 ......
vue项目打包不起：FATAL ERROR: Zone Allocation failed - process out of memory
背景：vue3 + ts 的项目，admin plus框架 ，打包不起node 版本 v16.13.1 网上搜索了，解决方法 1.设置环境变量NODE_OPTIONS--max-old-space-size=4000 ！！！！设置这个会导致阿里云oss浏览器无法打开 2. 在package.json ......
Vue3定义响应式变量
ref和shallowRef ref 深层次 shallowRef 浅层次的响应 ref 和 shallowRef 是不能一块写的，不然 会影响shallowRef 造成视图的更新 ref和reactive ref 支持所有类型 reactive 支持引用类型 (Array Object Map S ......
vue iview table实现动态自定义表头
一、前言 众所周知，iview中有一个表格组件Table，用于展示多条结构类似的数据。之前遇到过一个需求，要手动控制table的表头显示。就是假如table表格一共有10列数据，可以通过设置勾选，决定显示多少列 二、代码 为了代码的复用性，将配置页面单独抽成了组件，所以代码中会有组件之间传值父组件（ ......
Vue笔记
1. 邂逅Vuejs 1.1 简单认识一下Vuejs Vue是一个渐进式的框架，什么是渐进式呢？ 渐进式意味着你可以将Vue作为应用的一部分嵌入其中，带来更丰富的交互体验 或者你希望将更多的业务逻辑使用Vue实现，那么Vue核心库以及其生态系统。 比如Core+Vue-router-Vuex，也可以 ......
jdk命令行工具
命令 作用 常用参数option jps 显示所有的HotSpot虚拟机进程， 例如：jps -l jstat 收集jvm各方面的运行数据，包括gc、类加载、内存等; 例如：jstat -gc 2746 250 20 每250ms查询一个进程2746的gc状况，一共查询20次 jinfo 显示jvm ......
Vue启用报错 RangeError: Invalid typed array length: -4095
近期开发的前端项目项目启用失败，记录下修复过程 RangeError: Invalid typed array length: -4095 错误原因：node版本问题，安装10.x.x 即可 重新安装： 1.将原来的nvm,node卸载 2.安装nvm 如果显示上面内容即安装成功 3. 在nvm上安 ......
ChatGPT大量封号，推荐几款可平替的AI工具
最近ChatGPT进行了大量封号，博主的账号已经被封禁了 😭: 探索了一番平替的AI工具，除了众所周知的New Bing，国产的文星一言、谷歌的Bard，大家还可以考虑以下几款AI产品替代ChatGPT，无需海外手机号，免费使用。 ChatGPT替代方案1： POE Poe是由国外知名问答社区Qu ......
在浏览器端通过JS使用blob下载页面上的所有图片到本地
背景说明： 有一个站点页面上提供了192张图片供人浏览，https://ow365.cn/?i=21143&ssl=1&n=5&furl=XnZULZgaboaqolKW8yxiuW_bo78ozXbiWHH@EXuvOeC_QkhKiwDGK2BMM9m@EbwiQNmolsdEsV0= 尝试在n ......
vue全局公共方法调用
1.在assets文件夹下，新建文件夹，创建common.js 2.在main.js中引用 import common from "@/assets/common/common.js"; Vue.prototype.common = common; 3.在页面中使用 this.common.iCel ......
openxml文书工具
aspose模板生成（文书工具） 动态数据 ${info} ${list.id} ${list.name} ${list.address} ${list.date} ${list.danwei} ${list.number} ${list.remark} ${imgBase64} ${xw.ask} ......
vue3 封装组件中使用 pinia 报错
报错信息： Uncaught Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia? const pinia = createPinia() app.use(pinia ......
web浏览器页面实现滚屏效果
web 浏览器页面实现滚屏效果 window 对象提供了执行动画的方法 window.requestAnimationFrame() 场景：固定位置显示多项内容列表 需要自动滚屏展示 demo： /** * 设置文本滚屏效果 */ setTextScroll(): void { const ulBo ......
从0到1构建基于自身业务的前端工具库
在实际项目开发中无论 M 端、PC 端，或多或少都有一个 utils 文件目录去管理项目中用到的一些常用的工具方法，比如：时间处理、价格处理、解析url参数、加载脚本等，其中很多是重复、基础、或基于某种业务场景的工具，存在项目间冗余的痛点以及工具方法规范不统一的问题 ......
vue+leaflet绘制街道地图，并在上面显示站点标记。
从0开始。 记录一下完成过程中遇到的问题及解决方法 1、离线显示地图 已完成。 方案就是下载瓦片地图到本地或者服务器上，使用路径访问图片/map/{z}/{x}/{y}/tile.png 2、在地图上显示标记。（单一标记，且默认打开提示框） const icon = L.icon({ iconUrl ......
vue实现路由懒加载（异步加载）及组件懒加载（异步加载）的方式
##转自：槐序之夏： https://blog.csdn.net/qq_42403643/article/details/129264032 一、为什么要使用路由懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的 ......
关于vue2老项目的打包优化，实现首屏加载速度提升
##分析项目代码体积 yarn add webpack-bundle-analyzer 在webpack.dev.conf.js中配置 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlug ......