- 博客(39)
- 收藏
- 关注
RSS订阅原创 vue2实现txt文件在线预览
txt文件在线预览不需要下载另外的插件，主要有两种形式，一种是上传完成后实现预览；另一种是后端提供文件下载接口，获取文件在线地址实现预览；是后端提供的文件下载方法，返回一个文件流数据。获取数据后将文件流进行地址转换作为结果返回。是封装后的post请求；
2024-12-31 11:01:52
741
原创 vue2实现word在线预览
不知道是不是因为自己vue版本太低不兼容这个插件，还是其他原因，按照方法怎么都实现不了文件的预览。（项目的vue版本是2.5.17，如果有遇到类似情况解决了的，欢迎指教）第二个插件主要的问题就是版本的选择。实现附件在线预览是一个很常用的功能，这次正好碰到这样的需求，记录一下自己实现的过程。是后台提供的文件下载接口，返回文件流数据，请求成功后将文件流转换成。首先是插件的选择，网上实现预览的方法主要有两种，一个是。我的vue版本过低，不能直接使用最新版本的。看网上其他网友的教程都能够实现文件的在线预览。
2024-12-20 14:48:29
2221
原创 vue自定义指令--一键复制
vue项目中想要实现点击按钮一键复制，可以通过vue的自定义指令来实现新建directive.js文件，用于定义所有的自定义指令。
2024-11-18 14:06:51
828
原创 qs插件使用
在开发过程中碰到需要将get请求的入参格式调整为：xxx?fileIds=***&fileIds=**** 这种格式的入参，查看（）帖子了解可以使用qs插件进行数据入参格式的转换。二、全局引入（vue项目）
2024-10-14 17:47:15
390
原创 E-charts地图组件使用记录
第一次进入该页面，默认一个小弹窗展示全省的数据，中间地图展示广东省全省各地市的数据，右下角展示广东省板块表示省公司，同时左上角还提供筛选按钮，实现对各地市和省公司的数据进行筛选，筛选后对应地市会被点亮，同时展示小弹窗数据。以广东省全地市来讲述一下代码的主要实现步骤。
2024-06-03 18:23:15
903
原创 element提交自动定位校验不通过位置并提示
在vue项目中，el-form表单使用的频率很高，当页面内容较多提交的时候无法一时间定位到哪个字段没填。这里简单记录一下。
2023-11-30 17:40:37
863
原创 Vue自定义指令--Vue.directive
Vue中内置了很多指令，如v-model、v-show、v-html等，但有时候我们可能会想为某个/某些元素添加特定的功能，这个时候就可以使用Vue提供的自定义指令来实现。在Vue官方文档中还提到动态指令参数的使用，通过设置指令参数来实现动态使用指令。如上述例子，通过设置动态指令参数可以实现同一指令对不同样式的设置。2、第二个参数表示该指令下的操作，可以是一个对象数据也可以是一个函数；1、第一个参数表示自定义指令的名称（不需要携带v-）；1、新建一个js文件，在js文件中定义全局指令`
2023-10-11 00:34:52
287
原创 通过配置化实现对el-table列表的部分内容进行操作和展示
el-table中循环部分代码如下，主要循环了两个部分，第一部分是表格的表头，通过第一个接口返回的码值进行遍历；（这里本人还犯了个小错误，在给每个团队成员的每项分数赋值的时候使用$index来进行绑定，这样导致输入一个分数，该行的数据都被填上了。综合得分计算的实现就是在每填写一个分数时就实时更新该行数据的综合得分（注意：在计算的时候需要先将综合得分剔除，再对评估项进行分数相加）。如果不通过强制绑定，综合得分计算出来的分数并不能立刻在列表中展示，导致页面展示的综合得分是不对的。如有更好的方法，欢迎大家指正！
2023-08-22 18:33:14
456
原创 react中redux的简单使用
状态机redux--声明同步动作（相当于vuex中的mutations）（1）创建react和react-redux的基本命令： 【1】初始化项目：npx create-react-app redux-app（redux-app表示创建的项目文件名） 【2】安装redux：cnpminstallredux 【3】安装react-redux：cnpminstallreact-redux（2）是什么？：类似于Vue中的vuex状态机，主要用来维护共享的状态。组件内部...
2021-11-15 19:38:26
1244
1
原创 关于axios，原生ajax，jQuery中的ajax
一、他们三的关系axios是通过promise技术实现对ajax实现的一种封装，本身上来说axios就是ajax，但是ajax却不单单只是axios；jQuery也实现了对ajax技术的封装，但是jQuery主要是对原生JavaScript进行封装，封装了js三大核心要素：ECMAScript、DOM、BOM，所以说jQuery封装的ajax只是其中的一小部分，如果通过引用jQuery来进行ajax交互实在是显得有所浪费资源，因此vue中封装了axios来实现对ajax技术的单独封装。...
2021-10-18 20:26:48
348
原创 BFC--块级格式化上下文
BFC(Block formatting context)（1）概念：直译为块级格式化上下文，把BFC理解成一块独立的渲染区域，BFC看成是元素的一种属性， 当元素拥有了BFC属性后，这个元素就可以看做成隔离了的独立容器。容器内的元素不会影响容器外的元素. ·我理解为：将BFC看成是一种属性，当拥有该属性的元素就相当于一块独立的区域。（2）实现BFC属性的方法：1. 浮动元素，float 除 none 以外的值2. 定位元素，position的值不是stati...
2021-09-28 19:17:14
9640
原创 原生Ajax中get、post请求方法的使用
一、什么是Ajax：AJAX即“AsynchronousJavascriptAndXML”（异步的JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，用于浏览器和服务器之间进行数据交互。二、Ajax中的请求方式：1、get请求方式：参数携带在地址栏，是一种显式的、不安全的请求方式。2、post请求方式：参数携带在请求体中，是一种隐式的、更为安全的请求方式。三、代码实现Ajax中的get请求方式（1）get不带参数时的请求//第一步：创建一个实例...
2021-09-26 20:05:20
1098
原创 JavaScript算法题
一、统计一个字符串中字符出现一次的字符，并输出。例如：输入 hello，输出h,e,o（1）思路：第一步：将字符串中每个字符出现的次数转化一个新对象中相应的属性和属性值。第二步：在判断得到的对象，将对象中属性值为1的属性输出。（2）代码：varstr="hello";varcheck=function(str){varcontent={};//将字符串中的每个字符和字符出现的次数转化成对象中的属性和属性值for(vari=...
2021-09-11 18:31:21
476
原创 前端部分试题总结
1、linux中 vim有几种模式？如何进行这几种模式的切换（1）Linux中vim有三种模式，分别是：命令模式（Command mode）、插入模式（Entry mode）和底行模式（Last-line mode）。（2）三种模式间的切换：命令模式到插入模式：i、a、o、I、A、O插入模式到命令模式：ESC命令模式到底行模式：‘:’底行模式到命令模式：backspace2、css3中animation与transition表示什么...
2021-09-11 18:18:40
168
原创 数组中常用的方法及方法的重写（下）
一、数组的迭代方法vararr=[100,200,300,400];functioncompare(value){returnvalue>200;//函数体为条件}//（1）every,每一个数组项都符合条件;varr1=arr.every(compare);console.log(r1,arr);//（2）some,一些数组项满足条件即可varr2=arr.some(compare);console.log(r...
2021-08-31 22:15:34
139
原创 数组中常用的方法及方法的重写（上）
一、数组中的栈、队列方法vararr=['hello',10,20,30,40,true,'world'];//（1）pop()：在尾部删除数据，原数组发生改变arr.pop();console.log(arr,arr.length);//（2）push()：在尾部新增数据，原数组发生改变arr.push('world');console.log(arr,arr.length);//（3）shift()：在头部删除数据，原数组发生改变arr.shift...
2021-08-31 22:14:04
124
原创 5种方法输出10的阶乘
（1）for循环语句求10的阶乘for(varnum1=1,sum1=1;num1<=10;num1++){sum1*=num1;}console.log(sum1);（2）while循环语句求10的阶乘varnum2=1;varsum2=1;while(num2<=10){sum2*=num2;num2++;}console.log(sum2);（3）do-while循环语...
2021-08-28 18:17:38
10286
原创 Linux中常见的简答题总结
（1）Unix和Linux和Ubuntu的关系是什么？答：Unix是内核，Linux是在Unix发展基础上的操作系统，Ubuntu是Linux操作系统中的具体某一个。Ubuntu与Linux的关系，相当于windows 10与windows操作系统的关系简单来说就是：Unix是爷爷，Linux是爸爸，Ubuntu是众多儿子中的一个。（2）解释说明rwxr-xr-x这个是什么意思？答：rwxr-xr-x是文件的权限。ls -l 查看当前目录下的文件或者目录，并且以长列表的形式展
2021-08-22 17:01:58
823
原创 Linux下
主要对目录和普通文件的增删改查进行总结一、目录（1）查询：ls -aR1目录名（2）新建： mkdir a b c -->同时新建几个目录 mkdir -p a/b/c -->级联操作，创建层级目录（3）删除： rmdir -->删除空目录 rm -r a -->删除目录 rm a -->删除文件 rm -i a -->带提示的删除操作（-i...
2021-08-21 16:18:57
107
原创 Linux上
Linux上一、登录使用的不同传输协议的命令：ssh username@ip-->password ssl 远程控制端口号：22telnet ip-->name、password 明文 远程控制 端口号：23ftp username@ip-->password 上传下载 端口号：20/21sftp uasername@ip-->password ssl ...
2021-08-21 16:10:33
110
原创 阿里云服务器
学习如何让本地文件与阿里云服务器建立连接，并且能够通过网页进行打开。一、购买阿里云服务器在阿里云上购买好服务器，服务器购买时一定要选择阿里云ECS，Ubuntu操作系统，64位。二、本地安装软件远程登录 云服务器安装Xshell软件来与远程服务器建立连接三、云服务器命令安装apache2使用命令语句，安装apache2：（1）apt-get update（2）apt-get install apache2（3）service apache2 sta
2021-08-18 15:06:11
104
原创 CSS-day10
一、display:flex;（伸缩盒布局） （1）使用场景：弹性伸缩比例、自动留白间隙、手机端 （2）以x轴方向对齐，x轴叫做主轴，y轴叫做交叉轴；反之亦然。 （3）flex容器样式主要修饰的地方：排列方式、自动换行、排列方式（主轴和交叉轴的对齐方 式）。 flex元素样式主要修饰的地方：宽高固定、宽高伸缩比例。 （4）：flex-direction:row;（列布局）：形成一行多列的场景，flex指定的值为宽的最小值。 flex-direction:column;（行布局）：
2021-08-14 16:48:23
73
原创 CSS-day09
1、默认文档流：从内向外、自上而下、从左到右 2、display：none、block、inline、inline-block，主要用于行内元素和块级元素的转换。 3、float 一、position（定位布局） 常用搭配：top、left、right、bottom 用于：有叠加元素、细节元素、到指定位置 （1）position:static;静态定位，默认文档流，相当于float:none; /* 静态定位不能使用属性值top.....，只能使用margin来移动 */ b
2021-08-14 16:45:54
82
原创 CSS-day08
一、默认文档流的特征： 1、块级元素：宽度默认100%，高度由内容填充，宽高可以自定义。 2、行内元素：宽、高都由内容决定，不可以自定义。 *文档结构从外到内、自上而下、从左到右。 *项目中的应用：负责第一层/第二层结构的布局。 div+css负责：宽度、高度、背景色、边框 *正常的文档流节点树 *块级元素：是垂直方向的线性；行内元素：是水平方向的线性。（同级别相比较）二、布局形式： 1、display属性 eg：/* 块级元素，可以改变宽高 */...
2021-08-12 13:18:13
68
原创 CSS-day07
一、盒子的外边距和内边距 1、padding： 特点： /* padding中如果有四个数值，分别代表：上、右、下、左 */ /* padding中如果只有三个数值，分别代表：上、左右、下 */ /* padding中如果只有两个数值，分别代表：上下、左右 */ /* padding中如果只有一个数值，代表：四个方位的padding值相同 */ 2、margin： 特点：兄弟元素（水平方向相加间隙，垂直方向叠加间隙） ...
2021-08-10 19:19:10
172
原创 CSS-day06
一、在html中如何引入网络图标。1、在iconfont中下载一个图标库，然后解压文件到所需要的html文件夹中，根据图片中的方法进行引入。引入图标的标签中的class属性值为iconfont.css文件中的两个属性名，第一个iconfont是所指的图标库的种类，第二个icon-xianxingdianzan为图标的名称。2、font waesome的引入方法与iconfont类似。下载好之后依据同样的方法引入。二、HTML中列表的主要CSS样式CSS中列表的主要样式...
2021-08-10 13:13:50
84
原创 如何在HTML中引用网络字体
1、打开一个字体库，下载一款自己喜欢的字体。我这里选择了阿里巴巴矢量图标库。2、下载完成后，将后缀名为.ttf的文件移动到我们的HTML文件中。我新建了一个Font文件专门用来存放字体库。3、在html中加入style标签，然后再style标签中写入以下代码：4、在p标签中引用我们添加进去的字体样式，打开浏览器检查是否成功。可以看到第二行的文字已经发生改变，说明我们的引用成功。...
2021-08-07 17:59:47
3447
原创 CSS-day02
1、伪类选择器（1） 以':'开头，同于其他选择器之后，指明元素在某种状态下才能被选中:only-child 独生子元素（2）/* 选中app类下的第一个孩子.app>*:first-child {background-color: rgb(60, 161, 207);}(3)选中app类下的第二个孩子...
2021-08-07 16:41:31
104
原创 CSS-day01
HTML（超文本标记语言）CSS(层叠样式表)1、层叠样式表，是用来修饰文档的语言，让文档以更优雅的形式呈现给用户。为了使内容和样式相分离，提高工作效率。2、发展历程：1996年12月第一份正式标准完成 CSS1998年5月，CSS规范第二版出版1999年开始修订，2001年完成了CSS3工作草案3、CSS工作原理：HTML文件-解析HTML文件，同时加载CSS-转成DOM，并解...
2021-08-05 19:24:53
58
原创 HTML-day03
表单 1.主要用于用户于web服务器进行交互2.action:URL 用来处理表单信息的服务地址3.method:浏览器用来提交表单的http方式，常用的有get/postget：通过这种方式提交的表单数据会被附加在链接上，通过“？”分割(不利于隐藏信息，安全性不高，不建议使用这种方式)post：表单数据会存放在请求报文的体部(请求体)，传递给服务器4.n...
2021-08-04 21:27:24
247
原创 HTML-day02
video-视频标签 格式：<video src="./video/video.mp4" controls autoplay muted loop></video> 属性：controls:是否显示控制条loop:是否循环播放（播放结束后从头开始播放）muted:是否静音播放autoplay:是否自动播放 audio-音频标签 格式：<audio src="./video/audio.mp...
2021-08-03 19:17:08
56
原创 HTML基础
• 主要内容：HTML基本概念、语法、常见的标签、属性 HTML5 ？ 新增的一些内容 1. 基础知识 ○ 什么是HTML？：超文本标记语言 1. 超文本：页面内包含的内容不仅仅是文本 还可以包含图片、链接、音乐、视频等非文字元素。 2. 标记语言：不是编程语言 例如：div>div</div> <...
2021-08-02 19:57:45
96
原创 Axure实现点赞功能
1、在Axure面板中拖入元件“点赞”并设置文字框（可以命名为点赞数）来记录点赞的次数。2、点击点赞图标，设置交互。来实现点赞数的自增，和点赞动作。主要是通过设置局部变量number+1，来实现对点赞数的自增。3、进行预览，实现对效果的检查。...
2021-08-01 17:09:08
1998
原创 如何使用中继器和动态面板实现表格的增添和删除功能
在Axure面板中拖入元件中继器和动态面板，接着，在中继器的样式里和双击中继器出现的内容框中添加所需行的内容。 注意：双击中继器的内容框中的内容要以[[item .**]]的形式输入。首行的标题可以通过文本标签或者矩形框实现。 2.在中继器的交互中设置交互样式和动作，以实现中继器样式中能够每增加新的内容就能更改中继器内容框里的内容的功能。同时，通过在中继器的内容框中添加删除按键以实现删除行的功能。 3.接着，通过对动态面板交互的设置来实现在动态面...
2021-08-01 16:07:19
639
原创 Axure 笔记
Axure RP9的简单介绍 Axure是什么：Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速 原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建 应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原 型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本...
2021-07-31 16:02:53
173
原创 Git总结
一、Git是什么？Git是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。二、Git的安装：从Git官网中中进行下载，下载并安装好以后。通过cmd打开命令提示符，输入以下命令，检查Git的版本：git --version 。三、Gitee：3.1.什么是Gitee：Gitee（码云）是开源中国社区推出的代码托管协作开发平台，支持Git和SVN，提供免费的私有仓库托管。Gitee专为开发者提供稳定、高效、安全的云端软件开发协作...
2021-07-27 19:55:25
53
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人