自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 vue中实现打印功能

1,引入print.js ,放入项目路径中; 2,在页面中引入js文件后在打印方法里面调用方式如下: 引入:import printJS from "@/assets/js/print.js"; 调用: ``` // printable是打印目标的div的id名称,print....

2020-04-16 16:19:48 87 0

原创 blob excel文件导出

vue 项目中excel文件导出: exportData(){//点击方法名称 jjrExport(this.years).then(res=>{//this.years为请求参数 console.log(res); consttype="application/vnd.m...

2020-04-15 11:56:59 64 0

原创 js前端面试题03

1,内存泄露的排除定位和解决方法 答:内存泄漏就是有资源未被内存池回收,释放出来占用内存,表现为程序卡死或者浏览器卡死状态;通过谷歌浏览器的performance来监测; 内存泄漏的几个方式:全局变量的声明,未带var关键字的,可在js文件中用use strict;定时器的应用,未有结束定时器...

2020-02-27 22:05:37 37 0

原创 js面试题-02

1,webpack工程构建工具怎么样用 答:webpack是一款模块打包器,可以将项目中的js,css,less,sass,图片等打包压缩成对应的文件。通过定义一个入口文件,webpack会自动查找相关依赖的文件,使用loaders处理它们,最终生成浏览器能识别的js文件。 npm或cnpm安...

2020-02-26 15:36:31 53 0

原创 前端面试集锦-01

1,你项目里用到第三方登录涉及的oAuth(JWT)协议的实现原理,以及你本地的实现原理,第三方登录怎么样保证安全性 答:oAuth就是开放的授权,第三方登录,就是本地的项目跳转到第三方登录去访问,比如登录第三方qq,先输入用户名密码去登录后获得一个code,第三方再返回一个虚拟账户,然后再...

2020-02-26 00:00:27 33 0

转载 js 数组的操作大全

前言 在开发中,数组的使用场景非常多,平日中也涉及到很多数组的api/相关操作,一直也没有对这块内容进行一块整理总结,很多时候就算用过几次这个api,在开发中也很容易忘记,还是要谷歌一下。所以就希望对这块内容有一个比较系统性的总结,在这背景下,就有了本篇文章,如果喜欢的话可以点波赞/关注,支持一...

2019-08-29 23:54:16 14 0

转载 js核心内容

JS基础 1.数据类型? 6基本数据类型: Undefined, Null, Boolean, Number, String ,Symbol引用类型:Array Object Date Function 区别: 基本类型值保存在栈空间,我们通过按值来访问的。 引用类型,的值是对象,栈内存中存...

2019-08-25 23:16:18 57 0

原创 JSON.parse()与JSON.stringify()的区别

JSON.parse() 是将一个字符串转换成对象; JSON.stringify() 是将一个对象转换成字符串;

2018-09-28 22:26:16 38 0

原创 队列和栈

队列就像是水管,一头堵住了,先进来的只有等之前的都出去了才能出去,“先进后出”; 栈的话就刚好相反,是个直通的水管,先进就先出去;

2018-09-28 22:15:03 37 1

转载 js数组操作方法

shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined Javascript代码  var a = [1,2,3,4,5];   var b = a.shift(); //a:[2,3,4,5] b:1  unshift:将参数添加到原数组开头,并返回数组的长度 J...

2018-06-25 13:19:09 49 0

转载 es6新特性来袭

1.变量声明const和let在ES6之前,我们都是用var关键字声明变量。无论声明在何处,都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升例如: function aa() { if(bool) { var test = '...

2018-06-22 13:47:53 50 0

原创 获取当前url并操作

window.location 对象所包含的属性属性描述hash从井号 (#) 开始的 URL(锚)host主机名和当前 URL 的端口号hostname当前 URL 的主机名href完整的 URLpathname当前 URL 的路径部分port当前 URL 的端口号protocol当前 URL ...

2018-06-22 09:35:22 104 0

原创 js 修改中国标准日期

'Thu May 12 2016 08:00:00 GMT+0800 (中国标准时间)'--此格式日期无法传到java后台,须格式化,方法如下var d = new Date('Thu May 12 2016 08:00:00 GMT+0800 (中国标准时间)�...

2018-04-02 22:47:14 367 0

转载 js new关键字详解

和其他高级语言一样javascript中也有new关键字,我们以前认知的new是用来创建一个类的实例对象,但在js中万物皆是对象,为何还要new关键字呢,其实js中new关键字不是用来创建一个类的实例对象,而是用于继承。 接下来,本文将带你一起来探索JS中new的奥秘... ...

2017-11-21 13:31:45 1043 0

转载 入门Webpack,看这篇就够了

webpack从入门到工程实践 写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如...

2017-09-07 13:52:09 318 0

转载 JavaScript中return的用法详解

JavaScript中return的用法详解       最近,跟身边学前端的朋友了解,有很多人对函数中的return的用法和意思理解的比较模糊,这里写一篇博客跟大家一起探讨一下return的用法。         1定义         return,从字面意思来看就是返回,官...

2017-08-29 10:19:35 242 0

原创 js 方法前面加!的含义

!fun1()(),如果没有这个叹号的话,解析器会认为function是一个函数声明的开始,而后面()将会导致语法错误。在function前面加上!号时,就变成了一个函数表达式,而函数表达式后面又添加了一个()就变成了一个立即执行的函数了。

2017-08-29 10:18:20 673 0

转载 js中面向对象(创建对象的几种方式)

js中面向对象(创建对象的几种方式) 1、面向对象编程(OOP)的特点:   抽象:抓住核心问题   封装:只能通过对象来访问方法   继承:从已有的对象下继承出新的对象   多态:多对象的不同形态     一、创建对象的几种方式 javascript 创建对...

2017-08-28 16:42:33 191 0

原创 vue 文件目录详解

项目简介 基于 vue.js 的前端开发环境,用于前后端分离后的单页应用开发,可以在开发时使用 ES Next、scss 等最新语言特性。项目包含: 基础库: vue.js、vue-router、vuex、whatwg-fetch编译/打包工具:webpack、babel、node-s...

2017-08-28 10:51:55 7452 0

原创 使用人工客服的注意事项

对于有的公司内部禁止qq的问题,然而还要做测试功能跳转的同时,https://wpa.qq.com/msgrd?v=3&uin=你的QQ号码&site=qq&menu=yes,uni后面的参数一定得是qq号码登录qq推广http://shang.qq.com/v3/inde...

2017-08-16 13:33:51 538 0

原创 js数组去重

Array.prototype.removal=function(){ var list={}; var arrL=[]; for(let i=0;i<this.length;i++){ if(!list[this[i]]){ list[this[i]]=true;...

2017-08-16 09:51:39 187 0

原创 v-html 和{{}}区别

在网页中,后台传来的json数据中包含html标签,将该json数据绑定到Vue.js中对象中,对该对象进行for循环,发现数据中的html标签不能被解析,而是当作字符显示出来。 Vue.js中提供了v-html这个指令来解决这个问题。

2017-08-15 14:27:02 4763 0

原创 移动端meta设置大全

声明文档使用的字符编码:      优先使用 IE 最新版本和 Chrome:      页面描述:      页面关键词:      网页作者:      搜索引擎抓取:      为移动设备添加 viewport iOS 设...

2017-08-12 10:55:56 170 0

原创 用js实现只能点击一次的按钮的功能

有时候需要用到,网页中的提交表单按钮,让用户只能点一次,以避免重复提交表单。 <a href="javascript:void(0);" onclick="this.innerHTML='提交中';this.onclick='...

2017-08-11 13:19:01 7572 0

转载 bootstrap兼容ie8+

首先需要确保你的HTML页面开始部分要有DOCTYPE声明。DOCTYPE告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文档,具体会影响: 对标记attributes 、properties的约束规则 对浏览器的渲染模式产生影响,不同的渲染模式会影响到浏览器对于CSS代码甚至Ja...

2017-08-11 08:57:30 177 1

原创 360浏览器兼容模式的ie内核问题

360浏览器比较奇葩 页面加入<meta http-equiv="X-UA-Compatible" content="IE=edge"> 以最高级模式渲染文档

2017-08-03 13:32:16 286 0

原创 navicat 10.0.50注册码

2017-03-08 16:53:00 633 0

原创 hicharts多个legend的显示和隐藏控制办法

1,showInLegend  方法: 2,visible:false 方法:

2017-03-06 17:18:53 2758 0

转载 移动端 h5开发相关内容总结——CSS篇

1.移动端开发视窗口的添加 h5端开发下面这段话是必须配置的 meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no...

2017-02-26 14:38:45 241 0

转载 javascript 设计模式-中介者模式

先来理解这么一个问题,假如我们前端开发接的需求是需求方给我们需求,可能一个前端开发会和多个需求方打交道,所以会保持多个需求方的联系,那么在程序里面就意味着保持多个对象的引用,当程序的规模越大,对象会越来越多,他们之间的关系会越来越复杂,那现在假如现在有一个中介者(假如就是我们的主管)来对接多个需求...

2017-02-15 11:24:15 166 0

转载 javascript 设计模式-策略模式

1. 理解javascript中的策略模式 策略模式的定义是:定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换。 使用策略模式的优点如下: 优点:1. 策略模式利用组合,委托等技术和思想,有效的避免很多if条件语句。       2. 策略模式提供了开放-封闭...

2017-02-15 11:23:01 107 0

转载 javascript 设计模式-模板方法模式

模板方法模式由二部分组成,第一部分是抽象父类,第二部分是具体实现的子类,一般的情况下是抽象父类封装了子类的算法框架,包括实现一些公共方法及封装子类中所有方法的执行顺序,子类可以继承这个父类,并且可以在子类中重写父类的方法,从而实现自己的业务逻辑。 比如说我们要实现一个JS功能,比如表单验证等...

2017-02-15 11:21:59 167 0

转载 javascript 设计模式-命令模式

命令模式中的命令指的是一个执行某些特定事情的指令。    命令模式使用的场景有:有时候需要向某些对象发送请求,但是并不知道请求的接收者是谁,也不知道请求的操作是什么,此时希望用一种松耦合的方式来设计程序代码;使得请求发送者和请求接受者消除彼此代码中的耦合关系。 我们先来列举生活中的一个...

2017-02-15 11:21:01 99 0

转载 javascript 设计模式-职责链模式

优点是:消除请求的发送者与接收者之间的耦合。     职责连是由多个不同的对象组成的,发送者是发送请求的对象,而接收者则是链中那些接收这种请求并且对其进行处理或传递的对象。请求本身有时候也可以是一个对象,它封装了和操作有关的所有数据,基本实现流程如下: 1. 发送者知道链中的第一个接收...

2017-02-15 11:20:16 97 0

转载 javascript 设计模式-代理模式

代理是一个对象,它可以用来控制对本体对象的访问,它与本体对象实现了同样的接口,代理对象会把所有的调用方法传递给本体对象的;代理模式最基本的形式是对访问进行控制,而本体对象则负责执行所分派的那个对象的函数或者类,简单的来讲本地对象注重的去执行页面上的代码,代理则控制本地对象何时被实例化,何时被使用;...

2017-02-15 11:19:33 115 0

转载 javascript 设计模式-模块模式

我们通过单体模式理解了是以对象字面量的方式来创建单体模式的;比如如下的对象字面量的方式代码如下: var singleMode = { name: value, method: function(){ } }; 模块...

2017-02-15 11:18:37 130 0

转载 javascript 设计模式-单体模式

单体模式提供了一种将代码组织为一个逻辑单元的手段,这个逻辑单元中的代码可以通过单一变量进行访问。 单体模式的优点是: 可以用来划分命名空间,减少全局变量的数量。使用单体模式可以使代码组织的更为一致,使代码容易阅读和维护。可以被实例化,且实例化一次。 什么是单体模式?单体模式是一个...

2017-02-15 11:16:41 153 0

转载 javascript 设计模式-工厂模式

工厂模式类似于显示生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;简单的工厂模式可以理解为解决多个相似的问题; function CreatePerson(name,age,sex) { var obj = new Object(); obj.name...

2017-02-15 11:00:43 125 0

原创 jquery 获取浏览器窗口的高度和宽度

$(document).ready(function()    {    alert($(window).height()); //浏览器时下窗口可视区域高度    alert($(document).height()); //浏览器时下窗口文档的高度    alert($(documen...

2017-02-06 16:48:29 126 0

原创 腾讯地图可搜索定点位置

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>测试功能页面</title> <...

2017-01-16 13:35:12 2629 1

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