自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 利用filter来获取素数(质数)

// 下面的就是利用filter来获取素数(质数)function get_primes(arr) {return arr.filter(function (element) {var flag=true;if(element<2){flag=false;}else {for(var i=2;i<element;i++){if (element%i=...

2018-09-19 11:21:26 820

转载 关于Wamp 3.0版本搭建的服务器网页在局域网内出现403的情况

wamp用的就是Apache服务器貌似是因为要解析PHP的关系(可能因此而涉及到安全的问题)所以它默认除本机外 其他设备无法通过http:// ip地址 的方式来访问在www内的网页网上给出的方法大部是在wamp2.0版本时的解决方案即修改 *安装盘*:\wamp\bin\apache\apache2.4.23\conf\httpd.conf1Require local...

2018-08-25 16:36:05 341

转载 window.onerror()的用法

window.onerror = function(sMessage,sUrl,sLine){};onerror函数的三个参数用于确定错误确切的信息,代表的意思依次为:错误信息;发生错误的文件;发生错误的行号。示例:window.onerror=fnErrorTrap;function fnErrorTrap(sMsg,sUrl,sLine){oErrorLog.inne

2018-01-02 22:12:20 1023

原创 Http头介绍:Expires,Cache-Control,Last-Modified,ETag

缓存对于web开发有重要作用,尤其是大负荷web系统开发中。缓存分很多种:服务器缓存,第三方缓存,浏览器缓存等。其中浏览器缓存是代价最小的,因为浏览器缓存依赖的是客户 端,而几乎不耗费服务器端的资源。让浏览器做缓存需要给浏览器发送指定的Http头,告诉浏览器缓存多长时间,或者坚决不要缓存。1.Expires(过期时间)HTTP头信息Expires(过期时间) 属性是HTTP

2018-01-02 21:23:00 662

转载 从setTimeout分析浏览器线程

从setTimeout分析浏览器线程[toc]   今天接到阿里的面试电话,面试官很和善,聊聊天的形式不知不觉就是一个小时。本人接触前端不深,面试的时候问的几个问题也让我发现自身学习过程中思考太少,其中一个就是问到了setTimeout的工作机理,当时简单讲了讲我自己的想法,面试官也指出了其中的问题,现查阅资料重新整理记录。1. setTimeout的表象  setTi

2017-12-29 15:28:54 1224

转载 浏览器UI线程 和 js线程

浏览器中的线程介绍      通常一个浏览器会至少存在三个线程:JS引擎线程(用于处理JS)、GUI渲染线程(用于页面渲染)、浏览器时间触发线程(用于控制交互)。     而因为JS可以操作DOM元素,进而会影响到GUI的渲染结果,因此JS引擎线程与GUI渲染线程是互斥的。也就是说当JS引擎线程处于运行状态时,GUI渲染线程将处于冻结状态。     JS引擎是基于事件驱动,

2017-12-29 15:28:16 725

转载 vuejs2.0 vue实例的生命周期

转自:https://www.cnblogs.com/caizhenbo/p/6418291.htmlvuejs2.0 vue实例的生命周期每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如,实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ,然后在数据变化时更新 DOM 。下图展示的就是一个vue实例对象的生命周期。 

2017-12-24 22:54:14 271

转载 Vue2.0 之父子兄弟组件间通信

转自:http://blog.csdn.net/qq_27346299/article/details/78540751#vue之父子兄弟组件间通信导言最近在写个人简历网页版遇到一个问题,想要将一个组件的dom结构传递给其他兄弟组件,然后进行dom操作,不知怎么在其间传递数据,查阅资料,找到解决方法,现记录如下,整理思路加强学习,同时便于他人参考 创建一个App.vue作为父组

2017-12-24 22:19:37 237

转载 vue2.0父子组件以及非父子组件如何通信

转自:http://blog.csdn.net/mr_fzz/article/details/546368331.父组件传递数据给子组件父组件数据如何传递给子组件呢?可以通过props属性来实现父组件:parent> child :child-msg="msg">/child>//这里必须要用 - 代替驼峰/parent>data(){ retur

2017-12-24 22:12:51 180

转载 vue2.0s中eventBus实现兄弟组件通信

转自http://blog.csdn.net/u013034014/article/details/54574989?locationNum=2&fps=1在vue1.0中,组件之间的通信主要通过vm.$dispatch沿着父链向上传播和用vm.$broadcast向下广播来实现。然而在vue2.0中,已经废除了这种用法。vuex加入后,对组件之间的通信有了更加清晰的操作,对于中大型的项目来说

2017-12-24 21:50:52 363

转载 web前端性能优化总结

转自:http://blog.csdn.net/mahoking/article/details/51472697 网站的划分一般为二:前端和后台。我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等。而前端呢?其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。        而我们建设网站的目的是什么呢?不就是为了让目标

2017-12-24 17:36:59 167

原创 ztree在Vue2.5.2下面的运用实战

最近有兴研究了Vue2中应用ztree插件。方便大家参考。一. 关于Vue创建项目大家可以网上找下。首先要安装node环境,和cnpm镜像,这样可以更快下载相关文件(npm可以替换成cnpm进行相关下载)。1.npm install vuenpm install vue2.npm install -g vue-cli  全局安装下命令行工具cli,可用于快速搭建大型单页

2017-12-08 18:02:03 14550 6

原创 ztree 总结

最近有兴收集下ztree这个用法。顺便写下:一些文件路径的引用:大家自行可以更改下。下面是三个demo:一: ZTREE DEMO - 默认zTree几点无checkbox动态设置节点checkbox出现 --> --> <!-- var settin

2017-12-07 17:42:39 462 1

转载 js计算文件MD5值

基于 GitHub上的库背景自从html5 file api出现以来,我们可以做的事情越来越多,越来越有趣了,之前介绍过 《HTML5实现断点续传》、《HTML5实现拖拽下载》等关于File API的一些实例,今天和大家分享一下,如何用HTML5 file api读取文件的MD5码。MD5码在文件的唯一性识别上有很重要的应用,业内常用MD5进行文件识别、文件秒传、文件安全性检查等。

2017-12-04 16:08:15 7690

原创 Vue2中的各种自定义组件

复制到页面看下效果。 --> --> --> .red{color: #f00;} 模板测试1

2017-11-09 18:03:30 1355

原创 vue2 中的过渡效果

可以打开页面看看效果。

2017-11-09 17:59:46 275

原创 vue component为什么官网的自定义组件不显示及各种自定义组件写法?

基于Vue2的官网。 官网这样写的不显示:因为你还没有一个vue实例对象,也就是主模板,也没有挂载到文档中。 //定义todo-item组件 Vue.

2017-11-08 17:16:54 5941

转载 前端模块化,AMD与CMD的区别

点击打开链接http://blog.csdn.net/jackwen110200/article/details/52105493

2017-11-08 16:58:54 212

原创 vue中使用base64和md5

1.在项目根目录下安装cnpm install --save js-base64cnpm install --save js-md52.在项目文件中引入import md5 from 'js-md5';let Base64 = require('js-base64').Base64;3.在项目文件中使用base64:Base64.enc

2017-11-03 18:05:09 7295

原创 遍历表单的 elements 集合来访问 Input 对象。(DOM elements 集合)

Firstname: Lastname: elements 集合 点击测试 $("#elementsBtn").on('click', function(event) { // 一: // <!-- elements 集合可返回包含表单中所有元素的数组。 // 元素在数组中出现的顺序和它们在

2017-11-03 17:00:40 1960

原创 时间戳和时间相互转换

new Date(456454545).toLocalString()  //把时间戳转换成时间Date.parse(new Date())//把当前时间转化成时间戳

2017-11-03 16:16:49 1645

原创 用原生HTML5控件实现输入框自动提示(下拉列表)

本文介绍如何使用HTML5的输入列表属性和datalist元素,你可以轻松地设置了一个自动提示的输入框,不需要依赖jQuery或JavaScript。实现非常简单,添加 list 属性到input字段,然后创建一个datalist元素。 id值与list属性对应即可。 vue2 中可以这样设置:  这里可以用@keyup调用后台接口 --> 

2017-11-03 11:15:01 3758

原创 location.href.indexOf

var a = location.href.indexOf("?"); var otherkey; if(a>0) { otherkey = location.href.substring(a+1,location.href.length); } else { otherkey = ""; }document.write(otherkey

2017-10-27 11:36:15 7253 1

原创 vue 2.8.2版本配置刚进入时候的默认页面

vue --version查看版本 是 2.8.2;vue 2.8.2版本配置刚进入时候的默认页面比如这里面的goods页面;1.在路由文件下里面的index.js文件 添加 { path: '/', redirect: '/goods/goods' }, // 默认就跳转此页面2.也可以在app.vue里面配置this.$router.push('/goods/goods')

2017-10-13 16:04:17 10256

原创 WebStorm license server

webstorm 用了一段时间后,登不上,可以在打开的时候选择WebStorm license server模块,输入地址 http://idea.iteblog.com/key.php即可。

2017-10-13 10:40:20 777 1

转载 ES5中新增的Array方法详细说明

ES5中新增的Array方法详细说明引用地址:http://www.zhangxinxu.com/wordpress/?p=3220一、前言-索引ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法,如下:forEach (js v1.6)map (js v1.6)fil

2017-09-01 17:24:00 229

转载 vue仿京东省市区三级联动选择组件

原文地址:http://www.cnblogs.com/jasonwang2y60/p/6538110.html工作中需要一个盒京东购物车地址选择相似的一个省市区三级联动选择组件,google查了下都是下拉框形式的,于是自己写了一个,希望对使用vue开发项目的朋友有帮助,显示效果如下:使用vue2.0开发html代码如下 class="sho

2017-09-01 17:22:34 8442 1

转载 js实现完美身份证号有效性验证--身份证算法

原文http://www.cnblogs.com/lzrabbit/archive/2011/10/23/2221643.html点击打开链接最近需要对身份证合法性进行验证,实名验证是不指望了,不过原来的验证规则太过简单,只是简单的验证了身份证长度,现在业务需要加强下身份证验证规则,网上找到了不少资料,不过都不合偶的心意,无奈只好直接写一个,代码还是用自己的舒服哈已实现功能:支

2017-08-01 19:29:40 849 1

原创 select取得选中的值

记录一下。本来以为$("#select").val();是取得选中的值,那么$("#select").text();就是取得的文本。这是不正确的,正确做法是:$("#select  option:selected").text();

2017-08-01 14:11:36 213

原创 前端开发的那点事-------------ie绝对是个神坑,360浏览器的兼容模式依然是个神坑

最近做公司的pc官网。发现ie上个有个bug 是个神坑,在其他的谷歌,火狐上都是可以的就是ie11不行,还是高版本的ie呢我用的是input框的input事件,在页面初始化加载接口,展示数据的时候,会走input中的input事件,奇葩了,在其他的主流浏览器上就不会出现,而我input初始化的时候啥都没操作的,所以在这里记录下这个神坑,如果有用到的同学,可以看下是不是也遇到过这个问题。将原

2017-07-26 11:03:37 3560

转载 fullPage.js学习笔记

原文:http://www.cnblogs.com/EnSnail/p/5880385.html 中秋节,一个人呆着,挺无聊的,还是学习最有趣,不论是什么,开阔视野都是好的。  参考网址:http://www.dowebok.com/77.html  上面有详细介绍及案例展示,很不错哦,可以先去看看demo  一、简介   fullPage.js 是一个基于jQue

2017-07-25 11:10:06 305

原创 1.360浏览器的兼容模式坑货 2.关于ie7下display:inline-block;不支持的解决方案-

一:最近在做pc官网的时候,测试拿360的浏览器测试,结果炸了,开发好久现在基本都不考虑ie的低版本了,结果测试拿的是360的ie兼容模式,跪了,css3不兼容,打开审查元素后果然和预料的一样,是ie7 的模式,而且还是标准模式哦,结果一天都在调样式,还有的接口还实现不了,马丹的。后来实在不想改了,在网上搜了下,网站用360打开的时候,给他默认的用极速模式打开,在head标签里设置。

2017-07-24 20:07:43 3582 1

转载 H5页面调用客户端登陆说明----转(收藏)

原网址:http://open.12580.com/goMenuUrl.chtml?a=5644 借鉴学习下:(以下是正文)文档说明本文档主要介绍H5页面如何解析客户端传来的用户登录信息。以及如何根据解析后的用户登录信息来要求用户登录或者绑定手机号码的操作。客户端传递用户信息方式客户端目前会在打开第三方页面的时候,在url地址里面拼接上toekn字符串:

2017-07-22 14:12:35 5275

原创 判断终端是pc还是mobile,返回值为number,0为pc,1为mobile,pc&mobile

/*判断终端是pc还是mobile,返回值为number,0为pc,1为mobile,pc&mobile*/         function IsWap() { var motionType = 0; var sUserAgent = navigator.userAgent.toLowerCase(); var b

2017-07-22 11:48:47 339

原创 判断是否是微信和微信的版本号

判断是否是微信和微信的版本号判断是不是特定类型的浏览器,比如新浪weibo客户端内置浏览器,qq客户端内置浏览器(而非qq浏览器),微信内置浏览器(并且区分版本是否大于等于6.0.2)(特定类型浏览器可能会存在,无法下载,无法跳转和自己的客户端app的特定协议等等,所以需要区分)(由于微信在6.0.2的时候做了新的策略,使得微信的分享功能在新版本变得不一样,为了兼容新旧

2017-07-22 11:44:39 1142

原创 上传图片模拟

//获取图片路劲的方法,兼容多种浏览器,通过createObjectURL实现             function getObjectURL(file){                   var url = null;                   if(window.createObjectURL != undefined){                   

2017-07-17 11:40:30 228

原创 判断上传图片的尺寸和大小demo

window.check=function(){          var input = document.getElementById("file");          if(input.files){                          //读取图片数据            var f = input.files[0];            var r

2017-07-17 11:34:50 848

原创 判断上传图片的尺寸和大小 ----实战

//判断上传图片的尺寸和大小function checkImgFileSize(idName){    var imgFileInput = document.getElementById(idName);      if(imgFileInput.files){        var imgFile = imgFileInput.files[0];        var re

2017-07-17 11:33:39 402

原创 省市接口数据

省市调用后台接口后返回的数据。

2017-07-10 15:00:41 5782

原创 js获取url参数值比如token和id

比如要获取这个页面的URL后面的参数信息token和idindex.html?token=9b68dd98306327bf&id=15 (可以在后面index.html后面加上?token=9b68dd98306327bf&id=15刷新页面进行测试。)//获取地址参数 token,id function GetQueryString(name){ var r

2017-07-08 16:18:22 11316

空空如也

空空如也

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

TA关注的人

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