渐渐高飞-优快云博客

原创 vue自定义打印内容

web前段自定义打印内容，网页部分内容或者是远程请求的pdf流，前段自行调浏览器打印功能打印。自定义打印的内容Vue里面定义自定义打印的组件letter.vue (注意打印的样式是行内样式)<template> <div ref="letter"> <div style="margin: auto;width:100%;"> 打印标题 </div> <di.

2021-02-16 14:00:33 1694

原创 js实现继承

最近在重新研读javaScript高级程序设计（第3版），总结一下js如何实现继承原型链继承其代码如下：function SuperType() { this.property = true; } SuperType.prototype.getSuperValue = function() { return this.property;...

2020-04-18 21:52:26 253

原创 vue路由模式及路由钩子

vue路由模式vue路由有两种模式，hash和history，默认为hash模式hash：URL地址中带有‘#’，如http://www.nihao.com/#/home, hash 的值为#/home,它的特点在于：hash 虽然出现URL中，但不会被包含在HTTP请求中，对后端完全没有影响，因此改变hash不会重新加载页面。原理：onhashchange事件，可以在window...

2020-04-06 15:31:48 720

原创 javaScript数据类型

原始数据类型: number、string、null、undefines、Boolean、symbol（es6） number: js只有一种数据类型，可以是小数和整数。 let a = 3; let b = 3.14; string: 字符串可以是引号中的任意文本，单双引号都可以 let name = '飞哥'; ...

2020-04-05 17:35:49 255 1

原创 axios二次封装

背景：在大型项目开发中，对axios进行封装，有助于团队成员调用和维护不多说，直接上代码common.js/*** api接口的统一封装*/import axios from 'axios' // 引入axios // 设置请求头 const AXIOS = axios.create({ timeout: 3000, // 设置请求超时时间...

2020-02-11 17:23:15 340

原创 Vue基础

a、vue内置指令v-show与v-if的区别v-show 是一个样式的切换，在页面渲染时已经加载；v-if是每次切换都是重新加载和销毁b、vue动态绑定class:class="{'isRed': isRed, 'isGreen': isGreen}":style="{color: color, fontSize: fontSize + 'px' }"data() {...

2020-01-05 14:14:49 215

原创 vuex环境管理

1、什么是vuex？vuex是一个专门为vue设计的集中式状态管理框架，vuex的状态 state getter mutations actionsstate：存入全部的应用层状态，供vue组件渲染时调用 // 类似于vue里面的 datagetter：从state中派生出的状态，就像计算属性一样，getter的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发...

2019-12-22 14:39:43 326

原创 vue-cli3.0 配置代理

在项目根目录下新建vue.config,js文件如下图vue.config.js 内容//vue.config.js配置说明//官方vue.config.js参考文档https://cli.vuejs.org/zh/config/#css-loaderoptions//这里只列一部分，具体配置参考文档module.exports={//部...

2019-12-22 12:26:19 713

原创 javaScript event loop（事件循环）

event loop 事件循环微任务：有js引擎发起的任务（promise），微任务包括process、nextTick、promise、mutationObserve宏任务：又宿主对象发起的任务（setTimeout），宏任务包括setTimeout、setInterval等等执行顺序如下：1、在异步事件执行完操作后会放入一个执行队列里，根据...

2019-12-22 12:13:35 152

原创 vue-cli3.0 脚手架搭建项目详解

如果是刚入门同学先安装node.js怎么安装node这里不做介绍了，网上教程很简单，下载node.js直接安装就可以检查node1、node -v2、node检查无误，马上就可以开始构建项目了 a、安装vue-cli 3.0 // -g 是安装到全局目录，安装一次以后再构建项目就不用再装了 npm install -g @vue/cli b、...

2019-12-01 12:14:46 1610

原创 vue 脚手架搭建工程

可笑，做了这么久的技术，有一天居然不熟悉脚手架搭建项目了，好吧，一起回忆下其实网上有数不清的相关文章，在这里稍做总结准备1. 下载node.js 安装官网下载：https://nodejs.org/en/download/一直默认就行，路径可以改变但要记得，一般默认C盘安装完成后cmd，输入证明安装成功注：node版本最好高一点，保险的话直接安装最新版本的...

2019-06-16 10:08:49 202

原创 apply() call() bind()作用与区别

apply()和call()调用对象的一个方法，用另一个对象代替当前对象；基本用法：function add(a, b) { return a + b}function sub(a, b) { return a - b}// apply 调用let a = add.apply(sub, [4, 2])let b = sub,apply(add, [4...

2019-06-16 09:11:56 846

转载 cookie 、localStorage、sessionStorage应用的区别

特性 Cookie localStorage sessionStorage 数据的生命期一般由服务器生成，可设置失效时间。如果在浏览器端生成Cookie，默认是关闭浏览器后失效，也可设置失效时间除非被清除，否则永久保存仅在当前会话下有效，关闭页面或浏览器后被清除存放数据大小 4K左右一般为5MB 与服务器端通信 ...

2019-06-16 09:04:21 290

原创递归浅析

递归：程序调用自身的经典编程技巧。 a、有反复执行的过程； b、有跳出反复执行的条件计算n 的阶乘function recursive(n) { let sum = 0 if (n === 1) { return 1 } sum = n *recursive(n - 1) return sum}...

2019-06-16 08:55:56 197

原创原型与原型链解析

通俗的讲，原型就是一个可以复制的类，通过复制可以创建一个一模一样的新的类；原型是一个对象模板，里面有一些公共的方法和类，在js中所有对象都拥有一个_proto_属性；函数对象拥有一个prototype 属性；例子：let preson = function(name) { this,name = name}preson.prototype.sayHello = ...

2019-06-16 08:50:22 610

原创 $(".domJie").eq(0) 和 $(”.domJie“)[0] 和 $(”.domJie“)get(0)和$(”.domJie:first“) 的区别

$('.domJie')[0]; //返回的是dom对象（可以使用dom属性，方法，不可以使用jq属性方法）$('.domJie').eq(0); //返回的是jq对象（不可以使用dom属性方法，可以用jq的属性、方法）$('.domJie').get(0); //返回的是dom对象（可以使用dom属性，方法，不可以使用jq属性方法）$('.domJie:first'); //返回的是jq对象（不...

2018-07-04 16:25:22 269

原创闭包应用demo

<body> <button>Button0</button> <button>Button1</button> <button>Button2</button> <button>Button3</button> <b

2018-06-25 10:35:55 427

原创 js 构造函数

以下是对构造函数的浅薄理解：构造函数一般以大写字母开头命名; 如： fuction Preson(){...}调用：任何函数，只要通过 new 操作符来调用，那它就可以作为构造函数；deom： function Preson(name,age,sex){ this.name = name; this.age = age; this.sex = sex; th...

2018-06-25 09:51:43 2388

原创 js数组排序的几种方法

// sort() 数组对象排序var arr = [ {name:"小恭",age:11}, {name:"小发",age:3}, {name:"小喜",age:12}, {name:"小财",age:40} ];console.log(arr);console.log(arr[0]);var c...

2018-06-22 10:04:30 30592 4

原创 js操作数组

js数组去重 1 Array.prototype.distinct = function(){ var arr = this,result = [],i,j,len = arr.length; for(i = 0; i < len; i++){ for(j = i + 1; j < len; j++){ if(arr[i] === arr[j]){ j = ++i; ...

2018-06-22 09:51:21 205

渐渐高飞