- 博客(43)
- 收藏
- 关注
原创 element ui的Popover 弹出框修改样式
在vue中定义的popper-class类样式会受到scoped的区域限制,导致这个样式无法超出该组件起作用,更无法在app之外的结点起作用。如果删除该组件的scoped又会污染其他组件的样式。将该popper-class对应的样式移到全局样式中,将该全局样式引入main.js文件。切记样式中需要使用!important。在浏览器终端找到el-popover结点,发现它与id = "app"(vue挂载的根目录)是兄弟结点。在vue组件中用popper-class修改Popover 弹出框样式却发现无效?
2023-04-25 23:08:53
1007
原创 单链表的实现
//// 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.
2022-04-13 19:26:16
436
2
原创 顺序表的实现
#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; .
2022-04-13 15:26:44
68
原创 时间复杂度选题
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,
2022-04-11 16:48:29
2044
原创 PS切图方法
方法一:直接右击选中图层,另存为.png文件方法二:对于分离的几个图层,右击+shift选中,ctr+E合并图层,再用方法一方法三:利用切片工具进行切图:方法四:PS插件切图,需要正版的PS......
2021-12-22 21:21:16
1549
原创 vue-resource用法
vue-resource安装:npm install vue-resource --save 1、get请求 this.$http.get(url,{params:{key:value}}) .then( res=>{ //请求成功回调函数 }, err=>{ //请求失败回调函数 }.
2021-12-19 19:00:21
328
原创 vue导航守卫
/* https://router.vuejs.org/zh/guide/advanced/navigation-guards.html 1、全局守卫(在所有路由展示前触发) router.beforeEach((to, from, next) => { //在引入router组件的页面里使用(main.js) to 即将要进入的到的路由,值为路由 from 离开的路由(从哪个路由离开),值为路由 next 值为函数,这个函数决...
2021-12-19 14:58:56
106
原创 Vue3优点
核心代码+composition API :13.5kb最小11.75kb所有runtime:22.5kb(Vue2是33.2kb)为何有这么大的性能提升?下面是可以看vue编译后代码的网站:Vue Template Explorer
2021-12-18 21:42:13
146
原创 前端面试题: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)...
2021-12-18 16:56:00
908
原创 git分支与gitee
在本地创建主分支master后,并将项目push到gitee接下来要写登陆功能,在终端中创建分支login,并将主分支切换到logingit checkout -b login 查看分支命令:git branch*注意:*号表示当前所处的分支。接下来就可以在本地项目里写login部分的功能,当login部分功能写完后将其添加到git仓库中,然后使用命令将主分支切换回master:git checkout master合并master分支和login...
2021-11-06 20:27:44
291
原创 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 用来指定构建模式.
2021-11-03 23:51:53
555
原创 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', ...
2021-11-03 11:17:56
162
原创 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: './...
2021-11-03 09:49:46
435
原创 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..
2021-11-03 09:10:42
456
原创 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'), //静态资源加载例如图片加载需要
2021-11-02 23:09:22
621
原创 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 —— 运行依赖,依赖...
2021-11-02 22:31:25
3586
原创 git分支
分支在实际开发中的作用:在进行多人协作开发的时候,为了防止互相干扰,提高协同开发的体验,建议每个开发者都基于分支进行项目功能的开发master 主分支在初始化本地 Git 仓库的时候,Git 默认已经帮我们创建了一个名字叫做master 的分支。通常我们把这个master 分支叫做主分支。在实际工作中,master 主分支的作用是:用来保存和记录整个项目已完成的功能代码。因此,不允许程序员直接在 master 分支上修改代码,因为这样做的...
2021-11-02 21:43:06
576
原创 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.
2021-11-02 20:00:37
1580
3
原创 git基础笔记
新建工程文件夹project,cd project 转到project根目录 git init //初始化仓库 git status //查看project目录下所有文件的状态 文件名红色表示未被跟踪 git status -s //简写形式 如果显示双问号表示未被跟踪,A表示进入暂存区,红色M表示文件已被修改,没有更新到git仓库。绿色M表示文件已被修改,并更新到git仓库。 git add index.html //跟踪index.html,添加...
2021-11-02 17:36:20
322
原创 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
2021-11-02 08:53:46
514
原创 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
2021-11-01 23:30:09
415
原创 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
2021-11-01 23:02:35
1610
原创 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: ...
2021-11-01 21:09:06
215
原创 Webpack5实战笔记----6.browserslitrc
项目兼容哪些平台?caniuse.com网站的Browser usage table统计了所有浏览器的占有规则。命令:npx browserslist可以查看默认兼容的浏览器平台。方法1.可以在package.json里面添加配置:"browserslist":[ ">1%", "last 2 version", "not dead"]方法 2.也可以新建文件.browserslistrc,文件内容如下:运行命令即可得出兼容平台。.
2021-11-01 20:32:16
247
原创 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() { ..
2021-11-01 17:48:31
1367
原创 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'...
2021-11-01 15:25:34
620
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人