weixin_62273462的博客

原创 人体行为识别数据集

人体行为识别数据集

原创 element ui的Popover 弹出框修改样式

在vue中定义的popper-class类样式会受到scoped的区域限制，导致这个样式无法超出该组件起作用，更无法在app之外的结点起作用。如果删除该组件的scoped又会污染其他组件的样式。将该popper-class对应的样式移到全局样式中，将该全局样式引入main.js文件。切记样式中需要使用!important。在浏览器终端找到el-popover结点，发现它与id = "app"（vue挂载的根目录）是兄弟结点。在vue组件中用popper-class修改Popover 弹出框样式却发现无效？

原创 el-select如何在el-option中传递对象

el-select需要注意的事项

原创 three.js的模型销毁问题注意

three.js

原创 ref修改dom样式遇到的问题

ref 与v-show和v-for

原创 Anaconda一些常用命令

anaconda

原创 利用色彩范围和钢笔工具抠图

ps

原创 PS通道扣头发案例

Photoshop

原创 用蒙版抠透明物体

Photoshop

原创 PS基础工具

Photoshop

原创 动漫人物抠线稿

Photoshop

原创 用通道抠透明物体

Photoshop

转载 python 如何删除两个文件夹中不同的文件

python办公自动化python文件操作python删除同命名文件

原创 单链表的实现

//// Created by one on 2022/4/13.//#include <iostream>using namespace std;//单链表typedef struct LNode{ int data; //存放数据域 struct LNode *next; //指向后继节点的指针}LNode;//构造链表LNode* CreateLNode(int s[],int length){// 生成头结点 L.

原创 顺序表的实现

#include <iostream>using namespace std;//顺序表//定义列表最大长度#define Maxsize 40//定义顺序表,设置成全局变量，n表示顺序表最后一个元素的索引int list[Maxsize];//初始化为-1int n=-1;//增加void Add(int m,int index){ if(n>=Maxsize-1){ cout<<"error：0"<<endl; .

原创 时间复杂度选题

1.求以下函数的时间复杂度void fun(int n){ int i=1,j=100; while(i<n){ ++j; i+=2; } }求解：先找到程序结束循环的终止条件。当i>=n时假设m次循环之后，i>=n，则n=1+2m+C(C为常数)，所以f(m)=(n-1-C)/2。故其时间复杂度为T(n)=O(n)。2.分析以下时间复杂度void fun(int n){ int i,j,

原创 idea快捷键

原创 PS切图方法

方法一：直接右击选中图层，另存为.png文件方法二：对于分离的几个图层，右击+shift选中，ctr+E合并图层，再用方法一方法三：利用切片工具进行切图：方法四：PS插件切图，需要正版的PS......

原创 vue-resource用法

vue-resource安装：npm install vue-resource --save 1、get请求 this.$http.get(url,{params:{key:value}}) .then( res=>{ //请求成功回调函数 }, err=>{ //请求失败回调函数 }.

原创 vue导航守卫

/* https://router.vuejs.org/zh/guide/advanced/navigation-guards.html 1、全局守卫（在所有路由展示前触发） router.beforeEach((to, from, next) => { //在引入router组件的页面里使用（main.js） to 即将要进入的到的路由，值为路由 from 离开的路由（从哪个路由离开）,值为路由 next 值为函数，这个函数决...

原创 vue路由的一些知识点

原创 Vue3优点

核心代码+composition API :13.5kb最小11.75kb所有runtime:22.5kb(Vue2是33.2kb)为何有这么大的性能提升？下面是可以看vue编译后代码的网站：Vue Template Explorer

原创 前端面试题：i++与++i

例子：let a = 5; let res1 = ++a + ++a; let res2 = a++ + a++; let res3 = a++ + ++a; let res4 = ++a + a++; console.log(res1) console.log(res2) console.log(res3) console.log(res4)...

原创 git分支与gitee

在本地创建主分支master后，并将项目push到gitee接下来要写登陆功能，在终端中创建分支login，并将主分支切换到logingit checkout -b login 查看分支命令：git branch*注意：*号表示当前所处的分支。接下来就可以在本地项目里写login部分的功能，当login部分功能写完后将其添加到git仓库中，然后使用命令将主分支切换回master：git checkout master合并master分支和login...

原创 Webpack5实战笔记----15.webpack-server未能显示html问题

安装：npm install --save-dev webpack-dev-serverwebpack.config.jsconst path = require('path'); // 导入 node.js 中专门操作路径的模块const HtmlWebpackPlugin = require('html-webpack-plugin'); //自动生成htmlmodule.exports = { mode: 'development', // mode 用来指定构建模式.

原创 Webpack5实战笔记----14.webpack插件

loader:转换 特定类型plugin:更多事情（ ）安装清除文件的插件的命令：npm i clean-webpack-plugin -D使用插件：const { CleanWebpackPlugin } = require('clean-webpack-plugin')module.exports = { entry: './src/index.js', output: { filename: 'build.js', ...

原创 Webpack5实战笔记----13.asset处理图片

asset整合了资源：/*** asset module type* 01. asset/resource -->file-loader* 02. asset/inline --->url-loader* 03. asset/source --->raw-loader*/处理图片：修改webpack.config.js:const path = require('path')module.exports = { entry: './...

原创 Webpack5实战笔记----12.url-loader处理图片

安装url-loader:npm i url-loader -D修改webpack.config.jsconst path = require('path')module.exports = { entry: './src/index.js', output: { filename: 'build.js', //output必须设置绝对路径,所以这里导入path模块 path: path.resolve(__dirname..

原创 Webpack5实战笔记----11.设置图片名称与设置输出图片目录

修改webpack.config.js的内容：const path = require('path')module.exports = { entry: './src/index.js', output: { filename: 'build.js', //output必须设置绝对路径,所以这里导入path模块 path: path.resolve(__dirname, 'dist'), //静态资源加载例如图片加载需要

原创 npm安装package.json中的模块依赖

npm一键安装package.json里的依赖时有2种情况：1.package.json不存在时运行命令: npm init可自动创建package.json文件2.package.json存在时运行命令:npm install 或者 npm install –save-dev会自动将package.json中的模块安装到node-modules文件夹下。package有两种依赖：　　1. dependencies —— 运行依赖，依赖...

原创 git分支

分支在实际开发中的作用：在进行多人协作开发的时候，为了防止互相干扰，提高协同开发的体验，建议每个开发者都基于分支进行项目功能的开发master 主分支在初始化本地 Git 仓库的时候，Git 默认已经帮我们创建了一个名字叫做master 的分支。通常我们把这个master 分支叫做主分支。在实际工作中，master 主分支的作用是：用来保存和记录整个项目已完成的功能代码。因此，不允许程序员直接在 master 分支上修改代码，因为这样做的...

原创 gitee

Git 全局设置:git config --global user.name "用户名"git config --global user.email "邮箱"通过HTTPS的方式：创建 git 仓库:mkdir projectcd projectgit inittouch README.mdgit add README.mdgit commit -m "first commit"git remote add origin https://gitee.com/project.

原创 git基础笔记

新建工程文件夹project，cd project 转到project根目录 git init //初始化仓库 git status //查看project目录下所有文件的状态 文件名红色表示未被跟踪 git status -s //简写形式 如果显示双问号表示未被跟踪,A表示进入暂存区，红色M表示文件已被修改，没有更新到git仓库。绿色M表示文件已被修改，并更新到git仓库。 git add index.html //跟踪index.html，添加...

原创 Webpack5实战笔记----10.file-loader处理图片

问题：新建img文件夹放入图片资源。在js文件夹里新建image.js,内容如下：function packImg() { //创建一个容器 const oe = document.createElement('div') //创建img标签，设置src属性 const oImg = document.createElement('img') //加default是为了兼容webpack5 oImg.src = require('../i

原创 Webpack5实战笔记----9.importLoader处理兼容

问题：test.css的内容如下：.title { transition: all .5s; user-select: none;}login.css的内容如下：/* 导入test.css */@import './test.css';.title { color: #12345678;}再次npm run build发现运行之后的test.css里面的代码并没有做兼容性处理。问题分析：login.css @import 语句导入了test

原创 Webpack5实战笔记----8.postcss-loader处理兼容

postcss-loader的作用和css-loader类似，即让计算机完成兼容样式的操作安装postcss-loadernpm i postcss-loader -D在webpack.config.js中进行配置修改：const path = require('path')module.exports = { entry: './src/index.js', output: { filename: 'build.js', //outp

原创 Webpack5实战笔记----7.postcss工作流程

postcss是什么？利用javascript转换样式的工具postcss安装命令：npm i postcss -Dpostcss-cil安装命令：npm i postcss-cli-D上手运行：在css目录下 新建文件test.css,内容如下：.title { /* 测试，利用postcss对下面的样式做兼容性处理 */ display: grid; transition: all .5s; user-select: ...

原创 Webpack5实战笔记----6.browserslitrc

项目兼容哪些平台？caniuse.com网站的Browser usage table统计了所有浏览器的占有规则。命令：npx browserslist可以查看默认兼容的浏览器平台。方法1.可以在package.json里面添加配置："browserslist":[ ">1%", "last 2 version", "not dead"]方法 2.也可以新建文件.browserslistrc,文件内容如下：运行命令即可得出兼容平台。.

原创 Webpack5实战笔记----5.css-loader、style-loader和less-loader

安装css-loader,直接在终端输入命令：npm i css-loader -D在src目录下新建目录css,并在css下新建login.css文件//login.css的内容.title { color: red;}在js目录下新建login.js文件//导入css文件login.css,如果有多个文件则用感叹号分隔，这是在文件中导入的方式import 'css-loader!../css/login.css'function login() { ..

原创 Webpack5实战笔记----4.修改webpack.config.js文件名与文件结构依赖

如果webpack.config.js文件名发生修改，则package.json里的命令就需要修改成对应文件名的命令。假设文件名修改成lg.webpack.js,则命令变成："build":"webpack --config lg.webpack.js"文件结构依赖：当在js文件夹里面创建新的模块后，需要在入口文件例如index.js里面导入这个模块。比如：新建模块login.js,则需要在index.js里面导入import './js/login.js'...