- 博客(46)
- 收藏
- 关注
RSS订阅
1原创 Web安全开发 | 青训营笔记
Web安全开发 这是我参与「第四届青训营」笔记创作活动的的第7天！跨站脚本攻击、跨站请求伪造、注入攻击、中间人攻击...
2022-08-01 11:11:12
826
原创 webpack5打包原理及应用（插件篇）
webpack5打包原理及应用（插件篇）概念:loader：通常用来完成非JavaScript模块的转化成webpack能处理的模块；plugin：能够完成更多定制化操作的插件🚀 如果想要插件起作用，需要在webpack.config.js中的 plugins 数组中进行实例的传递// webpack.config.js基础配置const path = require('path')module.exports = { entry: './src/main.js', ou
2022-04-06 01:36:04
1201
原创 webpack5打包原理及应用（静态资源篇）
webpack5打包原理及应用（静态资源篇）file-loader 使用首先记得安装file-loader🚀 通过创建一个元素，设置其src属性引入图片// 新建一个pack-image.js文件如下：function packImg () { // 创建容器对象 const containerElement = document.createElement('div'); // 创建img标签 设置src属性 const imgElement = documen
2022-04-02 00:46:43
2044
原创 webpack5打包原理及应用（样式篇）
webpack5打包原理及应用（样式篇）关键词：style-loader, css-loader, less-loader, browserslist, .browerslistrc, postcss-loader, autoprefixer, postcss-preset-env, postcss-config.js, importLoadersless-loader 使用注意事项npx less 入口文件路径 [转换后的css]对于less-loader而言，需要先进行less的安装，才能讲l
2022-03-28 23:08:13
862
原创 基于BIM轻量化的智能建造OA管理系统
基于BIM轻量化的智能建造OA管理系统🚀 记录一个大二时候做的智能建造项目🎪 项目基于Vue2 + Element-ui + BIMFACE🎨 主要是对2维图纸和3d模型的查看、批注、审批等操作，另外包括了普通OA工作流的处理b站链接：审核中，后续补上...
2022-03-20 01:51:04
750
原创 MicroApp小试牛刀
MicroApp部署(父子均是vite+vue3)父应用：首先在父应用中安装microAppnpm i @micro-zoe/micro-app --savemain.js配置🚀 特别需要注意的是：为了兼容vite，需要在启动中配置对应的插件，注意第一处注释中examcenter为中的name值，第二处见注释。import microApp from '@micro-zoe/micro-app'microApp.start({ plugins: { modules: {
2022-03-14 01:50:15
1541
原创 前端进阶知识复习（一）
一. 函数作用域1. 一旦给函数的参数设置了默认值，函数进行声明初始化时，参数会形成一个单独的作用域，等到初始化结束，作用域才会消失。2. 不指定函数的默认值，则不会出现此种行为var x = 1;function f1(x, y = x) { let y = 3; console.log(y)}f1(2); // 2// 调用函数时，将对x赋值为2，而y的默认值等于变量xvar x = 1;function f2(y = x) { console.log(y) }
2022-03-06 12:06:48
324
原创 MySQL Docker配置
MySQL Docker配置启动方式进行配置前需要先启动docker# step1:从远程拉去mysql镜像docker pull mysql# 运行docker 指定运行名称为db0, 映射本机端口3306到虚拟机的3306端口，并设定root用户默认密码为rootdocker run -d --name db0 -p 3306:3306 -e MYSQL_ROOT_PASSWORD=root mysql# 启动mysql Way1: 通过直接执行命令docker exec -it d
2022-01-10 10:57:43
252
原创 Linux安装docker
Linux安装docker使用官方脚本自动安装curl -fsSL https://get.docker.com | bash -s docker --mirror Aliyundocker启动# 启动dockersystemctl start docker# 查看docker启动状态systemctl status docker# 关闭dockersystemctl stop docker基本操作# 从远程拉取mysql，如果未指定tag，默认为lastestdocker pu
2022-01-10 10:57:04
423
原创 防抖函数与节流函数
防抖与节流函数防抖函数 => 在时间间隔内执行多次操作，每次操作都执行立即重新计时，只执行最后一次节流函数 => 每经过间隔时间就可以执行函数，并会重新计时<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h2>防抖案例</h2>
2022-01-07 01:34:58
356
原创 JavaScript（Dom入门+Window对象）
Dom基础入门1. Dom的概念Dom(Document Object Model) 译为文档对象模型，允许程序和脚本动态地访问和更新文档的内容、结构和样式。（外部内容如JavaScript与HTML元素之间的接口）树形结构示例图片来源于 菜鸟教程2. HTML DOM 节点在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点:文档是一个文档。所有的HTML元素都是元素节点。所有 HTML 属性都是属性节点。文本插入到 HTML 元素是文
2021-12-09 16:44:29
422
原创 JavaScript（ES5）
JavaScript（ES5）基础数据类型Number、String、Boolean、undefined、object、NullNumberJavaScript 只有一种数字类型。数字可以带小数点，也可以不带：let x1=34.00; //使用小数点来写let x2=34; //不使用小数点来写极大或极小的数字可以通过科学（指数）计数法来书写：let y=123e5; // 12300000let z=123e-5; // 0.00123
2021-11-27 12:36:41
1067
原创 numpy基本使用
定义数组# 普通数组声明方式arr1 = np.array([1, 2, 3])print("arr1:", arr1)# 多于一个维度arr2 = np.array([[1, 2], [2, 4], [3, 5]])print("arr2:", arr2)# 最小维度arr3 = np.array([1, 2, 3, 4, 5], ndmin=3)print("arr3", arr3) # arr3 [[[1 2 3 4 5]]]# dtype 参数arr4 = np.arr
2021-06-30 01:33:38
186
原创 前后端部署_小记
前端部署使用serve运行vue打包生成的dist项目首先执行 npm install serve 安装 serve执行该命令：> serve distUPDATE AVAILABLE The latest version of `serve` is 12.0.0 ┌──────────────────────────────────────────────────┐ │ │
2021-06-21 14:04:24
521
原创 vue学习笔记
一、监听路由// 监听,当路由发生变化的时候执行watch:{ $route(to,from){ console.log(to.path); }},或// 监听,当路由发生变化的时候执行watch: { $route: { handler: function (val, oldVal){ console.log(val); }, // 深度观察监听 deep: true }},或// 监听,当路
2021-04-17 00:34:55
73
原创 蔡元培任北大校长就任演讲
蔡元培任北大校长就任演讲所以诸君须抱定宗旨，为求学而来，入法科者，非为做官；入商科者，非为致富。宗旨既定，自趋正轨，诸君肄业于此，或三年，或四年，时间不为不多，苟能爱惜分阴，孜孜求学，则求造诣，容有底止。若徒志在做官发财，宗旨既乖，趋向自异。平时则放荡冶游，考试则熟读讲义，不问学问之有无，惟争分数之多寡；试验既终，书籍束之高阁，毫不过问，敷衍三、四年，潦草塞责，文凭到手，即可借此活动于社会，岂非与求学初衷大相背驰乎？光阴虚度，学问毫无，是自误也...
2021-04-17 00:30:59
206
转载 使用element-ui上传组件时界面抖动
参考博客避免使用pushthis.fileList.push({ name: this.data.key, url: imgUrl + this.data.key,})// 看项目场景影响this.fileList = [ { name: this.data.key, url: imgUrl + this.data.key, },]隐藏 loading 元素/* 推荐，实现简单 */.el-upload-list__item.is-ready,.el-
2021-04-15 01:48:53
885
原创 JavaScript 实现回文数反转和数列的四则运算
// 回文数的反转const NUM = 10;var tmp = NUM;String.prototype.reverse = function() { return this.split("").reverse().join("")}while (true) { if ((tmp.toString() == tmp.toString().reverse()) && (tmp.toString(2) == tmp.toString(2).reverse()) &&
2021-03-20 00:45:12
66
原创 Vue学习计划（二）
Vue Day2事件修饰符等到使用时再查询相应的东西即可有阻止继续传播的修饰符.stop；取消默认事件的修饰符.prevent；修饰符可以串联使用；.capture是由内部元素出发的事件现在此处理，然后才交由内部元素处理，此过程为捕获事件；事件不是内部触发的.self，只有自身元素触发时才会触发该函数；注：使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因此，用 v-on:click.prevent.self 会阻止所有的点击，而 v-on:click.self.prevent 只会阻止对元
2021-01-03 14:03:52
236
原创 Vue学习计划（一）
Vue 起步vue中data:{} 和 data(){}的区别由于在vue中的 => data是全局的（在大型的项目中，使用data会造成数据污染），而将data封装一个函数中的话，我们在实例化组件的时候只是调用了这个函数生成的数据副本，这样就避免了数据污染解决eslint与vscode自带的代码格式化冲突问题使用.prettierrc进行配置具体配置如下：{ "tabWidth": 2, "singleQuote": true, "trailingComma": "none",
2021-01-03 14:01:03
853
原创 《影响力》读书笔记（二）
9.29读书笔记倘若别人的提议我们确实赞同，那么不妨接受它；倘若这一提议别有所图，那我们就置之不理。人人都有一种言行一致（同时也显得言行一致）的愿望。一旦我们做出了一个选择，或采取了某种立场，我们立刻就会碰到来自内心和外部的压力，迫使我们按照承诺说的那样去做。在这样的压力之下，我们会想方设法地以行动证明自己先前的决定是正确的。事实上，我们所有人都会一次次地欺骗自己，以便在作出选择之后，坚信自己做的没错。依照人们的普遍感觉，言行不一是一种不可取的人格特征。信仰、言语和行为前后不一的人，会被看成是脑筋
2020-09-30 11:23:45
169
原创 Maven中常用配置
Maven中pom.xml常用配置Servlet配置<!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api --><dependency> <groupId>javax.servlet</groupId> <artifactId>javax.servlet-api</artifactId> <version>
2020-09-29 00:19:22
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人