自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 XSS攻击和SCRF攻击

XSS攻击和SCRF攻击XSS攻击 基本概念 跨域脚本攻击,利用了用户对网站的信任。 攻击原理 不需要做任何的登录认证,它会通过合法的操作(比如在url中输入、在输入框中输出),向你的页面注入脚本(可能是js脚本,html代码块等)。 最后导致的结果可能是:盗用cookie破坏页面的正常结构,插入广告等恶意内容的D-doss攻击。 XSS攻击需要具备两个条件:...

2019-09-05 10:50:13 2669 1

原创 Vue路由

Vue路由vue路由有两种模式:hash:哈希模式,也是vue路由的默认模式,使用url的hash来模拟一个完整的路由,于是当url改变时,页面不会重新加载;依靠散列算法:将不定长度的内容转换为定长的内容存入hash表中,当路由不同时,可以散列计算出不同的值,进行查找。history:历史模式,利用history.pushState API来完成url跳转而无需重新加载页面。但这种模式...

2019-08-21 14:32:55 547

原创 ajax 理解

ajax是一种客户端与服务器之间的异步通信技术,可实现页面局部数据刷新(不刷新整个页面);1. 同步请求:在ajax出现之前,前端数据请求使用的同步请求策略,每次请求都会刷新整个页面;原因:使用同步请求,服务器的响应数据直接被送到浏览器内存中,并覆盖浏览器内存中的原有数据,浏览器收到响应数据后,只能展示服务器返回的数据,无法展示在发送请求之前浏览器中添加的数据。缺点:浏览器直面面对...

2019-06-15 17:16:34 559

原创 排序方法详解与JavaScript实现 - 直接插入、shell排序、直接选择、堆排、冒泡、快排、归并、基数

排序方法总结 -- 排序过程目录直接插入shell 排序直接选择排序堆排序冒泡排序快速排序归并排序基数排序各种排序算法的稳定性,时间复杂度,空间复杂度总结:类别 排序方法 平均 最好 最坏 辅助存储 稳定性 插入排序 直接插入 O(n^2) O(n) O(n^2) O(1) 稳定...

2019-05-30 15:49:01 466

原创 HTML的全局属性,CSS可继承属性

HTML的全局属性accesskey:设置快捷键,提供快速访问元素如aaa在windows下的firefox中按alt + shift + a可激活元素 class:为元素设置类标识,多个类名用空格分开,CSS和javascript可通过class属性获取元素 contenteditable: 指定元素内容是否可编辑 contextmenu: 自定义鼠标右键弹出菜单内容 data-*:...

2019-05-17 10:01:59 876

原创 浏览器缓存机制

1. 按缓存位置区分:service worker :浏览器背后的独立线程,可以用来实现缓存。service worker 中涉及请求拦截,所以必须使用https协议来保障安全。service worker 的缓存与浏览器其他内建机制不一样,可以自由控制缓存文件,何如匹配,如何读取文件,缓存是持续性的; Memory Cache : 内存缓存。高效,不持续,容量小;随着Tab页的关闭,缓存自...

2019-04-04 11:17:08 150

原创 javaScript中的for in 与for of 区别与适用环境

javaScript中的for in 与for of 的主要区别: 推荐在循环对象属性的时候使用for...in,在遍历数组的时候的时候使用for...of。 for...in会遍历数组所有的可枚举属性,包括原型。 for...in循环的是key(键),for...of循环的是value(值) for...of是ES6新引入的特性,for...of适用遍历数/数...

2019-03-14 10:14:59 306

原创 ES6解构赋值

1. 数组的解构赋值ES6允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,这被称为解构;//ES5多个变量赋值var a = 1;var b = 2;var c = 3;//ES6使用数组解构赋值给多个变量赋值,与上述代码有相同的赋值效果; let [a,b,c] = [1,2,3]; //解构赋值是从数组中提取值,并按照位置给变量赋值,可以设定默认值,若解构不...

2019-02-27 10:16:10 184

原创 Vue导出office模板文件(xdoc在Vue中的使用)

因项目需求需要实现数据打印功能,及将页面数据写入pdf文档保存在本地。我借助的XDOC智能文档平台来实现此功能,xdoc几乎支持所有的开发语言,使用方便。首先,需要引入xdoc的js文件,在index.html中添加如下代码:<script type="text/javascript" src="http://www.xdocin.com/xdoc.js"></scri...

2018-12-11 21:53:44 3410

原创 Vue--将页面中数据导出excel文件(导出table表格数据)

一、 安装三个依赖项$ npm install -S file-saver$ npm install -S xlsx$ npm install -D script-loader二、在项目中新建一个文件夹(一般在src下新建,文件名自取,在这里命名为excel),在文件夹中放入Blob.js 和 export2Excel.js (这两个文件可在gitup上进行下载)Blob.js ...

2018-09-18 11:31:22 18676 29

原创 vue项目使用element-ui组件

1.安装element-ui组件在命令行工具中输入npm i element-ui -S2.在vue项目中引用element-ui组件在main.js中引入全部element UI 样式// 引入饿了么的组件import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue...

2018-09-11 10:54:18 3391

原创 使用Vue-cli脚手架工具构建Vue项目

1.首先安装node.js,到node.js官网进行下载可参照:https://www.runoob.com/nodejs/nodejs-install-setup.html2.搭建vue项目,选择文件夹打开命令行//全局安装 vue-cli$ npm install -g vue-cli//创建一个基于“webpack”模板,名为myDemo的新项目$ vue init we...

2018-09-11 09:41:41 255

原创 JavaScript查找一个数组中符合某个条件的值,并将符合条件的值存入新的数组

1. 利用find函数和es6箭头函数,下面方法取到数组中满足条件的第一个元素;var newArray = {};//新对象var array = [ {name:'aiai',age:18}, {name:'sisi',age:18}, {name:'lulu',age:18}, {name:'sisi',age:19}]; //查找符合条件值并存入新数组newArra...

2018-09-04 20:28:05 37230 1

原创 Vue子组件向父组件传值(this.$emit()方法)

子组件使用this.$emit()向父组件传值首先必须在父组件中引用子组件,然后实现传值 第一步 在父组件中引入子组件 使用import引入组件import indexImportOrder from './components/indexImportOrder'声明//定义组件 components:{ indexImportOrder,...

2018-08-13 19:10:46 274794 9

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除