- 博客(144)
- 收藏
- 关注
RSS订阅原创 Promise: 异步编程的理解和使用
Promise 最早出现在 1988 年，由 Barbara Liskov、Liuba Shrira 首创（论文：Promises: Linguistic Support for Efficient Asynchronous Procedure Calls in Distributed Systems）。并且在语言 MultiLisp 和 Concurrent Prolog 中已经有了类似的实现。
2020-07-05 17:59:02
1276
原创 HTML5全屏浏览器兼容方案
最近一个项目有页面全屏的的需求，搜索了下有HTML5的全屏API可用，不过各浏览器的支持不一样。 标准 webkit Firefox IE Element.requestFullscreen() webkitRequestFullscreen mozRequestFullScreen msRequestFullscreen Document.exitFullscre
2018-01-02 11:57:52
1255
原创 JavaScript中typeof，instanceof，hasOwnProperty，in的用法和区别
一. typeof操作符typeof操作符用于返回正在使用值的类型。// 使用原始值let mNull = null;let mUndefined = undefined;let mString = 'mazey';let mNumber = 123;let mBoolean = true;let mFunction = function () { return
2017-12-03 11:53:20
992
原创 Vue+Vuex+Axios+ECharts 画一个动态更新的中国地图
一. 生成项目及安装插件# 安装vue-clinpm install vue-cli -g# 初始化项目vue init webpack china-map# 切到目录下cd china-map# 安装项目依赖npm install# 安装 vuexnpm install vuex --save# 安装 axiosnpm install axios --save
2017-12-03 11:39:43
9053
1
原创 JavaScript深入理解sort()方法
一. 基本用法let arr1 = [3, 5, 7, 1, 8, 7, 10, 20, 19]console.log(arr1.sort())// [1, 10, 19, 20, 3, 5, 7, 7, 8]如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以
2017-11-22 23:51:38
542
转载 CSS3 Flex布局（项目）
一、order属性order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。二、flex-grow属性flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。如果所有项目的flex-grow属性都为1，则它们将等分剩余空间（如果有的话）。如果一个项目的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。三、flex
2017-10-23 22:59:51
290
转载 CSS3 Flex布局（容器）
一、flex-direction属性row（默认值）：主轴为水平方向，起点在左端。row-reverse：主轴为水平方向，起点在右端。column：主轴为垂直方向，起点在上沿。column-reverse：主轴为垂直方向，起点在下沿。.box{ background: #0074D9; display: flex; flex-direction: row-re
2017-10-23 21:54:28
539
原创 JavaScript正则中\1\2的作用
一、示例1. 验证6个相同的数字var reg = new RegExp(/^(\d)\1{5}/g);var a = '333333';if(reg.test(a)) { alert('right');} else { alert('wrong');}2. 验证3个相同的数字+3个相同的字母var reg = new RegExp(/^(\d)\1{2}(
2017-10-23 18:44:02
1045
原创 原生JavaScript写AJAX
前端JavaScript:function ajaxGet(url, obj) { var request; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); } else { request = new ActiveXObject('Microsoft.XMLHTTP
2017-10-23 18:03:27
221
原创 Linux彻底删除mysql5.6
查看安装的mysql组件rpm -qa | grep -i mysqlmysql57-community-release-el6-8.noarchmysql-community-common-5.6.37-2.el6.x86_64mysql-community-client-5.6.37-2.el6.x86_64php70w-mysql-7.0.22-2.w6.x86_64mysq
2017-09-21 16:39:44
7112
原创 JavaScript方法splice()和slice()
1 splice()1.1 说明splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。该方法会改变原始数组。Link1.2 语法arrayObject.splice(index,howmany,item1,.....,itemX)参数index: 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。howmany: 必需。要删
2017-08-08 20:03:07
267
原创 JavaScript函数setInterval()和setTimeout()正确的写法
一、常规写法1.1 不传参数function a (x, y) { var i = 0; var b = function(){ console.log((x * y) + (i++)); } return b;}var c = a(1, 2);setInterval('c()', 1000);1.2 传参数function
2017-08-02 11:23:00
423
原创 JavaSctipt语句for循环的思考
一、语法for (语句 1; 语句 2; 语句 3) { 被执行的代码块;}语句 1: 在循环（代码块）开始前执行, 可选.语句 2: 定义运行循环（代码块）的条件, 可选, 如果省略了语句 2, 那么必须在循环内提供 break, 否则循环就无法停下来.语句 3: 在循环（代码块）已被执行之后执行, 可选.二、常规写法var arr = [1, 2, 3, 4, 5
2017-08-01 11:10:28
333
原创 ECMAScript6箭头函数ArrowFunction"=>"
一、说明ECMAScript6可以用箭头"=>"定义函数。x => x * x或(x) => {return x * x;}与匿名函数function(x){return x * x;}相等。二、示例2.1 没有参数的箭头函数var f = () => 9;console.log(f()); //92.2 一个参数的箭头函数var f = x => x * x;cons
2017-07-17 23:59:16
269
原创 CSS伪类选择器active模拟JavaScript点击事件
一、说明设置元素在被用户激活（在鼠标点击与释放之间发生的事件）时的样式。IE7及更早浏览器只支持a元素的:active，从IE8开始支持其它元素的:active。另：如果需要给超链接定义：访问前，鼠标悬停，当前被点击，已访问这4种伪类效果，而又没有按照一致的书写顺序，不同的浏览器可能会有不同的表现。超链接的4种状态，需要有特定的书写顺序才能生效。注意，a:hover必须位于a:li
2017-07-17 10:17:09
3009
原创 理解CSS3属性transition
一、说明1.1 定义和用法transition 属性是一个简写属性，用于设置四个过渡属性：transition-property:规定设置过渡效果的CSS属性的名称。 transition-duration:规定完成过渡效果需要多少秒或毫秒。 transition-timing-function:规定速度效果的速度曲线。 transition-delay:定义过渡效果何时开始。
2017-07-16 23:45:48
501
原创 SQLServer中exists和except用法
一、exists1.1 说明EXISTS(包括 NOT EXISTS)子句的返回值是一个BOOL值。EXISTS内部有一个子查询语句(SELECT ... FROM...)，我将其称为EXIST的内查询语句。其内查询语句返回一个结果集。EXISTS子句根据其内查询语句的结果集空或者非空，返回一个布尔值。Linkexists：强调的是是否返回结果集，不要求知道返回什么，比如：sele
2017-07-14 12:28:47
2093
原创 JavaScript跳出iframe框架
一、window.toptop属性返回最顶层的先辈窗口。该属性返回对一个顶级窗口的只读引用。如果窗口本身就是一个顶级窗口，top属性存放对窗口自身的引用。如果窗口是一个框架，那么top属性引用包含框架的顶层窗口。二、window.selfself属性可返回对窗口自身的只读引用。等价于Window属性。三、window.locationwindow.loc
2017-07-13 11:56:05
1391
原创 JavaScript通过preventDefault()使input[type=text]禁止输入但保留光标
一、说明取消事件的默认动作。该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。
2017-07-12 20:34:04
2456
原创 CSS3边框border-radius
一、官方解释设置或检索对象使用圆角边框。提供2个参数，2个参数以“/”分隔，每个参数允许设置1~4个参数值，第1个参数表示水平半径，第2个参数表示垂直半径，如第2个参数省略，则默认等于第1个参数。水平半径：如果提供全部四个参数值，将按上左(top-left)、上右(top-right)、下右(bottom-right)、下左(bottom-left)的顺序作用于四个角。如果只提供一
2017-07-12 10:01:26
385
原创 CSS3::nth-child与:nth-of-type区别
一、:nth-child1.1 说明:nth-child(n)选择器匹配属于其父元素的第N个子元素，不论元素的类型。n可以是数字、关键词或公式。 注意：如果第N个子元素与选择的元素类型不同则样式无效！1.2 示例div>p:nth-child(2){ color:red;} 我是第1个段落 我是第2个段落元素，2、父元素的第二个元素。这里
2017-06-24 18:55:00
471
原创 JavaScript:onblur与onfocus区别
一、onblur1.1 说明onblur属性在元素失去焦点时触发，onblur常用于表单验证代码（例如用户离开表单字段）。 1.2 示例二、onfocus2.1 说明onfocus属性在元素获得焦点时触发，onfocus常用于、以及。 2.2 示例JavaScript:onblur与onfocus区别
2017-06-24 14:45:12
1307
原创 jQuery:find()与children()区别
一、find()1.1 说明find()方法返回被选元素的后代元素，一路向下直到最后一个后代。 1.2 示例 1 2console.log($('div').find('span'));<!-- 返回12-->二、children()2.1 说明children()方法返回被选元素的所有直接子元
2017-06-24 12:47:06
504
原创 解决CSS3多列样式column-width布局时内容被截断、错乱
一、问题使用CSS3的column-width: auto | 属性时，出现排列的内容被截断，出现错位的现象。二、原因需要为图片容器设置高度，不然会崩掉。三、解决方法给需要分列的容器加上height:100%;overflow: auto;。解决CSS3多列样式column-width布局时内容被截断、错乱
2017-06-20 22:41:52
2797
原创 解决 IIS 部署网站引用 woff/woff2/svg 字体报 404 错误
一、问题在IIS上部署网站，网页引用woff字体时，浏览器报“找不到woff字体”、“404”错误，不仅预设的字体加载不出来，还影响网页加载速度。二、原因IIS默认设置情况下不识别.woff、.woff2、.svg这几个后缀的文件。三、解决方法在IIS上添加（.woff、.woff2、.svg）MIME类型。三、操作1、打开IIS，找到“MIME 类型”。2、按
2017-06-09 10:01:03
1752
原创 SQLServer与ASP中DATEDIFF函数区别
一、SQLServer:格式:DATEDIFF(interval,startdate,enddate)interval参数:年-yy,yyyy 季度-qq,q 月-mm,m 年中的日-dy,y 日-dd,d 周-wk,ww 星期-dw,w 小时-hh 分钟-mi,n 秒-ss,s 毫秒-ms
2017-06-08 09:16:47
1918
原创 PHP定界符{}的作用
说明：PHP解析一个字符串为"Hello,$World"时会自动解析$World。{}是方便让PHP更快的查找，它告诉PHP这里面就是变量，不用再判断是否是变量了。例子：$name='mazey';echo "I am $name";echo "I am {$name}";以上两个echo输出结果其实是一样的。PHP定界符{}的作用
2017-06-07 00:44:40
468
原创 PHP-Heredoc用法:<<<EOFEOF;
Heredoc，用来输出大段的HTML和JavaScriptEOF;末尾的结束符必须靠边，并且前面不能有空格和缩进符。例如：$mazey=<<<EOF标题内容EOF;echo $mazey;原文
2017-06-05 00:22:32
300
原创 解决table插入tr错位
table中用JavaScript插入隐藏（即display="none";）的tr时，别用display="block";换成display="";
2017-06-03 11:49:43
1303
原创 CSS:text-decoration参数说明
CSS:text-decoration(下划线参数)underline:下划线效果:下划线overline:上划线效果:上划线line-through:贯穿线效果:贯穿线blink:闪烁效果:闪烁(老版火狐支持，现在主流浏览器均不支持)none:无装饰效果:无装饰
2017-06-03 10:53:38
1169
原创 JavaScript-onerror事件:图片加载失败后不显示
HTML:JavaScript://加载失败隐藏图片function hideImg1(){ document.getElementById("img1").style.display="none";}function hideImg2(){ document.getElementById("img2").style.display="none";}说明:Jav
2017-06-02 09:35:07
2190
原创 Linux安装PHP
安装vimsudo yum install vim（使用vi则忽略这一步）下载PHPwget http://cn2.php.net/get/php-7.1.5.tar.gz/from/this/mirror解压PHP文件tar -zxvf mirror安装libxm12yum install gcc gcc++ libxm12-devel（不加下面两步或出现错误：xml
2017-05-18 00:31:18
339
原创 CSS标签内多余内容隐藏
CSS:1 2 .mazey{width:100px;}3 .nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}4 HTML:1 div class="mazey nowrap">http://www.mazey.net/baby/blog/#http://www.mazey.net/baby/bl
2017-05-16 17:13:54
1163
原创 jQuery改变CSS使DIV显示
HTML:www.mazey.netjQuery:$("#mazey").css("display","block");//使id为mazey的div显示出来LinkjQuery改变CSS使DIV显示
2017-05-16 17:13:49
286
原创 JavaScript和jQuery改变标签内容
HTML:contentJavaScript:var mazey=document.getElementById("mazey");mazey.innerHTML=data;jQuery:$("#mazey").html(data);JavaScript和jQuery改变标签内容
2017-05-16 17:13:45
441
原创 JavaScript获取地址栏内容
例如地址为：http://www.mazey.net/baby/blog/index.php?a=1&b=2#cvar query = window.location.href; //http://www.mazey.net/baby/blog/index.php?a=1&b=2#cvar query = window.location.host; //www.mazey.net 1、wi
2017-05-16 17:13:38
724
原创 JavaScript遍历IP段内所有IP
思路：将两个IP转换为数字进行比较，小的那个慢慢加一，直到变成大的那个IP所转换的数字，将这其中的数字再转换为IP地址即为IP段内所有的IP。 1 //IP转数字 2 function ip2int(ip) 3 { 4 var num = 0; 5 ip = ip.split("."); 6 num = Number(ip[0]) * 256 * 256 *
2017-05-16 17:13:31
734
原创 getTrim(strMz)-我的JavaScript函数库-MazeyQ
因为一些旧版本的浏览器对于JS的trim()不支持，所以可以用正则代替此功能。参数：strMz，字符串，必需。function getTrim(strMz) { return strMz.replace(/^\s+|\s+$/gm,'');}
2017-05-16 17:13:26
278
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人