自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(48)
  • 收藏
  • 关注

转载 vscode安装eslint插件,代码统一自动修复

ESlint:是用来统一JavaScript代码风格的工具,不包含css、html等。方法和步骤:通常情况下vue项目都会添加eslint组件,我们可以查看webpack的配置文件package.json查看,也可以查看工程下是否有.eslintrc.js和.eslintignore查看到eslint是否开启。当我们编写不符合eslint规...

2019-09-05 10:25:00 5122

转载 ElementUI datepicker日期选择器时间选择范围限制

ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细,这里做一个element-ui日期插件的补充。最近做项目用到了datepicker,需要对日期选择做一些限制,以下情景:选择的时间范围最多为一年,而且只能选择当前日期之前的,2016-01-01之后的日期,代码如下: data() { return { type...

2019-08-28 16:05:00 3819

转载 vue-router使用next()跳转到指定路径时会无限循环

router.beforeEach((to, from, next) => { let urls = JSON.parse(sessionStorage.getItem('urls')) if (!urls) { return next() } else { let result = urls.includes(to....

2019-08-23 16:38:00 2813

转载 react 项目 mock数据

前言我们都知道在实际的开发阶段,后端接口开发是和前端开发同步进行,甚至迟于前端的进度,这就直就导致前端需要等待后端接口的时间。这种情况就严重导致前端开发缓慢,那这时候前端的开发人员只能写静态模拟数据。使用静态的json来模拟数据这种情况是按照既定的数据格式(接口文档等),自己提供静态的JSON数据,用相关工具做接口来获取这些数据。该方法仅仅使用get请求。...

2019-06-26 22:11:00 393

转载 让create-react-app支持sass,less

用create-react-app 创建的项目不支持sass和less,需要手动配置npm install node-sass sass-loader --save然后在config/webpack.config.js中添加以下代码,红色框的是新添加的代码:项目是采用create-react-app 搭建的脚手架工程如何应用CSS Module...

2019-06-26 16:04:00 164

转载 利用create-react-app从零开始搭建React移动端环境

一 开始1 全局安装脚手架npm install -g create-react-app这有个坑,就是在window下安装一直会报错,报错信息如下:解决办法:在开始菜单栏里打开cmd的时,右击选择“以管理员身份运行”。然后再在打开的cmd里运动install就没问题了。2 通过脚手架搭建项目create-react-app <项目名称&...

2019-06-03 15:28:00 206

转载 js 验证 -身份证等

js验证身份证:function isIdCard(idCard) { var num = idCard.toLowerCase().match(/\w/g); if (idCard.match(/^\d{17}[\dx]$/i)) { var sum = 0, times = [7, 9, 10, 5, 8, 4, 2, 1,...

2017-12-12 10:13:00 88

转载 chrome跨域拓展工具

下载chrome跨域扩展工具1)http://crx.2333.me/扩展程序id:nlfbmbojpeacfghkpbjhddihlkkiljbi转载于:https://www.cnblogs.com/alice626/p/6549044.html

2017-03-14 16:09:00 119

转载 css滚动相关问题记录

1) 关于滑动加速优化,可以通过css进行处理例如,html如下:<div class="content-dialog"> <h1>活动规则</h1> <div class="content" id="content" v-bind:style="{ 'height': contentHeight ...

2017-03-03 17:23:00 66

转载 javascript异步编程的几种方法

目前工作中用的比较多的异步模式编程有如下几种方法一 回调函数这是异步编程最基本的方法,假设有两个函数f1和f2,后者等待前者的执行结果f1();f2();如果f1是一个很耗时的任务,可以考虑改写f1,把f2写成f1的回调函数function f1(callback){ setTimeout(function(){ // f1的任...

2017-02-27 16:44:00 69

转载 清除微信浏览器网址的缓存,cookie

清理微信浏览网站的缓存,Cookiehttp://blog.csdn.net/cui55/article/details/53939462怎么清除IOS微信浏览器中的cookie?退出微信重新登录即可转载于:https://www.cnblogs.com/alice626/p/6406151.html...

2017-02-16 15:59:00 183

转载 微信长按二维码遇到的问题

今天遇到一个问题,两个并排的二维码,在微信里面只能识别一个,查了下资料;原来采用的原理是:截屏识别 ,而不是img中的图片详细资料:http://mp.weixin.qq.com/s?__biz=NzA3OTQ2OTgw&mid=205918916&idx=1&sn=d729ef70ea1e7fc50e649352a63a2564&scene...

2017-02-16 15:58:00 423

转载 CSS 实现隐藏滚动条同时又可以滚动(转)

CSS 实现隐藏滚动条同时又可以滚动移动端页面为了更接近原生的体验,是否可以隐藏滚动条,同时又保证页面可以滚动?使用overflow:hidden隐藏滚动条,但存在的问题是:页面或元素失去了滚动的特性。由于只需要兼容移动浏览器(Chrome 和 Safari),于是想到了自定义滚动条的伪对象选择器::-webkit-scrollbar。关于这个选择器的介绍可以参...

2016-12-21 10:44:00 2207

转载 npm install 时总是报phantomjs-prebuilt@2.1.14安装失败

在npm install时总是报如下错误,尝试单独安装:npm installphantomjs-prebuilt@2.1.14 还是报错Please report this full log at https://github.com/Medium/phantomjsnpm ERR! Darwin 15.0.0npm ERR! argv "/usr/local/...

2016-12-21 10:39:00 142

转载 es6 中的let,const

在es6中,let的作用和var差不多,都是用来声明变量的,但是他们之间的区别在于作用域不同,大家都知道在js中没有块级作用域,例如:for(var i=0;i<10;i++){ console.log(i)}在上面的代码中,i的作用域范围是由执行环境决定的,如果是在全局环境中执行,则i的作用域就是全局的,如果是在某一个函数中执行,则i的作用域就是在此函...

2016-12-09 16:53:00 63

转载 $.proxy用法详解

jQuery中的$.proxy官方描述为:描述:接受一个函数,然后返回一个新函数,并且这个新函数始终保持了特定的上下文语境。官方API;jQuery.proxy( function, context )function为执行的函数,content为函数的上下文this值会被设置成这个object对象jQuery.proxy( context, name ) ...

2016-10-27 17:40:00 162

转载 jquery 之 Deferred 使用

Deferred是jquery的promise接口的实现。他是非同步操作的通用接口,可以看作是完成一个任务之后再执行另外一个任务。观察者模式是开发中经常使用的模式,这个模式由两个主要部分组成:主题和观察者。通过观察者模式,实现主题和观察者的解耦.主题负责发布内容,而观察者则接收主题发布的内容。在 jQuery 中,实现观察者模式的就是 Deferred 了,我们先看它的使用。...

2016-06-13 17:33:00 121

转载 js获取当前url的参数

可以用正则表达式获取当前url参数,例如:var t={ getQueryString:function(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.subs...

2016-05-23 01:06:00 52

转载 localstorage存储对象

之前在客户端存储数据一直用的是cookie,由于有大小等限制,随着html5时代的到来,现在大多数用的是localstorage存储数据:例如:localStorage.setItem("key","value");//存储变量名为key,值为value的变量localStorage.key = "value"//存储变量名为key,值为value的变量 loca...

2016-05-23 00:58:00 83

转载 underscore中template的使用Demo

在客户端渲染数据时,一般可通过underscore中的template对数据模板进行渲染,例如:定义模板,需要把type类型设置为“text/template”<script type="text/template" id="tpl"><% _.each(data, function (item) { %> <div class="...

2016-05-23 00:45:00 207

转载 Mac上的抓包工具Charles[转载]

今天就来看一下Mac上如何进行抓包,之前有一篇文章介绍了使用Fidder进行抓包http://blog.csdn.net/jiangwei0910410003/article/details/19806999不过可惜的是,Fidder使用C#开发的,所以就不能在Mac上使用了,不过还有另外一个抓包神器,就是Charles,它是Java开发的,所以跨平台,不仅可以在Mac上使用...

2016-05-15 23:30:00 47

转载 js 实现自动调出键盘

在app中,在页面加载完成之后,给输入框添加一个focus,不能自动调出软键盘,可以用以下方式实现: //触发键盘 $("#content").on("touchstart", function () { $(this).focus(); }) $...

2016-04-26 17:49:00 845

转载 Mac下git安装(使用Xcode)

(不使用Xcode的出门右转百度其他方法:比如直接安装git软件包。)一、AppStore最安全途径:搜索下载Xcode,(需要AppleID)。其他:直接百度Xcode下载。二、Xcode打开Xcode-->Preferences(快捷键 Command + ,(逗号))点击Locations选项,Command Lin...

2016-04-21 09:41:00 185

转载 weinre远程调试

一: 关于weinreweinre是一款依赖于nodejs的远程调试工具,现阶段一般用到手机app上调试非常的强大二: weinre的安装1) 安装 nodejs以及npm2) 安装weinre npm -g install weinre三: weinre使用例子1) 打开命令行,输入: weinre --boundHost...

2016-04-19 16:25:00 92

转载 Css Sprite Demo

一般为了减少Http请求数,会把多张图片合并成一张图片,然后通过改变background-position属性值,来显示对应的图片,例如类别栏目html代码: <div class="cat"> <ul > <li class="cat-1"> <i></i> ...

2016-04-10 23:44:00 97

转载 sublime 常用快捷键

常用快捷键如下Ctrl + P 查找文件Ctrl + P -----------菜单上的解释是gotoanythings,用"#"匹配,用"@"可以在js文件中匹配相应的类Ctrl + H 替换Ctrl + F 查找Ctrl + N 新建文件Ctrl + D 选中游标所在的单词Ctrl + L 选中当前行Ctrl + Sh...

2016-04-10 23:32:00 74

转载 css 盒子模型 以及 box-sizing属性

在标准的盒子模型下,css中 width,padding以及border的关系关于css中的width和padding以及border的关系。在css中,width和height指的是内容区域的宽度和高度,增加padding,border,和margin不会影响内容区域的尺寸,但是会增加元素框的总尺寸。例如: 这样设置div:width=300px; padding=...

2016-03-25 09:58:00 179

转载 jquery中bind,live,delegate,on的区别

这几种方法都是绑定事件用到的,但是他们之间有些差别bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数例如: <ul> <a href="#"><li>1111111</li></a> <a href="#"><li...

2016-03-15 17:28:00 58

转载 js 数组排序

javascript提供一些内置的方法进行排序,例如:sort,reverse()方法等reverse()方法就是用于 颠倒数组中元素的顺序 ,例如:var array=new Array(2);array[0]="hello";array[1]="alice";console.log(array);console.log(array.reverse()...

2016-03-15 15:38:00 70

转载 javascript 数组 去重

javascript数组去重有如下 方法:一) 利用 数组中的 indexOf判断例如:Array.prototype.unique=function(){ var n=[]; for(var i=0;i<this.length;i++){ if(n.indexOf(this[i])==-1){ ...

2016-03-15 14:47:00 51

转载 原型链的继承

原型链的问题原型链的作用很强大,可以用来实现继承,但是也会有一些问题,最大的问题就是引用类型值得原型属性会被所有实例共享实例是什么? 实例就是 new 对象名称() ; 例如: var instance=new Person(); instance就是实例;例如: var SuperType=function(){ this.colors=["...

2016-03-15 00:15:00 66

转载 Angular Js 控制器

在Angularjs中用ng-controller指令定义了应用程序中的控制器;例如:<div ng-app="myApp" ng-controller="myCtrl">姓: <input type="text" ng-model="firstName"><br>名: <input type="text" ng-model="l...

2016-03-13 16:55:00 163

转载 Angular-ui-router路由,View管理

ui-router的工作原理非常类似于Angular的路由控制,他只关注状态。Angular模板最简单的模板,例如main.html:<body data-ng-app="myApp"><h1>AngularJS Home Page</h1> <div ui-view></div></bo...

2016-03-11 18:48:00 133

转载 jquery插件之jquery.extend和jquery.fn.extend的区别

jquery.extendjquery.extend(),是拓展jquery这个类,即可以看作是jquery这个类本身的静态方法,例如:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type...

2016-03-06 22:48:00 98

转载 block,inline和inline-block的区别

概念block是块级元素,会被现实认为是单独的一块,会单独占一行。常见的block元素有:DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。inline内联元素,不会产生换行,一系列的inline在一行内显示,直到排满为止。常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT...

2016-03-04 15:06:00 99

转载 css 中 div垂直居中的方法

在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSSHack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,例如表格元素中的<td>、<th>、<capti...

2016-03-04 10:14:00 48

转载 Native App vs Web App 以及 Hybrid App的实现原理

移动应用基本的三种类型1) Native 应用程序2) Web 应用程序3) 混合应用程序(Hybrid: Native应用和web应用结合)Native 应用直接运行在电脑上或者智能手机上的本地应用优点:1) 能够访问手机上的所有功能(GPS,相机等)2) 更好的运行速度,性能和用户体验3) 支持离线工作(因为是在设备上运行而非we...

2016-02-25 17:28:00 66

转载 小结

CommonJsCommonJs规范给javascript制定了一个美好的愿景-----希望javascript能够在任何地方运行。CommonJs是一种规范,NodeJs是这种规范的实现。Node借签CommonJs的Modules规范实现了一套非常易用的模块系统,NPM对Packages规范的完好支持使得Node应用在开发过程中事半功倍。CommonJs的模块规范Co...

2016-02-24 13:28:00 77

转载 函数原型

原型链概要Prototype属性是javascript为每个Function实例创建的一个对象。Prototype属性来自Function构造函数,Function构造函数为每个实例赋一个prootype属性var myFunction = function() {};console.log(myFunction.prototype);//输出myFunction{}...

2016-02-23 18:30:00 102

转载 理解javascript this 值

如何确定this的值this值会被传递给所有函数,this的值是基于运行时调用函数的上下文。例如:从全局作用域调用sayFoo函数时,this引用window对象 当它作为myObject的一种方法调用时,this引用myObjectvar foo = "foo"; var myObject = { foo: "I am myO...

2016-02-23 18:11:00 62

空空如也

空空如也

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

TA关注的人

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