a6617681-CSDN博客

转载 window.location.replace和window.location.href区别

比如有3个页面：跳转关系为 a > b > c；1：b > c 是通过window.location.replace("..xx/c.xx") 此时b页面的url会被c页面代替，并且点击后退按钮时会回退到a页面（最开始的页面);2：b > c 是通过window.location.href("..xx/c.xx") 此时b页面的路径会被c页面代...

2018-12-07 14:45:00 408

转载异步加载js的3种方式

默认情况javascript是同步加载的，也就是javascript的加载时阻塞的，后面的元素要等待javascript加载完毕后才能进行再加载，对于一些意义不是很大的javascript，如果放在页头会导致加载很慢的话，是会严重影响用户体验的。(1) defer，只支持IEdefer属性的定义和用法（我摘自w3school网站）defer 属性规定是否对脚本执行进行延迟，直到页面加...

2018-06-20 14:11:00 180

转载 JS判断客户端是手机还是PC

1 function IsPC() { 2 var userAgentInfo = navigator.userAgent; 3 var Agents = ["Android", "iPhone", 4 "SymbianOS", "Windows Phone", 5 "iPad", "i...

2018-06-19 10:55:00 137

转载 js和jq获取父，兄弟，子节点

1，js获取节点：　　父： parentNode 获取已知节点的父节点。　　子： childNodes; 得到全部子节点　　　　children 得到全部子节点　　　　firstChild 获得第一个子节点　　　　lastChild 获得最后一个子节点　　兄弟：previousSibling 获取已知节点的前一个节点　　nextSibling 获取已知节点下一...

2018-06-19 10:50:00 130

转载 git的一些常用操作

　　Git全局设置[不加--global则为当前项目配置]：　　git config --global user.name ‘Test’ 　　git config --global user.email ‘test@qq.com’　　1、创建git仓库(上传本地文件到空项目)：　　　　a) 进入项目目录 git init　　　　b) git add . ...

2018-06-15 11:54:00 70

转载 css实现椭圆、半椭圆

1. 椭圆1 .ellipse{2 width: 250px;3 height: 150px;4 margin: 50px;5 background: #FFD900;6 border-radius: 50% / 50%;7 }2.半椭圆1 .ellipse{2 width: 550px;3 height...

2018-06-14 16:19:00 1281

转载微信小程序：从本地相册选择图片或使用相机拍照。

wx.chooseImage(OBJECT)从本地相册选择图片或使用相机拍照。OBJECT参数说明：示例代码：1 wx.chooseImage({2 count: 1, // 默认93 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有4 sourceType: ['...

2018-04-17 15:24:00 1258

转载 Regexp：常用的几个正则表达式

1.isEmail1 /**2 * 3 * @desc 判断是否为邮箱地址4 * @param {String} str5 * @return {Boolean} 6 */7 function isEmail(str) {8 return /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*...

2018-04-17 15:09:00 115

转载微信小程序：点击预览图片

在开发微信小程序时，开发人员会参考着小程序api来开发小程序，但有的时候根据情况不同很容易出现bug，以下是我在开发小程序时出现的各种bug，在开发时有需要预览图片。1.xml1 <view class='detail_img'>2 <view class='view_img' wx:for="{{imglist}}" wx:fo...

2017-12-07 14:30:00 414

转载 git与github的区别

一直纠结于这俩个的区别，今天有时间翻看了一些有关git的详解终于把这个问题搞得清楚了，大概就是下面的意思：Git是一款免费、开源的分布式版本控制系统Github是用Git做版本控制的代码托管平台转载于:https://www.cnblogs.com/zywaf/p/7286543.html...

2017-08-04 18:17:00 93

转载多级菜单导航栏

在一些项目中，都会有许多的导航栏，或者菜单栏，有的是二级菜单，有的是三级菜单，更有的是四级菜单，那么这时就会非常头痛，我也是在闲事为大家写了这么一个小demo，希望大家可以参考一下。 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="ut...

2017-08-03 12:04:00 917

转载 GET和POST请求的区别

GET和POST请求的区别GET请求GET /books/?sex=man&name=Professional HTTP/1.1Host: www.wrox.comUser-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6)Gecko/20050225 Firefox/1.0.1Connection...

2017-08-02 17:03:00 90

转载 $.ajax()方法详解

jquery中的ajax方法参数总是记不住，这里记录一下。1.url:要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type:要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout:要求为Number类型的参数，设置请求超时...

2017-08-01 10:22:00 114

转载 js或者jq判断一段文字中是否有自己想要的那几个字，如果有就把那几个字变成红色...

如何判断一段文字中是否有自己想要的那几个字，如果有就把那几个字变成红色（在html中）比如有body中有这么一串文字“驾驶的后视镜的华盛顿”，想要判断里面是否有“驾驶”这两个字，如果有就把这两个字变成红色代码如下所示： 1 //俩中写法 2 <p id="d">例如一个里面有个文章：开发部分的二次开发简要说明文档我设置一个关键字，例开发，然后我让这个文章里的“...

2017-07-31 10:51:00 420

转载清除浮动的原理和方法

问题的由来：在CSS规范中，浮动定位是脱离元素正常流的。所以，只要含有浮动元素的父容器，在显示时不考虑子元素的位置，就当它们不存在一样。这就造成了显示出来，父容器好像空容器一样。比如下面代码：1 <div class="box">2 <div style="float:left;width:100px;height:100px;">&l...

2017-07-28 17:52:00 56

转载 js 数组操作常用方法

push（）：在数组后面加入元素，并返回数组的长度；unshift（）：在数组前面就如元素，并返回数组的长度；pop（）：删除最后一个元素；var arr =[1,2,3,4,5] ;arr.push(6,7,8);console.log(arr);// push：在数组后面加入元素结果是：[1,2,3,4,5,6,7,8]...

2017-07-27 17:07:00 148

转载如何成为一名卓越的前端工程师

原文出处：Philip Walton译文出处：赵锦江（@勾三股四）译注：本文翻译自谷歌工程师 Philip Walton 的一篇博客。看过之后非常有感触，很多观点都是自己长期非常坚持和认同的，所以翻译出来分享给更多的前端同学！　　最近我收到一封读者来信让我陷入了思考，信是这么写的：Hi Philip，您是否介意我问，您是如何成为一名卓越 (great) 的前端工程师...

2017-07-27 11:12:00 43

转载 js实现日期显示的一些操作

1、js获取当前日期（yyyy-mm-dd）以下代码是获取到的当前日期：1 var myDate = new Date(); 2 var year = myDate.getFullYear(); //获取完整的年份(4位,1970-????)3 var month = myDate.getMonth()+1; //获取当前月份(1-12)4...

2017-07-26 15:33:00 135

转载 JavaScript 创建对象的七种方式

转自：xxxgitone.github.io/2017/06/10/JavaScript创建对象的七种方式/JavaScript创建对象的方式有很多，通过Object构造函数或对象字面量的方式也可以创建单个对象，显然这两种方式会产生大量的重复代码，并不适合量产。接下来介绍七种非常经典的创建对象的方式，他们也各有优缺点。工厂模式 1 function c...

2017-07-25 11:47:00 56

转载 ios微信浏览器音乐自动播放

1 setTimeout(function(){2 //一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以 3 document.getElementById('bgmedia').play(); 4 //微信必须加入Weixin JSAPI的WeixinJSBridgeReady...

2017-07-24 16:01:00 119

转载 CSS3伪类使用方法实例

有时候在网页设计中会涉及到很多看上去很繁琐的设计图，这时候都会很让人头疼，那么这时候伪类就可以来帮助你解决问题了。下面有一段实例大家可以参考一下； 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 ...

2017-07-24 15:40:00 145

转载前端面试常见问答

转载：http://www.qdfuns.com/1. 常用那几种浏览器测试？有哪些内核(Layout Engine)? (Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。 (Q2) 内核：Trident，Gecko...

2017-07-24 14:38:00 125

转载常用的20个正则表达式

正则表达式经常被用于字段或任意字符串的校验，比如下面这段校验基本日期格式的JavaScript代码：var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/;var r = fieldValue.match(reg); if(r==null)alert('Date format error!');1、校...

2017-07-24 10:45:00 105

转载关于position:fixed;的居中问题

通常情况下，我们通过操作margin来控制元素居中，代码如下：1 #name{2 maigin：0px auto;3 }但当我们把position设置为fixed时，例如：1 #id{2 position:fixed;3 margin:0px auto;4 }以上代码中的margin:0px auto;会出现失效...

2017-07-21 12:46:00 1325

转载 Html table 合并单元格

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> ...

2017-07-20 18:30:00 94

转载 JS异步加载的三种方式

一、同步加载　　我们平时使用的最多的一种方式。<script src="http://yourdomain.com/script.js"></script><script src="http://yourdomain.com/script.js"></script>　　同步模式，又称阻塞模式，会阻止浏览器的后续处理，...

2017-07-19 10:38:00 175

转载 DOM事件代码小结

以下代码出自《DOM Enlightenment》一书1.三种事件形式 1 <body onclick="alert('触发内联属性事件')"> 2 <div>click me</div> 3 </body> 4 <script> 5 var div = document.querySelecto...

2017-07-18 16:43:00 76

转载用js写一个回车键盘事件

用js来监听键盘事件，代码如下： 1 <script type="text/javascript" language=JavaScript charset="UTF-8"> 2 document.onkeydown=function(event){ 3 var e = event || window.event || arguments.callee....

2017-07-17 11:44:00 285

转载 JavaScript 常用方法总结

1、手机类型判断var BrowserInfo = {userAgent: navigator.userAgent.toLowerCase()isAndroid: Boolean(navigator.userAgent.match(/android/ig)),isIphone: Boolean(navigator.userAgent.match(/iphone|ipo...

2017-07-17 10:53:00 74

转载可拖拽进度条

能够实进度条的拖拽功能，数字也随之变化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> ...

2017-07-14 18:27:00 164

转载 js数组拍平

js数组拍平 var arr=[1,[[[7,2],8,9],3]]; function f(arr) { if (Object.prototype.toString.call(arr) != "[object Array]") return; var newArr = []; var j=...

2017-07-14 12:21:00 153

转载 js验证码倒计时

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>验证码的倒计时</title> <style type="text/css"> *{ margin: 0; p...

2017-07-13 18:29:00 93

转载 select默认选中项颜色为灰色，选择后变为黑色（js实现）

2017-07-11 12:17:00 932

转载获取当前省市区

$.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js', function(){ alert(remote_ip_info.country);//国家 alert(remote_ip_info.province);//省份 ale...

2017-06-30 11:03:00 231

转载 js冒泡排序，数组去重

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 ...

2017-06-29 15:19:00 124

转载 VUE 分页组件

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> a{display:inline-block;margin:0 5px;height:20px;color:#666;background:#e...

2017-06-28 16:09:00 141

转载 js控制手机号码中间用星号代替

$("#tel").html($("#tel").substring(0,3)+"****"+$("#tel").substring(8,11)); 转载于:https://www.cnblogs.com/zywaf/p/7063800.html

2017-06-22 10:56:00 156

a6617681的博客