will5451的博客

原创 从0到1一步一步玩转openEuler--02 openEuler操作系统的安装

从0到1一步一步玩转openEuler–02 openEuler操作系统的安装安装地址：https://www.jianshu.com/p/f8b8c7b4cc11

原创 centos7中指定python版本

centos7中指定python版本

原创 使用docker-compose创建多项目容器运行

【代码】使用docker-compose创建多项目容器运行。

原创 docker 搭建多个Linux系统环境 安装多个不同语言的项目

docker 搭建多个Linux系统环境 安装多个不同语言的项目

原创 svg图标转组件引入项目中

在 Vue.js 中，动态组件可以根据不同的数据或状态加载不同的组件。具体来说，你可以使用 is 特性来指定要渲染的组件，该组件的名称通常是一个绑定的变量，根据需要可以在运行时进行更改。在上述代码中，IconResult403 是SVG图标的组件名，你可以在模板中像其他组件一样使用它。并不是一个特定的 HTML 元素，它更可能是一个占位符，代表一个在 Vue.js 中的动态组件。，该组件的名称通常是一个绑定的变量，根据需要可以在运行时进行更改。，代表一个在 Vue.js 中的动态组件。

原创 vue3 非对称加密(RSA) 实测有用

【代码】vue3 非对称加密(RSA) 实测有用。

原创 欢迎关注我的公众号，每日分享一点知识

欢迎关注，一起进步，一起向阳

原创 Uniapp上传图片

【代码】Uniapp上传图片。

原创 【考研·数二（笔记，公式）】

原创 【考研数二公式简约版本记忆】

原创 数学二【线性方程和特征向量方程，方阵行列式】

原创 多元函数微分(拉格朗日函数)

以下是朗格朗日函数

原创 TDesign Starter两个小问题

在非roles: [‘all’]的情况下会进行路由过滤filterPermissionsRouters，这个时候退出到登录页会报错Route paths should start with a “/”: “detail” should be “/detail”。还有个问题是官方封装的axios，拼接的url，如果在响应拦截器阶段再发一次请求，会再拼接一次url。不太懂官方写的重发是怎么让拼接的ulr在请求拦截时变回正确的url，我选择用axios自带baseURL配置来替换官方的url拼接功能。

原创 【无标题】

其是从左右二路并行操作，进行比较和交换。从左路进行比较的过程与冒泡排序一致，从右路进行比较则是将当前最小的数字交换到数组的最左侧。然后 (我自己是将每做一次双向冒泡视为一趟) 每一趟比较都处理掉当前最小数字和最大数字，使其完成归位，下一趟比较只需要处理中间部分就可以啦~。冒泡排序 每次将相邻的两个数进行比较，将较大的放到后面，每一趟比较都将当前最大的数字排到最后面，然后从头再开始进行下一趟比较。虽然进行了小小的优化，但是只是稍微提高了排序的效率，只是单纯地进行双向并行比较而已，并没有大幅度缩短排序的时间。

原创 广义表常用表示

C = (b, B, (c, d)) ：广义表 C 的元素分别是 原子 b、广义表 B、广义表 (c, d)D的长度为2，第一个元素是原子，第二个元素是D自身，展开后它是一个无限的广义表。B是长度为2的广义表，第一个元素是子表A，第二个元素是原子y。B = (d, e) ：广义表 B 的元素全是原子 d 和 e。C = (b, B, (c, d)) ：长度为 3。D = (a, (d, e)) ：深度为 2。E = ((a, D), c) ：深度为 4。C = (a, B) ：深度为 2。

原创 一个M阶B树具有特性

删除叶子节点中的元素 （1）搜索要删除的元素 （2）如果它在叶子节点上，直接将其删除 （3）如果删除后产生了下溢出（键数小于最小值），则向其兄弟节点借元素。即将其父节点元素下移至当前节点，将兄弟节点中元素上移至父节点（若是左节点，上移最大元素；删除内部节点中的元素 （1）内部节点中元素为其左右子节点的分割值，需要从左子节点最大元素或右子节点最小元素中选出一个新的分割符。分隔值被插入到父节点中（增加了树的高度），这可能会导致父节点的分裂，分裂父节点时又可能会使它的父节点分裂，以此类推。......

原创 React 重${}【ES6 引入了模板字符串解决这个问题】

模板字符串（templatestring）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。如果大括号中的值不是字符串，将按照一般的规则转为字符串。由于模板字符串的大括号内部，就是执行JavaScript代码，因此如果大括号内部是一个字符串，将会原样输出。上面代码中，模板字符串的变量之中，又嵌入了另一个模板字符串，使用方法如下。如果使用模板字符串表示多行字符串，所有的空格和缩进都会被保留在输出之中。模板字符串甚至还能嵌套。...

原创 React Native数据存储

简单的，异步的，持久化的key-value存储系统AsyncStorage也是RectNative官方推荐的数据存储方式，旨在代替LocalStorageAsyncStorage在iOS下存储分两种情况如果存储的内容较小，那么AsyncStorage会将要存储的内容凡在个序列化的字典中；如果存储的值较大，那么AsyncStorage会将存储的内容放在一个单独的文件中；AsyncStorage在Android下的存储也分两种情况。...

原创 react-native项目启动调试Errors and Warnings

ReactNative程序运行时出现的Warnings也会被直接显示在屏幕上，以黄色的背景显示，并会打印出警告信息。你也可以通过console.warn()来手动触发Warnings。ReactNative程序运行时出现的Errors会被直接显示在屏幕上，以红色的背景显示，并会打印出错误信息。你也可以通过console.error()来手动触发Errors。...

转载 【Linux之线程相关命令及常用命令】

查进程top命令：查看系统的资源状况。#toptop -d 10 //指定系统更新进程的时间为10秒ps：查看当前用户的活动进程。#ps -Aps命令查找与进程相关的PID号：pstree：以树状显示正在运行的进程。树的根节点为pid或init。如果指定了用户名，进程树将以用户所拥有的进程作为根节点。$ pstreepgrep：pgrep能查找当前正在运行的进程并列出符合条件的进程ID。例如显示firefox的进程ID：$ pgrep firefox杀进程　　使用kill命令结束进程：kil

原创 图的基本概念

图的基本概念 定义：一个图（G）定义为G=<V,E>，其中，V是顶点的非空有限集合，记为V(G)；E是边的集合，记为E（G），其元素是图的边。 将顶点集合为空的图称为空图。 其形式化定义为G=<V，E>。例如：图下。其中 V={北京，济南，上海，南京，郑州，西安，成都，武汉}，E={北京-郑州，北京-济南…}文章目录图的基本概念一、边是什么？二、完全无向图1.完全无向图定义2，完全有向图注意三，稀疏图和稠密图四，权五，子图和生成子图一、边是什么？边（弧）表示两个顶

原创 项目进度管理之三点估算法

项目进度管理（三点估算法）项目进度管理之三点估算法三点估算公式练习项目进度管理之三点估算法定义：通过考虑估算中的不确定性与风险，使用三种估算值来界定活动成本的近似区间，可以提高活动成本估算的准确性：最可能成本，最乐观成本，最悲观成本。三点估算公式乐观时间+4*可能时间+悲观时间（乐观+4*可能+悲观）/6 = 项目的成本练习一，公司组织专家对项目进行评估，得到如下结论：最可能成本为10万元，最乐观成本为8万元，最悲观成本为12万元。采用三点估算法估算该项目成为多少？解答：（乐观+4可能+

原创 二叉树习题

二叉树详细题解啊

原创 二叉树遍历试题截图

二叉树遍历试题截图二叉树三种遍历次序新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入二叉树三种遍历次序新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了

原创 原生JS动态生成a标签，自动下载文件

原生js动态生成a标签，并且自动触发点击事件进行下载文件

原创 教育知识与能力（1）

/** * 班级管理内容 * 班级组织建设，班级教学建设，班级活动，班级制度建设 *//** * 班级管理几种模式： * 常规管理，规章制度 * 平行管理，马卡连柯的平行影响 * 民主管理，服从正确决定，参与管理 * 目标管理，德鲁克 以自我管理为中心 *//*** 班级文化特点：* 教育性，凝聚性，制约性，自主性*//** * 班级文化主要内容和类型： * 1，（基础）班级物质文化 * 2，班级行为文化 * 3，班级组织和制度文化 * 4，班级精神文化 */

原创 vue2.0引入threejs的问题

vue2.0引入threejs的问题vue2.0引入threejs报错解决办法：vue2.0引入threejs报错1，npm install three --save2,运行后如图：解决办法：打开package.json文件，将版本改成老版本提前就可以运行了

原创 JSX 的基本使用

注意：JSX语法，最终会被编译为 createElement() 方法推荐：使用 JSX 的方式创建组件JSX - JavaScript XML安装：npm i -D babel-preset-react （依赖与：babel-core/babel-loader）注意：JSX的语法需要通过 babel-preset-react 编译后，才能被解析执行/* 1 在 .babelrc 开启babel对 JSX 的转换 */{ "presets": [ "env", "react" ]

原创 React的基本使用

React 官网React 中文文档React的基本使用安装：npm i -S react react-domreact：react 是React库的入口点react-dom：提供了针对DOM的方法，比如：把创建的虚拟DOM，渲染到页面上// 1. 导入 reactimport React from 'react'import ReactDOM from 'react-dom'// 2. 创建 虚拟DOM// 参数1：元素名称 参数2：元素属性对象(null表示无) 参数3：当前元

原创 vue中非父子组件之间传值（即兄弟组件之间的传值）

前言兄弟组件（非父子组件之间传值）需要建立一个中间实例，作为数据传输的承载媒介。然后兄弟A组件通过**this.$emit("组件名称或则别名",数据)**进行数据广播。然后兄弟B组件通过this.$on("组件别名",function(data){ console.log(data)进行数据处理 }) 来监听兄弟A组件的数据广播。就这样实现了兄弟组件之间的传值。举例说明兄弟组件Home.vue News.vue新建中间空实例文件 VueEvent.jsVueEvent.jsimp

原创 Vue中 Vue.use() 原理及使用

Vue.use原理使用关于Vue.use()详解Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时，就不需要用 Vue.use(axios)，就能直接使用。举例理解关于Vue.use()详解Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时，就不需要用 Vue.use(axios)，就能直接使用。那这是为什么呐？答案因为 axios 没有 install。在Loading.vue中定义一个组件<template

转载 Vue 学习笔记：sync 实现 props 双向通信

组件引用<pagination v-show="total>0" :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />父组件需要提供一个监听事件 @pagination ，它的函数定义接收一个 JSON 对象，由 pagination 组件触发，对父组件列表数据的刷新。原理：父组件传递的 page 和 limit 用 sync 修饰，

原创 vue this.$set 为对象新增属性，并触发视图更新

详情:使用以下代码为data赋值，出现界面不刷新时，无法对文本框进行编辑，输入框只保留操作的最后一步this.ruleForm.roleName = this.$store.state.roleSetting.roleinfo.roleinstancename;this.ruleForm.content=this.$store.state.roleSetting.roleinfo.roleinstacedescription;原因：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的

原创 ES6语法（平常用到）

1，vue 中的const {XXX } =this 的作用效果样例1const {xxx} = this.state;上面写法是es6的写法，相当于const xxx = this.state.xxx;样例2const {comment,index,deleteComment} = this上面的这句话是一个简写，最终含义相当于const comment = this.comment;const index = this.index;const deleteComment = th

原创 前端优化

性能优化1.在请求以及文件大小方面尽可能的将js、css文件合并为一个文件，减少了向服务器发送请求（webpack）若浏览器支持，尽可能使用webp格式的图片代替其他图片格式尽量使用字体图标或者SVG图代替传统的png图尽量使用精灵图或者说时雪碧图（一方面可以减少向服务器发送请求，另一方面则是降低了资源占用空间大小）可以适当的使用缓存技术，比如对于不怎么发生变化的数据，使用h5新增等的localstorage、sessionStorage，以减少发送请求的次数2.对于代码优化相关闭包----

原创 CSRF攻击+XSS攻击

什么是XSS攻击？如何防止XSS攻击？1.XSS攻击XSS（Cross-Site Scripting）—跨站脚本攻击，简称XSS，是一种代码注入攻击，攻击者通过在目标网址注入恶意脚本，使之在用户的的浏览器上运行。利用这些恶意脚本，攻击者获取用户敏感信息如Cookie、SessionID等，进而危害数据安全。XSS的本质：恶意代码未经过滤，与网站正常的代码混在一起；浏览器无法分辨哪些脚本是可信的，导致恶意脚本被执行。2. 如何防止？由于问题的源头是js代码的注入，那么我们便想办法不让js生效方式1

原创 Service Worker与浏览器中缓存机制

什么是Service WorkerService Worker是运行在浏览器背后的独立线程，一般可以用来实现缓存功能，使用service worker的话，传输协议必须使用https.使用service worker实现缓存一般分三个步骤：1，首先要注册service2，监听install，拿到需要缓存的文件3，下次用户访问的时候可以通过拦截请求方式查询是否存在缓存，存在缓存的话就可以直接读取文件，否则请求。浏览器中的缓存机制缓存可以是性能优化中简单高效的一种方式对于一个数据请求，分为三个阶

原创 js的原型和原型链

构造函数创建对象：function Person(){ }var person=new Person();person.name='jock';console.log(person.name);Person就是一个构造函数，我们使用new 创建一个实例对象Personprototype每个函数都有一个prototype每一个js对象在创建的时候就会与之关联另外一个对象，这个对象就是我们所说的原型。每一个对象都会从原型 继承 属性。function Person(){ }//pr

原创 vue3.0——生命周期

在组件化的框架中，比如Angular、React或Vue，都为组件定义了生命周期这个概念，每个组件实例在被创建时都要经过一系列的初始化过程，例如：需要设置数据监听，编译模板，将实例挂载到DOM并在数据变化时更新DOM等。 同时，这个过程也会运行一些叫做生命周期钩子函数。钩子函数提供给用户在组件不同阶段添加自己的代码的机会。 vue2.x中生命周期钩子函数created，mounted，destoryed等等。 而在Vue3.x中, vue2.x Option APi形式的生命周期钩子函数和新的Compos

原创 Vue兄弟组件之间通信 eventBus

今天碰到了这个问题，两个毫无关联的组件之间需要通信，怎么办！使用 props 一层一层的传肯定是有问题的，当然可以实现，在一个就是Vuex，定义一个公共变量也是可以的，但是相对来说比较好的实现方式就是 eventBus 了吧。使用一、使用 eventBus 首先我们创建一个 bus.js 文件，里面的内容如下：import Vue from 'vue'; export default new Vue(); 二、在需要使用 eventBus 的组件中引入上面创建的 bus.js 文件。impo