- 博客(51)
- 收藏
- 关注
RSS订阅
原创 Echarts常用总结
1：获取 ECharts1：从 Apache ECharts (incubating) 官网下载界面 获取官方源码包后构建。2：在 ECharts 的 GitHub 获取。3：通过 npm 获取 echarts，npm install echarts --save，详见“在 webpack 中使用 echarts”。4：通过 jsDelivr 等 CDN 引入。2：引入 ECharts通过标签方式直接引入构建好的 echarts 文件。<!DOCTYPE html><htm
2020-08-06 09:36:23
195
原创 基于vue的图片裁剪vue-pic-clip
1：安装npm install vue-pic-clip2：使用main.js里面import VueClip from 'vue-pic-clip'Vue.use(VueClip)3：组件内//图片上传<template> <vue-clip style="height:160px;width: 120px;" :accept="option.accept" v-model="option.img"
2020-05-26 21:54:12
457
原创 （element-ui）v-for动态数据循环表单验证的处理
1.功能需求标题描述看起来有些复杂，有vue，Element，又有表单验证，还有v-for循环？首先Element组件有一套完善的表单验证方法，官方文档写的也很清楚：Element表单验证API，正常按照官方文档添加rules规则，需要验证的表单项设置prop，然后提交表单时通过form的validate方法验证表单项就可以了。如果表单项里有通过v-for动态生成的表单项，如何设置验证呢？...
2020-04-09 10:48:41
1824
原创 刷爆！Js上传文件file大全
1：在react中，用Ant Dsign框架的上传组件Upload；1-1：先引入上传组件Upload，定义上传事件customRequest1-2：在事件里面创建上传文件的形式，const formData = new FormData();文件一般指file1-3：在file里面添加属性和属性值1-4：调用接口，将要上传的flie的参数传递进去 //创建文件file const...
2020-01-17 09:39:32
902
原创 最完整、最稳定、最强大的专业级Sass语言
1：使用变量1-1：变量声明SASS使用$符号来标识变量。$heignt-color: #F90;变量可以在CSS规则块定义之外存在。当变量定义在CSS规则块内，那么该变量只能在此规则块内使用。当变量定义在了规则块外，那么该变量可以在任何地方使用。1-2：变量引用当引用变量后，如果你需要一个不同的值，只需要改变这个变量的值，则所有引用此变量的地方生成的值都会随之改变。在声明变量时，...
2020-01-16 14:23:38
211
原创 HTML5基本语法
1：HTML5视频 <video src="movie.ogg" width="300" height="300" controls="controls"></video>video元素允许多个source元素。source元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式。<video> width="300" height="300...
2020-01-14 09:49:46
129
原创 vue中在vue.config.js中配置绝对路径和全局样式引入和跨域问题配置
1：配置绝对路径configureWebpack: { resolve: { alias: { '@': path.join(__dirname, 'src'), 'components': path.join(__dirname, 'src/components'), ...
2020-01-11 11:18:35
3068
原创 vue中的星星评分前台
1:组件要能实现,这个五角星不同大小,评分也不一样,比如满分五颗星,四颗半星,四颗星等等…所以需要像组件传入一个大小:size,一个分数:score2:代码如下：<template> <div class="about"> <div class="star" :class="starType"> <span v-for="...
2019-09-22 10:24:32
276
原创 TypeScript环境安装
1：TypeScript的环境安装在cmd中运行以下命令npm install -g typescript。在命令行执行tsc命令，查看是否安装成功2：TypeScript文件是以ts结尾例如：demo1.ts转换.ts文件：tsc demo1.ts，会编译出一个demo1.js的文件，在运行node demo1.js文件。3：直接编译TypeScript文件例如：demo2.ts全局安装npm install ts-node -g运行ts-node demo2.ts..
2020-11-14 11:22:07
143
原创 Xshell命令大全
1.常用操作//文本复制:Ctrl+Insert//文本粘贴:Shift+Insert//文件复制：cp file1 file1.bak --把文件file1复制为新文件file1.bakcp file1 /home/bin --把file1文件从当前位置复制到/home/bin目录下cp * /home/bin --把当前文件下所有文件复制一份到/home/bin目录下//文件移动mv * /home/bin --把当前目录下的所有文件移动到/home/bin目录下mv fi
2020-10-29 10:53:05
453
原创 关于js中使用“window.open“打开新页面，会刷新原来的页面
第一种方法：之所以会出现刷新页面的问题是因为使用的是标签，把button标签改为第二种方法：在window.open()后面加上返回值return false;
2020-09-26 17:36:26
3375
原创 IE 浏览器js 中文传参出现乱码问题
1. js 中 对参数 input进行编码escape(escape(input))2.接收参数进行解码string txtID = System.Web.HttpUtility.UrlDecode(Request[“input”]);第二种方式：encodeURIComponent(input)
2020-09-21 21:04:49
375
原创 JS、JQ实现图片上传
JS、JQ实现图片上传<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script type="text/javascript" src="./jquery-3.4.1.min.js"><
2020-07-13 16:41:46
290
原创 妙用远程，方便你我他！看这里就够了！
在工作和生活中，有时候需要远程控制另一台电脑来实现文件的传送。现在就让我们一起走进远程的世界吧！！！A.前期的配置工作：1.需要去被远程的电脑上的系统属性进行如下图的操作：2.去被远程的机子上windows防火墙进行下图操作：B.操作：1：首先，按下键盘windows+R键来打开电脑的运行栏，在运行栏中输入电脑拥有的远程控制指令mstsc，然后点击“确定”就可以进入我们的远程桌面连接窗口。2：在电脑的远程桌面连接中，找到计算机旁边的输入栏，输入我们要控制的电脑“ip地址”，然后点击右下角的
2020-06-11 11:56:22
263
1
原创 常用xshell5基本命令
1：cd … 回到上级目录2：cd 进入到下一层。3：ll 查看本目录下的结构。4：tail -f 某个的.log 查看某个的实时日志。5：cd …/ 退到上一层6：ctrl + c 退出7：清理xshell的屏幕 clear 回车8：rm xxx 删除文件 rm -rf删除文件夹及其所包含的文件9：rz -y 上传文件到服务器10：jar -xvf xxx 释放war
2020-06-09 16:17:35
1819
原创 PS学习笔记
1：剪裁图片的步骤1：打开图片，在ps里面双击。2：调出画布大小：ctrl + Alt + C。3：查看图片信息：快捷键F8，在上方“窗口-----信息”。4：将信息里面的单位改成像素。5：信息显示框右上角-----画板选项-----标尺单位-----像素。6：放大缩小图片：Alt + 鼠标滚轮上下滑。7：左右移动图片：Ctrl + 鼠标滚轮上下滑。8：打开标尺：Ctrl + R。9：临时隐藏卡线：ctrl + H。10：截图：先框选中图片，没对齐的可以右键---
2020-06-07 17:42:52
117
原创 电脑运行常见命令
gpedit.msc-----组策略sndrec32-------录音机Nslookup-------IP地址侦测器explorer-------打开资源管理器logoff---------注销命令tsshutdn-------60秒倒计时关机命令lusrmgr.msc----本机用户和组services.msc—本地服务设置oobe/msoobe /a----检查XP是否激活notepad--------打开记事本cleanmgr-------垃圾整理net start messe.
2020-05-18 10:30:10
89
原创 WebStorm解决Git冲突
多人协同开发难免会遇到代码冲突的问题。一、解决办法1.VCS—Git—ResolveConflicts...或者在冲突文件上右键 —Git—ResolveConflicts...2. 双击下面的冲突文件3. 选择需要保留的代码，如果操作有误想回退，可以使用ctrl+z或command+z分步回退：...
2020-05-06 15:34:12
3398
原创 基于Vue实现元素拖拽效果
1：先理解clientY pageY screenY layerY offsetY的区别1：clientY 指的是距离可视页面左上角的距离2：pageY 指的是距离可视页面左上角的距离(不受页面滚动影响)3：screenY 指的是距离屏幕左上角的距离4：layerY 指的是找到它或它父级元素中最近具有定位的左上角距离5：offsetY 指的是距离它自己左上角的距离2：思路1：onmo...
2020-04-21 15:25:26
1054
2
原创 HTML中的a标签实现点击下载功能
a标签中 href实现点击下载目标链接功能，实现方法很简单，只需要在a标签里面加上download属性就可以实现下载目标链接的效果。如:<a href="../../../static/images/Promise.pdf" download="Promise.pdf">点击下载</a>这里download也可以不写任何信息，会自动使用默认文件名。...
2020-04-14 18:15:26
5089
原创 React项目调试---WebStorm+Chrome调试
React项目其实是可以调试的。并且WebStorm+chrome也可以调试React项目。1种调试方式WebStorm + ChromeWebStorm + ChromeWebStorm是我最喜欢的前端开发IDE，只是比较重量级，启动速度较慢。而在调试方面WebStorm + Chrome进行调试时，可以在WebStorm中源代码处加断点，当代码执行到断点处时，系统会让WebStorm...
2020-04-07 14:37:02
4263
原创 本地存储 （localStorage、sessionStorage）
Web Storage 存储键值对比存储 Cookie 方式更直观，容量更大，包含两种：localStorage 和 sessionStorage1：sessionStorage（临时存储） ：为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载2：localStorage（长期存储） ：与 sessionStorage 一样，但是浏览器关闭后，数据依然会一直存在sessi...
2020-03-30 10:49:30
178
原创 nodeJS 事件处理机制及事件环机制
参考：《nodejs权威指南》Node.js的用于实现各种事件处理的event模块中，定义了一个EventEmitter类。所有可能触发事件的对象都是一个继承了EventEmitter类的子类的实例对象。EventEmitter类的方法：1：首先来看一下我们如何实例化一个事件对象：第一种：//events 专用于处理事件let event = require("events");...
2020-03-25 13:54:33
379
原创 干货！！！Vue 导航守卫
全局守卫每次路由跳转都会被触发router.beforeEach((to, from, next) => { //全局前置守卫，当一个导航触发时，全局前置守卫按照创建顺序调用 //数据校验时，非常有用if(to.fullpath==="/home"){next('/login')} console.log("全局---------------------") ...
2020-03-25 13:44:12
77
原创 JS的splice()方法在for循环中使用
在写JS代码时，我们常常使用 splice 函数来删除数组中的元素，因为 splice 函数会直接对数组进行修改，从而不需再自己写一个算法来移动数组中的其他元素填补到被删除的位置。介绍 splice 的删除数组元素的用法，和在 for 循环中使用 splice 时遇到的问题。在使用 splice 之前，必备条件是，要先有一个数组。。。var arr = new Array(1, 2, 3, 4...
2020-03-25 11:35:48
1719
原创 ES6中class类
静态方法和静态属性静态的是指向类自身，而不是指向实例对象静态方法如果在一个方法前，加上static关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“静态方法”。1：如果静态方法包含this关键字，这个this指的是类，而不是实例:2：虽然既然类的静态方法不可被实例所继承，但是却可以被子类继承3：可以从super对象上调用 class F { ...
2020-03-24 19:04:50
110
原创 express中的cookie和session
一、无状态的httphttp是无状态协议， 简单的说， 当你浏览了一个页面， 然后转到同一个网站的另一个页面， 服务器无法认识到，这是同一个浏览器在访问同一个网站，换句话说，服务器无法识别两条http请求是否是同一个用户发送的。也就是说服务器端并没有记录通信状态的能力。但是， 为了用户体验， 我们确实需要让服务器能够记忆用户的一些信息。 cookie应运而生二、cookiecookie是...
2020-03-24 15:07:27
145
原创 JavaScript 同步与异步
在我们学JavaScript中一定会涉及一个，但是并不好理解的同步与异步任务。这篇文章我们就简单的来聊一下这个问题。单线程1）首先我们都知道JavaScript是一门单线程的语言，因此，JavaScript在同一个时间只能做一件事，单线程意味着，如果在同个时间有多个任务的话，这些任务就需要进行排队，前一个任务执行完，才会执行下一个任务2）为什么是单线程这个和js的应用有很大的关系。Java...
2020-03-24 15:06:43
74
原创 ES6中的promise
在阮一峰的ES6中是这样解释promise的 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。一.回调函数一个回调函数，也被称为高阶函数；也就是把一个B函数当成一个参数传递给另一个A函数。B函数需要在A函数中进行调用，这个B函数就叫回调函数。A函数执行完成之后B函数才会执行。这个过程是回调。注意：回调函数不是立即就执行。它是在另一个函数执行完成...
2020-03-24 15:06:04
69
原创 WebStorm快捷键总结
1. 常用快捷键Ctrl+/：注释当前行Ctrl+Shift+/：当前位置插入注释Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的Ctrl+Shift+A：选择当前标签前后，修改标签用的F11：全屏Shift+F11：全屏免打扰模式，只编辑当前文件Alt+F3：选择所有相同的词Alt+.：闭合标签Alt+Shift+数字：分屏显示Alt+数字：切换打开第N个文件...
2020-03-20 11:10:45
271
1
原创 Excel导出， 前端React
一、安装插件js-export-excelnpm install js-export-excel二、代码事例页面先引入安装的插件import ExportJsonExcel from 'js-export-excel';按钮return ( <div> <Button onClick={this.downloadFileToExcel }&g...
2020-03-17 21:35:48
141
原创 replace(a,b)之替换字符串中字符的方法
1、js中replace(a,b)之替换字符串var str = ‘abcadeacf’;var str1 = str.replace(‘a’, ‘o’);alert(str1);// 打印结果： obcadeacfvar str2 = str.replace(/a/g, ‘o’);//g是重点，如果替换的为‘/’，需要转义，吧/a/g替换为’///g’alert(str2);//打...
2020-03-11 16:27:07
2567
原创 DES和Base64加密与解密
DES全称为Data EncrypTIon Standard，即数据加密标准，是一种使用密钥加密的块算法，1977年被美国联邦政府的国家标准局确定为联邦资料处理标准（FIPS），并授权在非密级政府通信中使用，随后该算法在国际上广泛流传开来。DES算法DES算法的入口参数有三个：Key、Data、Mode。其中Key为7个字节共56位，是DES算法的工作密钥；Data为8个字节64位，是要被加密...
2020-03-10 15:57:18
1255
原创 树形控件zTree在Vue中的使用
zTree使用1：zTree 是一个依靠 jQuery 实现的多功能 “树插件”， 而且拥有较好的浏览器兼容性，有着丰富的功能以及可以自定义样式，足以满足大部分业务的开发。第一步先导入css及js文件css是在main.js内做了全局的引入。第二步在页面创建ztree Div第三步初始化ztree<template> <div> <div cl...
2020-03-04 10:48:37
1620
原创 URL的各部分含义详解
URL (Uniform Resource Locator)中译:统一资源定位符(其实就是网址)语法规则scheme://host.domain:port/path/filename1：scheme - 定义网络服务的类型. 比如:https2：host - 定义域主机(http默认主机 www)3：domain - 定义域名,比如 baidu.com4：:port -定义主机上的...
2020-02-17 10:44:28
2378
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人