- 博客(61)
- 收藏
- 关注
RSS订阅原创 yyyy-MM-dd时间格式增加任意天数，以yyyy-MM-dd输出
yyyy-MM-dd格式的日期加上任意天数得到新的日期，并以yyyy-MM-dd输出
2022-06-24 18:10:41
416
原创 el-upload上传文件时使用element自带进度条
在使用elementUI中的Upload上传组件进行上传文件时，如果文件较大，往往需要引入进度条来获得刚好的用户体验。而el-upload中已经自带了进度条，所以只需调用这个组件即可。使用axios中的onUploadProgress属性监听上传进度，并将进度反馈给进度条...
2022-06-21 00:12:24
7444
1
原创 js通过浏览器打开本地应用程序（exe文件）
最近项目有一个需求，需要通过浏览器打开项目内部开发的应用程序（exe文件）Step1：在Windows电脑上新建txt文件进行如下配置：Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\universalLink]@="universalLink Protocol""URL Protocol"= "" [HKEY_CLASSES_ROOT\universalLink\DefaultIcon]@="F:\\VS\\Vs Code
2022-05-30 02:15:04
4165
4
原创 前端在线预览pdf、png、jpg文件流
前端通过 arraybuffer 向后端请求文件内容，文件名信息会放在 res.headers["content-disposition"] 里如果浏览器支持 window.navigator 则通过以下方式在线预览：const data = res.data;const tempName = decodeURI(res.headers["content-disposition"].split("fileName=")[1]);if (window.navigator && wi
2022-04-30 22:49:32
2789
原创 遇到的前端面试题汇总
目录HTMLCSS一、行内元素与块级元素区别分类相互转换二、Flex布局六大属性三、关于Scss和LessScss和Less的区别JS一、js基本数据类型二、HTTP状态码常见状态码三、跨域问题解决跨域问题四、Axiosaxios 特点axios相比原生ajax的优点五、箭头函数和普通函数Vue相关一、v-for为什么要加key二、Vue组件间通信Vuex三、Vue双向绑定的原理四、vue-router钩子函数五、Vue响应式布局前端安全相关HTMLCSS一、行内元素与块级元素区别行内元素与
2022-03-10 01:20:47
1143
原创 南京邮电大学操作系统复试
目录第一章 计算机系统概述第二章 进程与线程1、进程与程序：2、PID（Process ID）进程ID3、PCB（Process Control Block）进程控制快4、进程的特征第一章 计算机系统概述计算机系统自下而上：硬件、操作系统、应用程序和用户第二章 进程与线程1、进程与程序：进程：动态的，程序的一次执行过程同一个程序多次执行就会对应多个进程2、PID（Process ID）进程ID每创建一个进程，操作系统会为其分配唯一的PID3、PCB（Process Control
2022-03-09 21:30:16
1509
原创 html表格动态新增行
<div> <table border="1" cellspacing="0" id="patent_table"> <tr> <th>专利名称</th> <th>发明人</th> <th>专利号</th> </tr> </table>.
2022-03-07 21:25:27
1641
原创 Linux服务器使用Nginx部署前端项目+ 域名配置
适用于：前后台分离开发并部署前端部署：Vue + Nginx后端部署：Spring Boot + Tomcat这篇文章只讲前端部署操作系统：macOS 12.2.1文章目录Step1：服务器上安装 Nginx1、安装nginx2、检查nginx是否安装，输入如下命令后若出现版本号则安装成功3、启动nginx4、在浏览器输入ip地址，若出现如下页面则启动成功Step2：打包上传Vue项目到服务器1、Vue项目配置跨域2、Vue项目打包：3、上
2022-03-04 02:09:32
5631
原创 Vue双向绑定的原理
v-model是Vue中双向绑定的体现<templete> <div> <input type="text" v-model="msg" /> <h3>{{msg}}</h3> </div></templete><script>export default{ data(){ return{ msg:"", } }}</script>v-model实现双向
2022-02-28 13:27:21
336
原创 前端常见安全问题
以下是对一些常见的前端安全问题的总结一、iframe1、防止自己的网站不被其他网站的 iframe 引用// 检测当前网站是否被第三方iframe引用// 若相等证明没有被第三方引用，若不等证明被第三方引用。当发现被引用时强制跳转百度。if(top.location != self.location){ top.location.href = 'http://www.baidu.com'}2、禁用被使用的 iframe 对当前网站某些操作在HTML5中，iframe有了一个叫做sa
2022-02-27 20:26:42
4639
原创 前端axios下载文件（word、pdf等）
前端使用axios调后端接口来处理文件（word、pdf等）考虑到项目后期维护，自己封装了axios方法，方便项目后期更换服务器api.jsimport axios from 'axios'axios.defaults.withCredentials = true// axios.defaults.headers.common['Authorization'] = localStorage.getItem('token')export default async ( url, data
2022-02-13 03:48:41
1550
原创 前端一键复制到剪贴板，带格式复制
此一键复制可支持换行符，但不支持加粗等字体样式// 复制（id为待复制内容的父类div的id）Copy() { this.selectElementContents(document.getElementById("CopyContent"));},// js一键复制selectElementContents(el) { var body = document.body, range, sel; if (document.crea
2022-02-13 01:13:17
1133
原创 element-form动态增减表单项
在这里总结一下element-form动态增减表单相关的探索Element-ui表单中介绍了基础的动态新增和删除表单，源码如下：<el-form :model="dynamicValidateForm" ref="dynamicValidateForm" label-width="100px" class="demo-dynamic"> <el-form-item prop="email" label="邮箱" :rules="[ { requi
2022-01-28 22:58:42
3188
7
原创 强制换行与overflow的区别
强制换行word-break:break-all; /* 如果该行末端有个英文单词很长，它会把单词截断 */word-wrap:break-word; /* 如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉 */overflow值描述overflow : visible默认值。内容不会被修剪，超出部分会显示在内容框之外overflow : hidden内容会被修剪，并且其余内容是不可见的overflow : scroll
2022-01-26 02:33:43
173
原创 前端localhost调用本地localhost后端接口时的跨域问题
在项目开发的初期，服务器还没有搭建起来时，使用Tomcat等工具在本地部署后端服务是非常常见的方案。同时，前后端都跑在本地localhost也可以有效的解决跨域问题。但是，如果不进行一些配置，直接使用axios调用本地后端接口，就会出现类似如下的报错：这是由于localhost端口号不同导致的不同源解决方案：Step1：在vue.config.js中配置proxymodule.exports = { publicPath: '/', outputDir: 'dist', assets
2022-01-26 01:05:55
11469
原创 通过vue-router传递参数的两种方式
记录一下通过vue-router传递参数的两种方式1、通过router-link进行跳转<router-link :to="{ path: 'yourPath', query: { key: 'value', }, }" > <button type="button">跳转</button></router-link>// path ->
2022-01-25 15:36:58
1182
原创 vue-admin-template后台管理系统在页面刷新后MenuBar显示异常
问题重现：在利用Vue-Router根据权限动态显示导航栏实现MenuBar的动态显示后，出现了一个问题：每当页面刷新后,MenuBar就会显示异常。经排查，发现是由于vuex中store保存的数据，刷新页面之后被清空，MenuBar无法获取到当前的用户权限导致。针对上述问题的解决方案：将state中的数据放入浏览器会话存储空间（sessionStorage）Step1：更改state的获取方式state: sessionStorage.getItem('state') ? JSON.parse(
2022-01-24 16:28:03
688
原创 Vue-Router根据权限动态显示导航栏
这应该是最常见的需求了，这里记录一下可行的一个方案核心方法：this.$router.options.routes;利用这个方法，会得到所有router，返回的json如下图所示：Step1：登录校验后，将当前登录人员的权限记录在state（vuex）中Step2：在App.vue中查看当前登录人员的权限Step3：利用hidden属性决定页面的导航栏中功能的显示与否想要了解如何使用vuex可以移步至：vuex核心内容梳理...
2022-01-22 00:22:42
884
原创 Vuex核心内容梳理
Vuex官方链接1、Vuex是干什么的Vuex实现组件全局状态（数据）管理的一种机制，可以方便的实现组件间的数据共享2、Vuex的使用store.js：import { createStore } from "vuex";export default createStore({ state: {}, mutations: {}, actions: {}, getters: {}, modules: {},});（1）state：提供唯一的共享数据源组件访问state调用
2022-01-17 22:45:58
397
原创 npm源的切换
1、查看原本的镜像地址npm get registry原镜像地址：https://registry.npmjs.org/设成淘宝的npm config set registry http://registry.npm.taobao.org/将npm替换为cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org全局安装yarncnpm install yarn -g2.换成原来的镜像地址npm con
2022-01-17 17:24:25
360
原创 Vue 3下element ui分页功能异常的解决
Pagination 分页先不卖关子，直接上解决方案：1、换页获取数据是异步操作，所以用async…await…2、不要被官方的要监听误导！！！下面描述一下我遇到的问题:这是element ui最基础的分页组件，current-page这个参数就是当前页数，支持 v-model 双向绑定。代码如下：<el-pagination class="pages"v-model:currentPage="currentPage" :page-size="10" layout="total,
2021-08-01 19:40:16
1634
1
原创 Three.js给定空间两点坐标，在两坐标间做出圆柱体
写在前面：本人南京邮电大学计算机学院大三菜鸟一枚，下面写出的方法，是自己查阅各种文档摸索出来的，记录在此。各位专业大佬多多包涵！最近项目组有一个需求，需要在一根电线周围用圆柱体包裹作为警示区，结合自己对Three.js仅有的那么一丁点了解，我有了最开始的思路。运用 CylinderGeometry 几何体做圆柱体，属性如下：前两个参数是半径，这个可以自己定，第三个是圆柱体高度，自然就是两点间距离呗，有了这几个参数，圆柱体也就确定下来了。接下来，就要确定圆柱体的位置。Three.js中的几何体都
2021-04-01 17:33:07
1525
5
原创 Content-Type为text/plain的请求方式
使用axiosaxios({ url: "url", method: "post", data: data, headers: { "Content-Type": "text/plain", }, }).then((res) => { console.log(res);
2021-03-24 00:39:47
5192
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人