- 博客(142)
- 收藏
- 关注
RSS订阅原创 【转】用 visibilitychange 事件判断页面可见性
visibilitychange事件介绍简单的说，浏览器标签页被隐藏或显示的时候会触发visibilitychange事件。这个事件可以满足一些用户需求，比如标签页隐藏的时候停止播放音乐视频、停止一些不必要的轮询，还有停止一些诸如轮播等循环动画效果等等。这些可以节省服务器和本地的开销。这个事件已经得到现代浏览器广泛的支持，不过一些老版本的浏览器需要加相应的前缀。Chrome ...
2018-07-30 16:09:37
1199
原创 解决macOS Sierra 隐藏“允许任何来源的应用”选项问题
macOS Sierra 因为增强了GateKeeper的安全性，所以“允许任何来源的应用”选项被隐藏，目的在于避免除Mac AppStore和正规签名外的未知或未签名App在系统内被任意执行，从而威胁用户隐私和系统安全。但这也造成了很多不便。关闭方法：在终端中输入命令"sudo spctl --master-disable"，验证口令后即可。<!-- 如...
2018-07-25 15:06:49
387
原创 js 将json字符串转换为json对象的方法解析
JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象:var str2 = { "name": "cxh", "sex": "man" };一、JSON字符串转换为JSON对象要使用上面的str1，必须使用下面的方法先转化为JSON对象：//由JSON字符串转换为JSO
2018-07-25 14:32:38
1178
原创 【转】js真假判断
自从接触js的真假判断后，感觉整个世界都发生了变化。一些不是boolean的东东可以参与if判断返回true和false。在C#中，只有布尔值或布尔表达式才可以参与if判断，进行流程控制。我总结了一下发现，在js里，一般认为有内容或存在的（值或对象，0除外）进行判断时就是true值，而没有内容或不存在的("",undefined,null等等)进行判断时就是false值。理解可能有些错误，万望指...
2017-05-11 09:07:24
605
原创 【转】移动应用调试之 Inspect
移动端开发时，我们常使用chrome自带的模拟器，模拟各种手机设备。 但模拟毕竟是模拟，当开发完毕，使用真机访问页面出现问题时如何调试呢？下面介绍2种针对android机的调试方法 一.直接使用Chrome浏览器：1.在浏览器中输入待调试的site，F12打开调试窗口；2.根据需要选择不同类型设备进行调试； 二.使用手机真机调试：1. 在pc和android手机...
2017-04-14 12:40:14
265
原创 【转】清除浮动解决方案
两种情况清除浮动包括清除子元素的浮动和清除上级元素的浮动，其中清除上级元素的浮动，只需设置clear为both就可以了，而清除子元素的浮动则可以用空标签法、clearfix方法或overflow方法。因清除上级元素的浮动比较简单，而空标签法清除子元素浮动会增加额外标签，所以在这里主要说clearfix方法、overflow方法及偶然发现的inline-block方法。为什么要清除浮动...
2017-03-21 16:40:58
103
原创 【转】HTML meta refresh 刷新与跳转(重定向)页面
HTML meta refresh 刷新与跳转(重定向)页面refresh 属性值 -- 刷新与跳转(重定向)页面refresh用于刷新与跳转(重定向)页面refresh出现在http-equiv属性中，使用content属性表示刷新或跳转的开始时间与跳转的网址引用网址:http://www.dreamdu.com/xhtml/refresh/refre...
2017-03-09 17:38:34
255
原创 git快捷键
返回上一级目录：cd ..(cd与.. 之间有一空格)。进入某一目录：cd git (进入git目录)显示当前路径：pwd git clone https://github.com/josedvq/topology_docker.git 克隆项目git status 查看文件状态git log 查看提交日志git add <file.nam...
2017-02-13 09:45:25
178
原创 【转】Node.js 究竟是什么？
简介 如果您听说过 Node，或者阅读过一些文章，宣称 Node 是多么多么的棒，那么您可能会想：“Node 究竟是什么东西？” 即便是在参阅 Node 的主页之后，您甚至可能还是 不明白 Node 为何物？Node 肯定不适合每个程序员，但它可能是某些程序员一直苦苦追寻的东西。 为试图解释什么是 Node.js，本文将简要介绍一些背景信息：它要解决的问题，它如何工作，如何运行一个简单...
2017-02-09 11:38:08
122
原创 面试总结
跨域问题只要协议、域名、端口有任何一个不同，都被当作是不同的域。a.baidu.com访问b.baidu.com 是跨域；a.baidu.com:8080访问a.baidu.com:80 是跨域；http://a.baidu.com访问https://a.baidu.com 是跨域JSONP的优缺点JSONP的优点是：它不像 XMLHttpReques...
2017-02-09 10:52:36
133
原创 【转】12个JavaScript技巧
使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值，如果存在就返回true值。为了做这样的验证，我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测，只要变量的值为:0、null、" "、undefined或者NaN都将返回的是false，反之返回的是true。比如下面的示例：function Account(...
2017-01-19 10:58:22
111
转载 【转】CSSOM视图模式(CSSOM View Module)相关整理
一、Window视图属性这些属性可以hold住整个浏览器窗体大小。微软则将这些API称为“Screenview 接口”。包括：innerWidth 属性和 innerHeight 属性pageXOffset 属性和 pageYOffset 属性screenX 属性和 screenY 属性outerWidth 属性和 outerHeight 属性相关属性组对应的兼容性以及使用见下面。1...
2017-01-12 17:04:02
200
原创 【转】HTTP状态码（HTTP Status Code）
HTTP状态码（HTTP Status Code）一些常见的状态码为：200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务不可用所有状态解释：1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。代码 说明100 （继续） 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。101 （切...
2017-01-10 11:33:13
177
原创 【转】jQuery的deferred对象详解
jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难掌握，网上的教...
2017-01-05 11:25:47
105
原创 说说JSON和JSONP，也许你会豁然开朗【转】
前言 由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。 当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能，但这两种方式都有其局限性，前者需要PhoneGap支持，后者要求用户设备必须支持W...
2016-12-14 17:09:37
152
原创 JSON.parse()和JSON.stringify()【转】
parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果：JSON.parse(str) Objectage: "23"name: "huangxiaojian"__proto__: Object 注意：单引号写在{}外，每个
2016-12-14 15:00:47
100
原创 navigator，JS检测浏览器插件【转】
最早由Netscape Navigator 2.0引入的navigator对象，现在已经成为识别客户端浏览器的事实标准。虽然其它浏览器也通过其它方式提供了相同或相似的信息（例如，IE中的window.clientInformation和Opera中的window.opera），但navigator对象却是所有支持JavaScript的浏览器所共有的。与其它BOM对象的情况一样，每个...
2016-12-06 14:57:20
243
原创 【转】javascript的数组和常用函数详解
1.认识数组数组就是某类数据的集合，数据类型可以是整型、字符串、甚至是对象。Javascript不支持多维数组，但是因为数组里面可以包含对象（数组也是一个对象），所以数组可以通过相互嵌套实现类似多维数组的功能。1.1 定义数组声明有10个元素的数组：复制代码代码如下:var a = new Array(10);此时为a已经开辟了内存空间，包含10个元素，用数组名称加 [...
2016-11-24 17:02:04
160
原创 【转】JavaScript中常见的字符串操作函数及用法
最近几次参加前端实习生招聘的笔试，发现很多笔试题都会考到字符串的处理，比方说去哪儿网笔试题、淘宝的笔试题等。如果你经常参加笔试或者也是一个过来人，相信你也跟我一样，发现字符串的处理是前端招聘过程中最常见的题型之一。这些题有一个特点，站在考官的角度去考虑，它考的不是你会不会，而是你能不能在不借用XX手册或者XX指南再或者百度谷歌的情况下，用比较简洁的方式写出答案来。可惜的是，很多开发人员，当然我也...
2016-11-17 11:21:42
126
原创 【转】slice，substr和substring的区别
substr(start [, length])substring(start [, end])slice(start [, end])① 从定义上看： substring和slice是同类的，参数都是字符串的某个｛开始｝位置到某个｛结束｝位置（但｛结束｝位置的字符不包括在结果中）；而substr则是字符串的某个｛开始｝位置起，数length个长度的字符才结束。－...
2016-11-17 11:19:22
152
原创 【转】clearfix终极版
终极版一：1234567.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } .clearfix {*zoom:1;}/*IE/7/6*/ 解释...
2016-11-15 15:40:33
173
原创 【转】img、input到底是行内还是块级元素？
一、img、input属于行内替换元素。height/width/padding/margin均可用。效果等于块元素。 行内非替换元素，例如, height/width/padding top、bottom/margin top、bottom均无效果。只能用padding left、right和margin left、right改变宽度。 二、在文档类型定义（DTD）中对不同...
2016-11-15 14:14:47
662
原创 【转】html5 postMessage解决跨域、跨窗口消息传递
一些麻烦事儿平时做web开发的时候关于消息传递，除了客户端与服务器传值还有几个经常会遇到的问题1.页面和其打开的新窗口的数据传递2.多窗口之间消息传递3.页面与嵌套的iframe消息传递4.上面三个问题的跨域数据传递postMessage()这些问题都有一些解决办法，但html5引入的message的API可以更方便、有效、安全的解决这些难题。postMessage...
2016-11-14 11:14:45
130
原创 JavaScript中的execCommand()命令详解及实例展示【转】
execCommand方法是执行一个对当前文档，当前选择或者给出范围的命令。处理Html数据时常用如下格式：document.execCommand(sCommand[,交互方式, 动态参数]) ，其中：sCommand为指令参数（如下例中的”2D-Position”），交互方式参数如果是true的话将显示对话框，如果为false的话，则不显示对话框（下例中的”false”即表示不显示对话框），...
2016-11-02 10:36:58
167
原创 推荐10 个短小却超实用的 JavaScript 代码段【转】
JavaScript正变得越来越流行，它已经成为前端开发的第一选择，并且利用基于JavaScript语言的NodeJS，我们也可以开发出高性能的后端服务，甚至我还看到在硬件编程领域也出现了JavaScript的身影。JavaScript正在逐渐进化为一门全能的开发语言。但用好JavaScript并不容易，你除了需要掌握它的语法并知道如何写出高质量的代码之外，还需要了解如何解决那些...
2016-07-25 14:38:49
111
原创 CSS使用技巧【转】
作者： 阮一峰日期： 2010年3月31日最近，我开始升级网志了。在修改模板的过程中，需要重写CSS样式表。正好看到instantshift.com有一篇CSS常用技巧的总结文章，我就把它整理出来，供自己参考，也希望对大家有用。未来，本文将持续更新。1. 文字的水平居中将一段文字置于容器的水平中点，只要设置text-align属性即可： t...
2016-07-07 15:31:34
132
原创 数据可视化：基本图表【转】
作者： 阮一峰日期： 2014年11月29日"数据可视化"可以帮助用户理解数据，一直是热门方向。图表是"数据可视化"的常用手段，其中又以基本图表----柱状图、折线图、饼图等等----最为常用。用户非常熟悉这些图表，但如果被问道，它们的特点是什么，最适用怎样的场合（数据集）？恐怕答得上来的人就不多了。本文是电子书《Data Visualization with...
2016-07-06 16:20:11
196
原创 中文字体网页开发指南【转】
作者： 阮一峰日期： 2014年7月15日字体的选择，是网页开发的关键因素之一。合适的字体，对网页的美观度（或可读性）有着举足轻重的影响。但是，相比英文字体，中文字体的网页开发有着极大的局限性。因为，一套中文字体最少也要有几千个字符，体积为几个MB；单单为了浏览网页，开发者不可能让用户去下载字体，只能依靠操作系统的预装字体。（*注：确实有网站提供中文字体的...
2016-07-06 15:47:30
118
原创 自适应网页设计（Responsive Web Design）【转】
作者： 阮一峰日期： 2012年5月 1日随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的...
2016-07-06 14:45:06
100
原创 Firefox专属hack的写法【转】
偏生firefox有个致命的bug就是不撑持input的line-height属性网上搜刮一大圈,终于发明1个好措施,那就是@-moz-document url-prefix(){这搭是放css语句的处所},恁地庞大的一句话,只有firefox熟悉,如许就能够给firefox配置至有关line-height的padding了。.defaultmallsearchbt{width:70px;hei...
2016-07-05 15:45:40
170
原创 JS性能优化之创建文档碎片(document.createDocumentFragment）【转】
讲这个方法之前，我们应该先了解下插入节点时浏览器会做什么。 在浏览器中，我们一旦把节点添加到document.body（或者其他节点）中，页面就会更新并反映出这个变化，对于少量的更新，一条条循环插入也会运行很好，也是我们常用的方法。代码如下： for(var i=0;i<5;i++){ var op = document.createEl...
2016-05-31 18:25:00
93
原创 【转】JavaScript在IE下设置innerHTML时出现"未知的运行时错误"
今天在项目开发中遇到的比较郁闷的问题，特此记录：程序代码思路大致如下,想动态的改变tr标签的innerHTML内容,但是IE却报"未知的运行时错误",让我百思不得其解.<script>document.getElementById('trone').innerHTML = '<td>haha</td>';</script><...
2016-04-26 14:47:09
238
原创 改变鼠标指针图案
可以使用css来控制123.class { cursor:url('路径'),auto;}cursor是支持自定义图标的只要定义该元素的样式，给定路径后，就可以加载。不过要注意的是，考虑到IE的兼容性问题，最好使用ico或cur格式的文件，分辨率最好是32×32...
2016-04-01 15:29:31
837
原创 word-wrap: break-word;和word-break: break-all;的区别【转】
word-wrap是控制换行的。使用break-word时，是将强制换行。中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。 word-break是控制是否断词的。break-all，是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。...
2015-07-02 14:40:59
128
原创 如何优化你的脚本来减少reflow/repaint【转】
1. 避免在document上直接进行频繁的DOM操作，如果确实需要可以采用off-document的方式进行，具体的方法包括但不完全包括以下几种：(1). 先将元素从document中删除，完成修改后再把元素放回原来的位置(2). 将元素的display设置为”none”，完成修改后再把display修改为原来的值(3). 如果需要创建多个DOM节点，可以使用DocumentF...
2015-06-30 10:50:33
92
原创 svn图标不显示的解决方案【转】
最近发现svn图标莫名其妙的不显示，其他操作都正常。在网上搜了一些方法。解决方法一（失败）：升级最新版本，我的本来就是最新版本解决方法二（失败）：右键->TortoiseSVN->setting->Icon Overlays->Status cache->default/Shell。none是不显示解决方法三（失败）：修复或者卸载重装解决...
2015-04-20 16:30:54
111
原创 jQuery中eq和get的区别【转】
相信大部份人都会把这2个的用法搞错。仔细查看下API文档就可以知道。eq返回的是一个jquery对象，get返回的是一个html 对象数组。举个例子：<p style="color:yellow">绯雨</p>使用eq来获得第一个p标签的color值：$("p").eq(0).css("color") //因为eq(num)返回的是个jq对象，所以可以用jq的方法css...
2015-04-14 17:15:48
128
原创 【转】判断JS对象是否拥有某属性
两种方式，但稍有区别1，in 运算符123var obj = {name:'jack'};alert('name' in obj); // --> truealert('toString' in obj); // --> true可看到无论是name，还是原形链上的toString，都能检测到返回...
2015-04-10 17:35:17
111
原创 关于层级z-index
今天找一个很诡异的bug就是ie7下层级关系的问题，我们都知道，ie7不仅孩子大，还必须他的爸爸也大才可以生效，但是我设置爸爸大后，还是不行，然后我就发现这个孩子的值比爸爸的还要大，是不是孩子不可以大于爸爸呢，果然，孩子小于爸爸后，爸爸1大于爸爸2 就生效了。这篇文章不错~http://www.neoease.com/css-z-index-property-and-layering...
2014-11-18 14:47:53
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人