m0_52789121的博客

Anaconda环境安装 Anaconda 之后，在开始菜单下找到 Anaconda 文件夹找到 Anaconda Prompt 点击运行安装 labelImgpip install labelImg #直接命令行输入启动 labelImglabelImg #直接命令行输入名称即可labelImg界面注意：change save dir： 如果指定好图片路径后发现没有之前的标签，说明xml的路径指定错了，需要重新指定路径开始标注快捷键：W（创建方框），A（上一张），D（下一张）

一、基本结构src/store/index.js中，代码如下// vue3中创建store实例对象的方法createStore()按需引入import { createStore } from 'vuex'export default createStore({ state: { }, mutations: { }, actions: { }, getters: { }, modules: { }})二、基本使用src/store/index.js

ts(TypeScript)常用语法比如有一个联系人列表export interface Contact{ name: string; // 姓名 phone?: string; // 手机号 email: string; // 邮箱 avatar: string; // 头像 userid: string; // id}1.Omit去除类型中某些项（官方提供）现在需要定义一个新的数据类型，新的联系人列表没有邮箱项可以使用Omit，其源码如下/** * Construc

ruoyi%28%E8%8B%A5%E4%BE%9D%29%E6%A1%86%E6%9E%B6%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E%28%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB%29框架介绍框架启动步骤一.克隆源码到本地二.执行sql三.后端系统运行四.前端系统运行代码生成示范前端访问后端接口IP地址设置备注框架介绍本身是一个优秀的简单的后台管理系统框架,前端(Vue,ElementUI),后端(Spring Boot

走进 Event Loop大家都知道，在使用 setTimeout 或是其他异步任务的时候要多加小心，这是因为其涉及到了 Js 的事件循环机制。很多时候因为经验，我们不需要知道其原理就能避免一些错误，但今天我们还是来聊一聊，浏览器下的EventLoop机制的那些事～一、JavaScript 与单线程？JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么 JavaScript 不能有多个线程呢？这样能提高效率啊。答:JavaScript 的单线程，与

性能分析 借助插件 webpack-bundle-analyzer 先安装运行npm install webpack-bundle-analyzer –save-dev配置在vue.congfig.js中配置好 BundleAnalyzerPlugin 代码如下const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;module.exports = { publicPath

Vue3.0中的reactivereactive 是 Vue3 中提供的实现响应式数据的方法。在 Vue2 中响应式数据是通过 defineProperty 来实现的，在 Vue3 中响应式数据是通过 ES6 的 Proxy来实现的。reactive 参数必须是对象 (json / arr)如果给 reactive 传递了其它对象默认情况下，修改对象无法实现界面的数据绑定更新。如果需要更新，需要进行重新赋值。(即不允许直接操作数据，需要放个新的数据来替代原数据)#### 在 rea

el-checkbox的lable的用法很关键。lable对应的是v-model绑定的数组里的对象。例如：如果lable直接设置为整个item，则v-mode绑定的数组里的对象是整个item。如果lable设置为item的某个值，则v-model绑定的数组里的对象是被绑定的item的某个值。data定义:sendTypeList: [{ value: 1, label: "手机短信" }, { value: 2, label: "邮箱" }, ],

1.npm安装npm i element-ui -S2.完整引入Element在 main.js 中写入以下内容：import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(ElementUI);new Vue({ el: '#app', render: h =

错误出现的前提:页面中的Table每一行有一个删除按钮,当删除此行数据之后,需要对序号的值进行动态的更新(在另一篇文章中)。当执行了删除操作 -> 再次添加新的数据 ->执行删除操作的时候就会出现标题中的错误。解决方向:思路一:加载时由于页面加载顺序为:结构>样式>行为(html>css>JavaScript)。如果js部分写到了页面内容的前面，那么在加载的时候，浏览器的加载顺序（错误顺序）是js>html，所以就有可能报标题中的错误。解决办法一:将

上周有网友留言需要工作流相关的系统，今天介绍的这个就支持自定义的表单，可能未必是他想要的，但也许有其他人需要呢？反正都已经折腾完了??老苏已经尽量简化了安装，你只要下载一个 zip 文件，上传到群晖并解压，再执行一条命令就可以完成全部的安装，中途不需要修改任何东西，应该够简单了吧??什么是 RuoYi-flowable ？RuoYi-flowable 是基 RuoYi-vue 4.x + flowable 6.5 开发的工作流管理软件。前端采用 Vue、Element UI。后端采用 Sp.

执行npm install -g @vue/cli时报错如下：解决方法：以管理员身份运行cmd，再执行npm install -g @vue/cli，成功。

前言只要来日可期，今天就值得欣喜JavaScript基础知识第二章—变量、数据类型一、变量（1）变量概述1.1 什么是变量1.2 变量在内存中的存储（2）变量的使用2.1 声明变量2.2 赋值2.3 变量的初始化（3）变量语法扩展3.1 更新变量3.2 同时声明多个变量3.3 声明变量特殊情况（4）变量命名规范二、数据类型（1）数据类型简介1.1 为什么需要数据类型1.2 变量的数据类型1.3 数据类型的分类（2）简

1、场景描述这里展示的是已经获得后台传回来的需要回显数据，在级联选择器中进行回显，并且能保持稳定回显2、解决办法2.1、在el-cascader标签中加入:key=“modalKey”v-model=“choose”2.2、在data中定义data() { //定义变量和初始值return{modalKey: 0,choose: [],}},2.3、赋值参考以下代码methods:{ //创建具体的方法，getInfo() {course.getCours

一些简单工具类AES算法工具类： <dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId> <version>5.7.18</version> </dependency>扒拉过去直接使用：/** * @au

Node.js 全栈基础1. Node.js 光速入门1.1 Node.js 概述Node.js 是什么Node.js 不是一门编程语言，它是一个执行 JavaScript 代码的工具。工具是指可以安装在计算机操作系统之上的软件。为什么浏览器和 Node.js 都可以运行 JavaScript因为浏览器和 Node.js 都内置了 JavaScript V8 Engine。它可以将 JavaScript 代码编译为计算机能够识别的机器码。3. 浏览器中运行的 JavaScrip

验证码几乎是所有软件项目不可或缺的一块逻辑。验证码实现方式也是多种多样。图片数字，字母验证码邮件验证码短信验证码图片滑块验证码图片物品辨认验证码图片汉字排序验证码除了以上这些常见的验证码之外，还有IM消息验证码、动态身份验证器验证码等。今天分享一些验证码不错的项目。0x01：图片数字，字母验证码谷歌开源的一个验证码jar包Kaptcha，依赖如下<!--?google?kaptcha验证码?--><dependency> &l

性能分析 借助插件 webpack-bundle-analyzer 先安装运行npm install webpack-bundle-analyzer –save-dev配置在vue.congfig.js中配置好 BundleAnalyzerPlugin 代码如下const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;module.exports = { publicPath

文章目录前言鉴黄路漫漫毕业季迷惘转行不易有点飘了面试复盘一重新审视面试准备简历自我介绍非技术能力你有什么问题想问我吗？面试复盘二笔试初试复试终面HR最后一啰嗦前言最近两个月比较忙，没有写文章，感觉尿尿都有点儿分叉了。本篇文章记录一下自己毕业后的转型过程和一些亲测面试题，如果你也想转行，不妨可以看看，我们有没有共同点。鉴黄路漫漫毕业后，我的第一份工作是视频审核，也就是大家常说的鉴黄师，每天的工作就是看视频，看各位up主上传的视频。乍

文章目录Vue + webGL + unity3D1. 什么是webGL?1.1 兼容性2. 什么是unity3D?2.1 unity3D 的发展史2.2 从 JavaScript 调用 Unity 脚本函数2.2 WebGL 性能注意事项2.2.1可在 WebGL 上期待什么样的性能？2.2.2 影响性能的 WebGL 特有设置2.2.3 WebGL 性能分析2.2.4 后台标签中的 WebGL 内容2.2.5 限制 WebGL 性能3. 如何在vu

问题背景在设计页面时，我们经常会遇到类似这样的页面布局：图中一个容器内有多个内容块，每块都有一个底部的下划线，但是一般为了美观，最后一个内容块儿的下划线是要去掉的接下来我们看看通常情况下，是如何处理这种样式的：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt

问题描述：通过使用Vue向后台发生请求时，被浏览器CORS阻止：原因分析：浏览器跨域问题：跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议，端口，域名。只要这个3个中有一个不同就是跨域。解决方案：1.js通过jsonp实现绕过浏览器通过script进行跨域请求2.vue中使用axios跨域1.创建vue.config.js文件如下：module.exports = { devServer: { proxy: { '/api':

在Vue中，我们使用组件来组织页面和组织代码，类似于搭积木，每一个组件都是一个积木，使用一些相同或者不同组件就能搭建出我们想要的页面。slot（插槽）是组件功能的重要组成部分，插槽必须用于组件才有意义。它为组件提供了对外的接口，允许从组件外部传递内容，并将这部分内容放置到指定的位置。使用 slot当一个组件可能被使用至少两次并且两次使用内容（这里指组件视图的组成）不同时，插槽才有存在的必要。注意： 本文的代码都是基于Vue3编写。基础用法Link.vue<template> &lt

OK，这一篇主要想说一下Object.defineProperty这个方法。这个方法也是Vue数据双向绑定原理的常见面试题所以也是有必要好好掌握的哦首先我们知道JS中是支持面向对象编程的，也是有着对象和类这样的概念。我们常见创建对象的方法应该是这样：var p1 ={ name:"lisi",}那我们Object.defineProperty这个方法有什么用呢这个方法接收三个参数:1.属性所在的对象2.属性的名字3.一个描述符对象这个描述符对象是个什么东西呢？他可以是

在使用ElementPlus组件时，有时需要修改默认样式：1.在公共css中修改全局样式，main.js引入即可；2.修改单个页面样式：直接修改无法生效的话，可以用深度选择器：>>>/deep/::v-deep注意：在scss中使用/deep/报错，可以用::v-deep总结写到这里也结束了，在文章最后放上一个小小的福利，以下为小编自己在学习过程中整理出的一个关于 前端开发 的学习思路及方向。从事互联网开发，最主要的是要学好技术，而学习技术是一条慢长而艰苦的道路，不能

一、介绍与安装**介绍：**Ajax Interceptor是一个用于修改 ajax 请求响应的 chrome 扩展，修改ajax请求并返回结果的chrome插件。注：此扩展仅覆盖 XML HTTP Request 对象中的响应数据以及 fetch 方法，且在 DevTools 的 “ 网络 ” 面板中看到的 “ 真实 ” 响应数据不会改变。建议在不使用时关闭此扩展程序（图标应为灰色）。**安装：**在谷歌浏览器中搜索Ajax Interceptor，点击第一个搜索结果Ajax Interceptor

HTML5七夕情人节表白网页雪花爱心 HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码 css爱心表白这是程序员表白系列中的100款网站表白之一，旨在让任何人都能使用并创建自己的表白网站给心爱的人看。 此波共有100个表白网站，可以任意修改和使用，源码已上传，演示网址如下。??文章末尾-已经附上源码下载地址??作者主页-更多源码??100款七夕情人节告白源码-专栏文章作品介绍1.网页作品简介 ：基于 HTML+C

前言通过在之前的学习当中，对于初学者来说能使用html实现的那就是一个完整的页面，不得不说html是一门很好的基础语言，我们学习vue也是建立在html之上的，vue是一套相对完整的语言系统，它既能实现静态页面的制作，也能向服务器发送请求。下面我来介绍一个vue中比较重要的语法axios为Ajax奠定基础我们在构建应用时需要访问一个API并展示数据，做这件事的方法有好几种，而使用基于Promise的HTTP客户端axios则是其中非常流行的一种。//获取全部数据使用 npm:$ npm inst

js面试题1、js数据类型基本数据类型Number、String、Boolean、Null、Undefined、Symbol、bigInt引用数据类型object、Array、Date、Function、RegExp2、js变量和函数声明的提升在js中变量和函数的声明会提升到最顶部执行函数的提升高于变量的提升函数内部如果用 var 声明了相同名称的外部变量，函数将不再向上寻找。匿名函数不会提升。3、闭包闭包就是能够读取其他函数内部变量的函数闭包基本上就是一个函

目录前言创建数组字面量方式构造函数方式Array.of 方式Array.from 方式数组方法返回新数组concat()join()slice()?map()?filter()toLocaleString()?toString()flat()flatMap()entries()keys()values()改变原数组push()pop()unshift()shift()sort()reverse()splice()?fill()copyWithin(

ES6–遍历器（Iterator ）一、Iterator（遍历器）的概念二、遍历器的作用三、Iterator 的遍历过程四、自己模拟遍历器接口实现1. 普通实现2. 类部署 Iterator 接口的写法（es6 部署遍历器 class，等价es5 函数）3. 模拟es5 的函数类写法 去部署一个遍历器五、默认 Iterator 接口1. Iterator接口的目的2. 原生具备 Iterator 接口的数据结构如下。例子：数组的Symbol.iterator属性.

一、开发前的准备实现二维码或条形码的扫描识别比较普遍的做法是去调用微信 JS-SDK 的扫一扫功能（详见 概述 | 微信开放文档），或者支付宝 H5 开放的API（详见?支付宝H5开放文档）。但是这两者都会比较麻烦且有一定的局限性，微信的扫一扫只能在微信里用，而且还需要公众号认证等配置操作。支付宝在内置 App 内可以同时识别二维码和条形码，但外部调用的 API 无法一次性同时识别，只能分开识别。我这里就提供一个直接使用的开源库：https://github.com/zxing-js/library，

文章目录1. Mybatis(二)1.1 Mybatis 注解开发1.1.1 编辑测试类1.1.2 编辑测试接口1.2 Mybatis 缓存讲解1.2.1 缓存说明1.2.2 mybatis缓存说明1.2.3 一级缓存测试1.3 二级缓存测试1.3.1 测试策略1.3.2 编辑层级代码1.3.2.1 编辑Mapper层1.3.2.2 编辑Service层1.3.2.3 编辑Controller层1.3.2.4 页面效果展现1.3.3 使用二级

文章目录页面请求步骤服务器响应页面加载显示触发回流的几种情况爬虫访问页面的流程通过IP限制访问通过请求头限制访问通过脚本限制访问参考文献页面请求步骤通过MDN上面的介绍，我大致了解到当通过浏览器访问网页时，服务器响应的步骤以及服务器响应后，资源加载的情况。服务器响应网址被DNS进行解析浏览器与服务器进行三次TCP握手浏览器与服务器进行TLS或SSL协商，创建安全连线如果上面没有问题，那么浏览器与服务器正常连接浏览器向服务端发送GET请

导入echarts时用：import echarts from ‘echarts’ 出现 “Cannot read property ‘init’ of undefined” 报错，改成 import * as echarts from ‘echarts’ 后解决。