自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(43)
  • 资源 (1)
  • 收藏
  • 关注

转载 mac恢复npm默认路径

之前根据一些教程学习安装npm,设置了例如:npm configsetprefix或npm configsetcache但是由于还不是很了解npm导致使用终端时找不到安装后的命令,想要恢复默认值。方法是:删除.npmrc文件他的位置可以在终端输入:npm config ls框起来的就是文件所在的位置,删除后就会使用默认的路径了。...

2020-03-16 13:49:34 1758

原创 vue axios 快速点击提交多次请求问题

说明: 参考网上import axios from 'axios'let service = axios.create({ baseUrl: '', timeout: 10000})let pending = []; //声明一个数组用于存储每个ajax请求的取消函数和ajax标识let cancelToken = axios.CancelToken;let remove...

2019-08-13 19:01:40 778

转载 Mac 升级 vue 3.x 之前卸载 vue 2.9.6 失败的原因和解决方法

之前安装了 vue 2.9.6 的版本,现在 vue 官方升级到了 3.x 版本,所以想卸载掉 2.9.6 的版本,安装 3.x 版本,结果输入官方给出的命令 npm uninstall vue-cli -g 却无法成功卸载,一直提示 up to time in 0.03s,然后百度和 Google 了好久,也没见到有效的解决方法,最终沉下心慢慢的研究,终于知道了原因,记录下来,方便遇到相同问题的...

2019-05-28 10:38:19 3175 2

原创 vue面试题

vuex存储和本地存储(localstorage、sessionstorage)的区别1.区别:vuex存储在内存,localstorage(本地存储)则以文件的方式存储在本地,永久保存;sessionstorage( 会话存储 ),临时保存。localStorage和sessionStorage只能存储字符串类型,对于复杂的对象可以使用ECMAScript提供的JSON对象的stringi...

2019-02-28 19:21:36 152

原创 移动前端开发之viewport

我们在开发移动设备的网站时,最常见的的一个动作就是把下面这个东西复制到我们的head标签中:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">在苹果的规范中,meta viewport 有6个属性(暂且把conte...

2019-02-20 00:30:58 131

原创 typescript集成webpack,jquery

1、npm i @types/jquery jquery --save-dev2、 webpack.config.js3、tsconfig.json注:每次修改webpack.config.js 都需要重启服务  npm run dev修改tsconfig.json    运行  tsc 命令package.jsonwebpack.config.js...

2018-12-07 12:32:38 832 1

转载 面试题

1. 前言这两天看了一下TOM大叔的《深入理解js系列》中的基础部分,根据自己的实际情况,做了读书笔记,记录了部分容易绊脚的问题。写篇文章,供大家分享。 2. 关于HTMLCollection的“实时查询”var divs = document.getElementsByTagName("div"),      i;for (i = 0; i < divs.length; i...

2018-11-13 17:57:47 116

原创 面试题--碎片

作用域预编译 --》{1、创建上下文(AO对象)2、找将形参及变量申明,(重复的不用列),将形参名及变量作为AO的属性,值为undefined3、将形参值和实参值统一4、在函数体里找函数申明,值赋予函数体}例:function fn(a,b){console.log(a); //function a(){}console.log(b); //u...

2018-09-14 11:19:24 213

翻译 数组操作

合并数组 var arr = [1,2,3,4],arr1 = [12,32,34,,45] //concat方法 var newArr = arr.concat(arr1)   //newArr = [1,2,3,4,12,32,34,,45] //Array.prototype.push.apply Array.prototype.push.apply(arr,arr1)  //ar...

2018-09-12 11:58:23 156

转载 js获取元素的滚动高度,和距离顶部的高度

jq: 获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 :$(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 :$(document).width(); 浏览器当前窗口文档body的高度: $(document....

2018-09-04 16:14:12 22530 1

转载 console.log

console.log支持的格式标志有: 1、console.log('%c测试内容','color:red;font-size:18px;')输出:测试内容2、console.log('%c测试内容,%c测试','color:red;font-size:18px;','color:black;font-size:18px;')输出:测试内容,测试转载自AlloyTea...

2018-08-31 16:30:26 230

原创 首次装redis

1.下载redis下载地址,点这里Redis4.0.0.tar.gz:wget http://download.redis.io/releases/redis-4.0.0.tar.gz2.然后执行make编译源码:$ cd redis-4.0.0$ make如果需要设置密码在,redis.conf文件,修改requirepass值  如:requirepass 1234563.启动服务进入src...

2018-06-07 18:25:48 190

转载 JS获取DOM元素位置与大小

每一个HTML元素都有以下属性offsetWidthoffsetHeightoffsetLeftoffsetTopclientWidthclientHeight  scrollWidthscrollHeightscrollLeftscrollTop1. 偏移量(offsetHeight offsetWidth offsetLeft offsetTop)offsetHeight/offsetWidt...

2018-05-18 10:16:34 8498 1

原创 es7 异步函数 async

var sleep = function (time) {    return new Promise (function (resolve, reject) {        setTimeout(function () {            resolve('ok');        }, time)    })}var start = async function () {    con...

2018-04-12 18:11:06 226

原创 改变xAxis.data数据进行不合并处理

myChart.setOption(option,true); 是告诉图形不合并数据,一定要设置为true,不然多出来的数据会一直存在!会一直存在!会一直存在!

2018-03-09 11:38:07 1276

原创 bootstrap datetimepicker 日期范围限制

只显示截止到今天一年的日期一、引入需要的文件,css,jsbootstrap-datetimepicker.zh-CN.js  汉化jsp/html代码  如下:class="form-group"> class="control-label">开始日期: class="input-group date form_date mr10">

2017-12-12 10:04:39 26392 1

原创 nodeJs 编写文件服务器

1、配置好环境,2、新建一个file_server.js,内容如下图:3、终端进入当前目录,然后输入node file_server.js ../work            //======  ../work   此处是要访问的目录,此目录下要有一个index.html或者default.html文件4、在浏览器输入localhost:8090/index.ht

2017-12-04 14:53:34 555

原创 sublime 搭建nodejs环境

1.安装node2.安装sublime,并安装nodejs插件3.安装好nodejs插件后,浏览程序包,4.通过命令查找node,npm安装路径5.找到nodejs插件这两个配置文件 Nodejs.sublime-build和Nodejs.sublime-settingsNodejs.sublime-buildNodejs.sublime-set

2017-11-30 11:42:49 720

原创 webpack构建工具

第一、安装node,安装好后,npm -v 查看版本,然后利用包管理器npm安装各种包第二、创建目录结构类似下图 app文件夹下放置我们的开发文件,比如 index.less文件和主逻辑main.js文件,以及作为模块文件的module1.js,将来main.js和module1.js都会整合到public目录下的bundle.js中,我们的index.html直接引用bu...

2017-11-16 11:22:45 830

转载 Object.defineProperty

Object.defineProperty ,顾名思义,为对象定义属性。在js中我们可以通过下面这几种方法定义属性// (1) define someOne property namesomeOne.name = 'cover';//or use (2) someOne['name'] = 'cover';// or use (3) definePropertyObject.defi

2017-11-08 10:15:33 232

转载 macbook webstorm 快捷键

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。百度百科现将最常用的快捷键挑出来备忘,既能方便记忆,又能提高工作效率。快捷键

2017-11-01 17:53:08 685

转载 mCustomScrollbar 滚动条插件

如何使用 mCustomScrollbarmCustomScrollbar 这个插件的下载包里面包含了所有的插件文件和一些例子。其中以下的四个文件时必须要上传到服务器上:jquery.mCustomScrollbar.jsjquery.mousewheel.min.jsjquery.mCustomScrollbar.cssmCSB_buttons.png第一步:加载 mCu

2017-10-26 17:58:49 723

转载 正则动态添加变量

一、字面量其实当我们定义一个字符串,一个数组,一个对象等等的时候,我们习惯用字面量来定义,例如:var s = "string";var a = [1,2];var o = {};  如果需要加入变量,那也是十分简单的事情,比如:var v = "bl"; var s = "string" + v;  //"strin

2017-10-19 17:49:36 3393

转载 CSS设置滚动条样式(兼容IE)

1、这是在webkit浏览器下显示的样式。           (个人比较喜欢简约点的)2、在IE浏览器下显示的样式(为了区分所以样式写的不一样,我没找到IE下设置滚动条宽高的方法)下面是代码:[html] view plain copydiv id='scroll'>  

2017-09-14 11:16:17 5456

转载 jQuery.serialize() 函数详解

serialize()函数用于序列化一组表单元素,将表单内容编码为用于提交的字符串。serialize()函数常用于将表单内容序列化,以便用于AJAX提交。该函数不会序列化不需要提交的表单控件,这和常规的表单提交行为是一致的。例如:不在标签内的表单控件不会被提交、没有name属性的表单控件不会被提交、带有disabled属性的表单控件不会被提交、没有被选中的表单控件不会被提交。

2017-09-06 18:14:37 716

原创 jquery 源码学习

1、$.grep 查找满足过滤函数的数组元素。原始数组不受影响。源码:grep: function( elems, callback, invert ) {var callbackInverse,matches = [],i = 0,length = elems.length,callbackExpect = !invert;// Go through the arra

2017-08-29 15:11:58 249

转载 字符串操作正则表达式方法

1、replace():替换reg匹配字符串var reg=/\d/;var str1 = "AAA9BBBB2CCCC3DDDD";console.log(str1.replace(reg,"--"));//AAA--BBBBCCCCDDDD//用--替换字符串中数字,但结果发现却只替换掉了第一个,因为reg默认匹配第个//那么要替换所有的数字,需要在reg后面加个全部的参数 g

2017-08-24 11:12:55 945

转载 js 数组对象去重/排序

js数组对象去重

2017-08-11 20:01:02 358

原创 js 数组去重多种方法

var arr= [1,2,3,2,1,2,1,34,44];方法一:利用jquery $.uniquevar newArr = $.unique(arr);方法二:利用indexOf去重var newArr = [];for(var i=0;iif(newArr.indexOf(arr[i] == -1)){newArr.push(arr[i])}}ret

2017-08-11 19:24:52 217

原创 jquery on方法

jquery on方法小记

2017-08-09 10:07:14 279

原创 localStorage存储数组以及取数组方法

var weekArray = ['周一','周二','周三','周四','周五']存:localStorage.setItem('weekDay',JSON.stringify(weekArray));取: weekArray = JSON.parse(localStorage.getItem('weekDay'));

2017-08-08 18:03:18 24673 2

转载 为什么JavaScript是单线程?

本文摘自阮一峰网络日记

2017-08-07 17:46:03 600

原创 firefox的checkbox选中后按f5刷新或者点上面刷新图标后checkbox还是选中的,只有在地址栏按enter才会消失,解决办法

autocomplete="off"  这个配置在from上或者你的checkbox上

2017-08-07 16:43:50 460

原创 webStorm编写jsp代码缩进不了问题

setting -> File Type - html 里面增加*.jsp

2017-08-04 17:30:43 1719

转载 JQuery在光标位置插入内容

(function($){            $.fn.extend({                insertAtCaret: function(myValue){                    var $t=$(this)[0];                    if (document.selection) {                   

2017-08-04 11:50:38 959

原创 js经典闭包问题

像这样一个代码片段,初学者会理所当然地认为依次点击Li会弹出相应的0、1、2、3、4、5,但实际结果却是这样的闭包简单理解就是:一个函数中嵌套了另一个函数,里面的一个函数要访问外层函数的变量,所以就形成了一个闭包,闭包即是为了保留某些局部变量的值而存在的。解决办法一/*解决思路: 增加若干个对应的闭包域空间(这里采用的是匿名函数),专门用来存储原先需要

2017-08-01 09:37:08 455

转载 jquery如何判断滚动条滚到页面底部并执行事件

首先理解三个dom元素,分别是:clientHeight、offsetHeight、scrollTop。clientHeight:这个元素的高度,占用整个空间的高度,所以,如果一个div有滚动条,那个这个高度则是不包括滚动条没显示出来的下面部分的内容。而只是单纯的DIV的高度。offsetHeight:是指元素内容的高度。依照上面的,那这个高度呢就是DIV内部的高度,包括可见部分及

2017-07-31 17:32:28 272

转载 Zen Coding快速编写HTML代码

你在这里首页 » 博客 » Airen的博客                                                                                        notepad++结合Zen Coding快速编写HTML代码

2017-07-28 14:05:20 985

原创 js中比较两个数组中是否含有相同的元素,可去重,可删除合并为新数组

最近看到一段好用的js端处理两个数组相同元素的代码,觉得挺好记录下来://做比较的两个数组var array1 = ['a','b','c','d','e'];//数组1var array2 = ['d','f','e','a','p'];//数组2//临时数组存放var tempArray1 = [];//临时数组1var tempArra

2017-07-28 14:01:26 2502

原创 Swiper

http://www.swiper.com.cn/demo/index.html

2017-07-28 13:59:47 183

pb8中文参考手册

很不错 实用 初学者必备工具

2013-02-27

空空如也

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

TA关注的人

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