- 博客(68)
- 收藏
- 关注
RSS订阅原创 在Vue项目根据图片url获取file对象并用axios上传
在Vue项目根据图片url获取file对象并用axios上传图片url转file对象axios上传图片url转file对象<script>export default { data() { return { ruleForm: { coverUrl: "", coverFile: "" }, }; }, ...
2020-02-28 20:18:45
7325
原创 在Vue项目中获取视频的时长
在Vue项目中获取视频的时长传入参数为视频文件对象，js的代码如下：getVideoDuration(file) { var url = URL.createObjectURL(file); var audioElement = new Audio(url); var self = this; var result; audioElement.addEventListene...
2020-02-28 19:36:20
7098
7
原创 Vue项目中使用axios和element ui实现文件上传时的进度显示
Vue项目中使用axios和element ui实现文件上传时的进度显示html代码如下：<div v-if="progressSeen"> <el-progress :text-inside="true" :stroke-width="15" :percentage="progress" status="success" >&l...
2020-02-27 17:06:52
3245
1
原创 使用Element UI手动上传单个文件并显示进度条
使用Element UI手动上传单个文件并显示进度条场景描述实现过程场景描述使用Element UI的upload组件手动上传文件单个文件，如果选择了多个文件，会覆盖原来要上传的文件，以最新选择的文件为准。上传不使用upload组件自带的上传方式，而是使用axios上传。实现过程部分做法参考自：https://www.cnblogs.com/lovemomo/p/11777608.html...
2020-02-27 16:55:15
12978
1
原创 Vue项目数据变化被watch监听并处理
Vue项目数据变化被watch监听并处理监听当前vue文件数据监听vuex中的数据监听当前vue文件数据例如，当前的vue文件的data中有如下属性：data() { return { dialogFormVisible: false, }}要监听dialogFormVisible变量的数据变化，则代码如下：watch: { dialogFormVisible:...
2020-02-21 14:04:06
1478
原创 Vue项目刷新当前页面
Vue项目刷新当前页面问题描述解决方法原始方法vue自带的路由跳转使用provide / inject 组合问题描述我们在项目中执行某些增加、修改和删除的操作，使得当前页面元素的值发生了变化，为了在当前页面中观察到变化后的元素值，我们必须刷新当前页面。解决方法以下方法参考自：https://segmentfault.com/a/1190000017007631原始方法使用以下代码刷新页...
2020-02-19 21:34:12
357
原创 Vue前端框架学习（三）：使用axios进行数据请求
Vue前端框架学习（三）：使用axios进行数据请求axios的简介axios的安装axios的简介axios是一个基于promise的HTTP库，用于数据请求。它有一下特性：支持promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF由于现在官方已经不再更新vue-resource库，我们改为用axios进行数据请求。a...
2020-02-16 15:19:41
620
原创 解决vue组件间相同命名的class样式干扰的问题
解决vue组件间相同命名的class样式干扰的问题问题描述解决办法使用scoped使用scss问题描述比如在文件a.vue中，有以下样式：<style> . .main { height: 38px; }</style>在文件b.vue中，有以下样式：<style> . .main { height...
2020-02-12 16:29:37
4718
原创 跨域请求的解决方案和使用axios让请求头部携带含有登录标记的cookie的方法
跨域请求的解决方案和使用axios让请求头部携带含有登录标记的cookie的方法跨域与同源跨域请求的解决方案跨域下的登录保持跨域与同源当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域；相反地，所谓同源就是两个页面具有相同的协议，主机和端口号。若一个项目的前后端是分离的，那么前后端部署时就可能部署到不同的域名下或相同域名下的不同端口，那么这时的前后端是跨域的；若前后...
2020-02-01 16:45:23
3454
原创 解决js函数闭包中this指针指向变化而导致this.$router.push不起作用的问题
解决js函数闭包中this指针指向变化而导致this.$router.push不起作用的问题
2020-01-28 13:15:02
1038
原创 element-ui中的中国省市区级联选择器
element-ui中的中国省市区级联选择器安装导入使用安装以下教程参考自官方的教程：https://www.npmjs.com/package/element-china-area-data执行以下语句安装城市数据：npm install element-china-area-data -S导入以vue-cli创建的项目为例，在vue文件中的scrit标签内导入数据：import...
2020-01-21 12:38:41
17277
4
原创 后台前端解决方案vue-element-admin的安装及使用
后台前端解决方案vue-element-admin的安装及使用vue-element-admin的简介vue-element-admin的安装vue-admin-template基础模板vue-element-admin的简介vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui 实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态...
2020-01-12 20:52:28
3287
原创 vue前端UI框架element-ui在项目中的安装及使用
vue前端UI框架element-ui在项目中的安装及使用element-ui的安装普通安装使用vue-cli3安装可视化编辑element-ui的安装普通安装element-ui是款热门的vue前端UI框架，官方文档为：https://element.eleme.io/#/zh-CN。要安装element-ui，只需要在vue项目根目录中执行：npm i element-ui -S使...
2020-01-12 20:27:11
1801
原创 无法远程连接阿里云轻量级服务器的解决办法
无法远程连接阿里云轻量级服务器的解决办法我在用win10自带的远程桌面连接方式连接阿里云的轻量级服务器时，出现了以下问题：造成这种问题的原因有很多，经过排查，我找出的问题是阿里云服务器的防火墙规则没有设置好，应该添加一条端口为3389的TCP规则，如下：...
2020-01-10 21:01:43
2072
3
原创 Vue前端框架学习（二）：vuex状态管理模式的使用
Vue前端框架学习（二）：vuex状态管理模式的使用vuex的简介vuex的安装与组成vuex的使用初始化数据创建一个mutation在页面中获取vuex数据在页面中修改vuex数据vuex的简介vuex是一个专门为vue.js应用程序开的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证以一种可预测的方式发生变化。它的应用场景为：多个视图依赖于同一状态。例如，个...
2020-01-10 15:21:25
222
原创 Bootstrap前端框架学习（一）：Bootstrap在Vue项目中的安装及可视化布局
Boostrap前端框架学习（一）：Boostrap的安装及在Vue项目中的使用node.js的安装Boostrap的安装node.js的安装我们需要安装node.js，使用node.js的npm包管理器来完成Boostrap的安装。前往Node.js中文网下载并安装node.js，安装程序会自动把node添加到环境变量，在安装完成后重启即可生效。重启后在终端中输入以下命令查看node.j...
2020-01-08 16:50:24
5089
1
原创 Vue前端框架学习（一）：vue的安装及vue-cli的使用
Vue前端框架学习（一）：vue的安装及vue-cli的使用node.js的安装node.js的安装你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。...
2020-01-07 14:46:45
392
原创 数据挖掘作业（二）：使用随机森林 Random Forest 完成一个回归任务
数据挖掘作业（二）：使用随机森林 Random Forest 完成一个回归任务题目决策树决策树概念决策树构造结点“纯度”的度量信息增益增益率基尼指数剪枝处理随机森林并行化优化cache友好代码参考文献题目本次数据挖掘比赛来源于 kaggle，地址为 https://www.kaggle.com/c/dm2019springproj2/overview。这是一个回归任务：给定10万个数据样本作...
2019-07-11 21:13:19
7871
转载 Ubuntu 下定时监测 MySQL 进程终止后自动重启的方法
Ubuntu 下定时监测 MySQL 进程终止后自动重启的方法mysql 进程终止原因mysql 服务监听编写脚本修改日志输出添加定时任务最近在服务器上做一个小项目，发现 mysql 服务总是莫名奇妙地自动关闭，每次都要重新手动开启 mysql 服务，现在这里有更好的解决办法。mysql 进程终止原因根据这篇博客 https://blog.csdn.net/qq_40312076/artic...
2019-06-11 19:09:28
941
原创 Django框架学习（四）：Django 单元测试
Django框架学习（四）：Django 单元测试编写单元测试Django 框架自带了单元测试工具，利用该工具，我们可以方便地对单元进行错误检查，以提高项目的质量。编写单元测试在 Django 框架中，当新建一个应用时，会默认新建一个用于单元测试的 test.py 文件，我们的单元测试代码就写在 test.py 里。比如，在 view.py 里，我们写了一个相应用户登录操作的接口，如下：...
2019-06-11 11:06:14
1737
2
原创 Django框架学习（三）：Django Admin 管理工具
Django框架学习（三）：Django Admin 管理工具激活管理工具创建超级用户注册数据模型使用管理工具Django 提供了基于 web 的数据库管理工具。利用 admin 管理工具，我们可以很方便地在网页上查看和操作数据库，而无需第三方的数据库管理软件。激活管理工具通常新建一个 django 项目后，在 urls.py 文件会默认激活管理工具，如下：# urls.pyfrom d...
2019-06-06 11:01:22
226
原创 利用github page和jekyll搭建个人博客网站（三）：使用最热门的 Next 主题并进行深度配置
利用github page和hexo搭建个人博客网站（一）前言前言自己一直想做一个个人专属的博客网站，所以之前使用 jekyll 并配合 github page 搭建了个人的博客网站，详情参考我的博客https://blog.csdn.net/qq_36272282/article/details/87987068。然而，我对这个 jekyll 搭建起来的个人博客网站并不是很满意，一个是找...
2019-06-05 15:16:01
682
原创 计算机图形学作业（ 七）：利用 OpenGL 绘制 Bezier 贝塞尔曲线
计算机图形学作业（ 七）：利用 OpenGL 绘制 Bezier 贝塞尔曲线Bezier 曲线原理OpenGL 实现思路捕获鼠标点击时的坐标根据顶点画出连续的线段根据顶点画出 Bezier 贝塞尔曲线效果代码Bezier 曲线原理Bezier 曲线的原理我参考了这篇博客：https://www.cnblogs.com/hyb1/p/3875468.html。Bezier 曲线是应用于二维图形...
2019-05-28 19:39:01
11129
3
原创 Django框架学习（一）：Django的安装和初步的使用
Django框架学习：Django的安装和初步的使用安装使用安装安装Django之前，确保系统中已经安装了python3.x和最新版的pip3。window下，直接执行以下命令：pip3 install djangoubuntu16.04下，执行以下命令：sudo pip3 install django使用...
2019-05-24 15:46:13
201
原创 Django框架学习（二）：连接MySQL数据库并对数据进行操作
Django框架学习（二）：连接MySQL数据库并对数据进行操作MySQL的安装配置window系统ubuntu系统MySQL的安装配置window系统首先安装PyMySQL：pip3 install PyMySQL然后安装mysqlclient：前往https://www.lfd.uci.edu/~gohlke/pythonlibs/#mysqlclient，根据系统的python...
2019-05-24 11:23:41
1303
原创 系统分析与设计作业（四）：用例建模与用例图绘制
系统分析与设计作业（四）：用例建模与用例图绘制1. 简答题2. 建模练习题2.1. 用例图绘制2.1. 问题思考1. 简答题用例的概念用例和场景的关系？什么是主场景或 happy path？用例有哪些形式？对于复杂业务，为什么编制完整用例非常难？什么是用例图？用例图的基本符号与元素？用例图的画法与步骤用例图给利益相关人与开发者的价值有哪些？2. 建模练习题2.1. 用例图...
2019-05-21 11:03:21
2495
原创 计算机图形学作业（ 六）：画一个平面和一些立方体并实现阴影映射
计算机图形学作业（ 六）：画一个平面和一些立方体并实现阴影映射引入依赖库阴影映射原理引入依赖库本次实验需要用到 OpenGL 官方的 Camera 库和 Shader 库。Camera 库内包含一个摄像机类，可以帮助我们快速地生成和使用摄像机，点击此处下载。Shader 库是内包含一个 Shader 类，可以帮助我们快速地声明和使用顶点着色器和片段着色器，我们只需新建顶点着色器和片段着色器代码...
2019-05-15 12:47:15
1983
原创 计算机图形学作业（ 五）：画一个立方体并实现 Phong Shading 和 Gouraud Shading 两种阴影
计算机图形学作业（ 五）：画一个立方体并实现 Phong Shading 和 Gouraud Shading 两种阴影颜色和光照场景Phong Shading环境光照漫反射光照镜面光照着色器代码结果Gouraud Shading颜色和光照场景我们在现实生活中看到某一物体的颜色并不是这个物体真正拥有的颜色，而是它所反射的颜色。换句话说，那些不能被物体所吸收的颜色（被拒绝的颜色）就是我们能够感知到...
2019-04-27 00:45:43
5622
原创 解决在vscode中用python操作数据库模型时出现的Class "xxx" has no 'objects' member错误提示
解决在vscode中用python操作数据库模型时出现的Class "xxx" has no 'objects' member错误提示问题原因解决办法问题原因在vscode中用python操作数据库模型时，比如以下代码：article = models.Article.objects.get(pk=1)vscode会提示出现Class “xxx” has no ‘objects’ mem...
2019-04-20 14:13:35
6864
5
原创 系统分析与设计作业（三）：软件模型与统一过程
系统分析与设计作业（三）：软件模型与统一过程简答题简答题简述瀑布模型、增量模型、螺旋模型（含原型方法），并分析优缺点（从项目特点、风险特征、人力资源利用角度思考）1. 瀑布模型：瀑布模型的示例图如下所示：瀑布模型在大方向上可分为三个阶段：定义阶段、开发阶段、维护阶段，细分的话有六个部分：软件计划、需求分析、软件设计、程序编码、软件测试、运行维护，并规定了它们自上而下、相互衔接的固定...
2019-04-18 20:05:07
636
原创 数据挖掘实训周报（一）：windows和ubuntu16.04系统下python3.x和pip3的安装配置
数据挖掘实训周报（一）前言Win下环境配置ubuntu下环境配置前言本次软件工程高级实训的课题是数据挖掘，选择的语言是python，python关于数据挖掘几个基础的包大概是：numpy, scipy, pandas, scikit-learn, statsmodels, matplotlib, xgboost, jupyter。所以，我们要在自己的电脑中安装配置好这些依赖项。Win下环境配...
2019-04-11 23:10:45
203
原创 计算机图形学作业（ 三）：使用openGL画一个立方体，并实现平移、旋转和放缩变换
计算机图形学作业（ 三）：使用openGL画一个立方体，并实现平移、旋转和放缩变换题目引入GLM库画立方体模型、观察和投影题目引入GLM库利用openGL进行3D绘图需要用到大量的数学矩阵运算，而OpenGL没有自带任何的矩阵和向量知识，需要我们自己定义数学类和函数，这相对比较麻烦。所以我们需要引入GLM库，GLM能快速帮助我们实现各种数学矩阵运算。前往GLM官方github仓库，选择0...
2019-04-09 16:47:43
20565
3
原创 Ubuntu 16.04环境下nodejs的安装和配置
Ubuntu 16.04环境下nodejs的安装和配置下载nodejs配置nodejs下载nodejs在ubuntu环境下，前往nodejs官网https://nodejs.org/en/，nodejs官网能自动检测自己的系统版本，推荐出合适的nodejs版本，如下图：下载之后，得到一个后缀名为tar.xz的压缩包。把压缩包解压，得到一个名为node-v10.15.3-linux-x64的...
2019-03-29 20:44:26
6757
原创 Ubuntu 16.04环境下mongodb的安装与服务的开启
Ubuntu 16.04环境下安装mongodb下载mongodb安装mongodb开启mongodb服务下载mongodb前往mongodb的官网https://www.mongodb.com/download-center/community选择下载Ubuntu 16.04版本的mongodb。如下图：下载完成后，会得到一个后缀名为deb的软件包，如下图：安装mongodb安装后...
2019-03-29 20:43:26
1208
原创 系统分析与设计作业（二）：项目管理与UML绘图
系统分析与设计作业（二）：项目管理与UML绘图简答题项目管理实践看板使用练习UML绘图工具练习简答题用简短的语言给出对分析、设计的理解。分析强调的是对问题和需求的调查研究，而不是解决方案。例如，如果需要一个新的在线交易系统，那么，应该如何使用它？它应该具有哪些功能？还有，“分析”一词含义广泛，最好加以限制，如需求分析（对需求的调查研究）或面向对象分析（对领域对象的调查研究）。设计强调的...
2019-03-28 19:09:21
444
原创 计算机图形学作业（ 二）：使用Bresenham算法画直线和圆，并使用光栅化算法填充三角形
计算机图形学作业（ 二）：使用Bresenham算法画直线和圆，并使用ImGUI调节直线和圆的参数Bresenham算法画直线原理算法拓展Bresenham算法画圆原理算法结果Bresenham算法画直线原理首先，观察下图：设一条直线为 y=mx+B\ y=mx+B y=mx+B，那么上图图中的参数为： xi+1=xi+1\ x_{i+1}=x_i + 1...
2019-03-26 20:18:04
5699
2
原创 Vue学习（一）：Vue的安装及使用Vue Cli快速生成新项目的脚手架
Vue学习：Vue的安装及使用Vue Cli快速生成新项目的脚手架前言Vue的安装Vue Cli的安装前言Vue是一套用于构建用户界面的渐进式前端框架，它的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合，利用Vue框架还可以迅速构建单页应用。详细信息请查看Vue的官方文档https://cn.vuejs.org/v2/guide/Vue的安装Vue的安装方法有很多，我是用...
2019-03-18 23:18:58
204
原创 Markdown语法：利用mddir工具自动生成文件目录结构
Markdown语法：利用mddir工具自动生成文件目录结构前言安装mddir工具使用mddir工具前言mddir是个能帮助我们快速生成markdown语法形式的文件目录结构的工具，详细说明请参考官方文档https://www.npmjs.com/package/mddir安装mddir工具要安装mddir工具，必须先安装npm包管理工具。我的npm包管理工具是在安装node时自动安装的，...
2019-03-17 00:24:06
6212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人