- 博客(57)
- 收藏
- 关注
RSS订阅原创 防止网页被iframe嵌入的代码
try{ top.location.hostname; if (top.location.hostname != window.location.hostname) { top.location.href =window.location.href; }}catch(e){ top.location.href = window.location.href;}
2015-12-02 16:14:30
3195
1
原创 用对象改写switch结构
switch结构不利于代码重用，往往可以用对象形式重写。var o = { banana: function (){ return }, apple: function (){ return }, default: function (){ return }};if (o[fruit]){ o[fruit]();} else { o['defau
2015-08-18 15:25:19
1757
原创 avalon中的模板绑定（ms-include）
avalon中的模板引入分为 内部模板 和 外部模板1.内部模板 .ms-controller,.ms-important,[ms-controller],[ms-important]{ display: none; visibility: hidden; }
2015-06-19 15:02:50
5653
原创 用css对webkit内核的浏览器自定义滚动条
用css设置webkit内核浏览器的滚动条主要设置以下7个属性：1.::-webkit-scrollbar /*滚动条整体部分，可以设置宽度高度*/2.::-webkit-scrollbar-button /*滚动条两端的按钮*/3.::-webkit-scrollbar-track /*外层轨道*/4.::-webkit-scrollbar-track-piece /*内层滚
2015-05-18 11:50:00
1954
转载 FF和IE的一些兼容解决方案
一、document.formName.item("itemName") 问题问题说明：IE下，可以使用 document.formName.item("itemName") 或 document.formName.elements ["elementName"]；Firefox下，只能使用document.formName.elements["elementName"]。解决方法：统
2015-05-15 10:36:46
776
原创 js及jquery获取页面和元素的宽高
js：网页可见区域宽： document.body.clientWidth;(不含滚动条)网页可见区域高： document.body.clientHeight;(不含滚动条)网页可见区域宽： document.body.offsetWidth;(包括边线的宽); 网页可见区域高： document.body.offsetHeight;(包括边线的宽);网页正文全文宽： doc
2015-05-10 22:16:09
1556
原创 判断一个对象是否是数组
在js中用typeof运算符判断数组的类型时，报告是“object”，这样看来没有任何意义。下面用一个很好的方式来区分数组和对象：var is_array = function(value){ return Object.prototype.toString.apply(value) === '[object Array]';}
2015-05-10 14:00:29
1265
原创 继承已有对象创建新对象
当创建一个新对象时，可以选择某个对象作为它的原型，上代码：Object.create = function(o){ var F = function(){}; F.prototype = o; return new F();}var objectA = {};var objectB = Object.create(objectA);
2015-05-09 23:49:33
1332
原创 关于使用seajs时报错：Uncaught ReferenceError: $ is not defined
没有使用seajs模块化的时候，引用jquery没有出现这个问题。后来在使用seajs进行模块化时，引入jquery插件的时候，老是报这样的错误，在网上查了下原因大概是：1.jquery库文件的路径不对，检查文件路径是否正确一般就能解决该错误。2.如果库文件的路径是正确的，那么可能在html中加载jquery库文件顺序有误，如果将jquery库文件加载放到最开始位置，即可以解决该错误。
2015-05-07 11:26:07
5837
原创 css3动画属性--animation（动画）
CSS3中的animation与HTML5中的Canvas绘制动画又不同，animation只应用在页面上已存在的DOM元素上。运用animation能创建自己想要的一些动画效果，但是有点粗糙。了解animation之前得知道"Keyframes",我们把他叫做“关键帧”。Keyframes具有其自己的语法规则，它的命名是由"@keyframes"开头，后面紧接着是这个“动画的名称
2015-03-27 11:03:12
3992
原创 css3动画属性--transition（转换）
css3的transition允许css的属性值在一定的时间区间内平滑地过渡。语法：transition ： [ || || || [, [ || || || ]]* transition主要包含四个属性值：transition-property（变换的属性），transition-duration（变换延续的时间），transition-timing-function（在延续时
2015-03-24 18:15:47
3470
原创 css3动画属性--transform（变形）
在css3中transform主要包括以下几种：rotate（旋转）、translate（移动）、scale（缩放）、skew（扭曲）以及matrix（矩阵变形）。语法：transform ： none | [ ]* 也就是：transform: rotate | scale | skew | translate |matrix;none表示不进行变形，transform的这些属性
2015-03-23 17:03:50
2603
原创 CSS修改HTML5 placeholder颜色
placeholder是html5中输入框的一个新的属性（input，textarea）。它主要用于当输入框没输入内容时，给出的默认显示文案，比如说“请输入账户名”等，对于这个属性，不同的浏览器所显示的样式是不一样的，因此就需要统一一下：input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
2015-03-22 21:35:47
8438
原创 Git删除远程仓库中误传的文件
使用git的时候，有时没在ignore记事本中配置一些不需要上传的文件时，很可能就会造成误传，比如使用webstorm开发时就会自动生成一个.idea文件夹。如果上传的时候误传了怎么办？下面是删除的步骤：将本地.idea目录改名，这个步骤适合于不是你push该目录，是别人上传的：mv .idea/ .idea_back如果是自己push的，可略过上面步骤。删除.idea目录下文
2015-03-22 18:24:29
5247
原创 null和undefined
说起null跟undefined，相信很多人既熟悉，又迷惑。null是一个特殊值，常用来描述“空值”，它可以表示数字，字符串和对象是“无值”的，对null执行typeof会得到“object”。undefined是变量的一种取值，表明变量没有初始化，对undefined执行typeof会得到“undefined”。因为二者都是表示“值的空缺”，所以判断相等运算符“==”认为二者是相等的
2015-03-21 15:59:31
942
原创 css实现背景透明，内容不透明
实现透明的css方法通常有以下3种方式：• css3的opacity:x，x 的取值从 0 到 1，如opacity: 0.5• css3的rgba(red, green, blue, alpha)，alpha的取值从 0 到 1，如rgba(255,255,255,0.5)• IE专属滤镜 filter:Alpha(opacity=x)，x 的取值从 0 到 100，如filt
2015-03-20 11:17:19
1696
原创 css3中的calc()
什么是calc()?calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。calc()最大的好处就是用在流体布局上，可以通过calc()计算得到元素的宽度。calc()能做什么？calc()能让你给元素的做计算
2015-03-19 11:43:02
3281
原创 js数组去重
Array.prototype.del = function(){ var a = {}, c = [], l = this.length; for (var i = 0; i < l; i++){ var b = this[i]; var d = (typeof b) + b; if(a[d] === undefined){ c
2015-03-18 15:30:38
781
原创 去除iphone中Safari给按钮默认添加的UI样式
之前在做一个活动页面，里面用到了 input 的 button，写完样式在安卓手机上面测试没有问题，但是在iPhone的Safari中的样式完全变了。在网上搜索了一下，原来是Safari默认添加上的样式。而且不仅仅是button，还有submit，reset。找到原因，赶紧解决，下面献上css代码：input[type="submit"],input[type="reset"],
2015-02-12 18:13:14
2846
原创 js数组对象的方法
js中数组的一些方法总结：1.concat()连接两个或更多的数组，并返回结果数组2.join()把数组的所有元素放入一个字符串。元素通过制定的分隔符进行分隔3.pop()删除并返回数组的最后一个元素4.push()向数组的末尾添加一个或更多元素，并返回新的长度5.reverse()颠倒数组中元素的顺序6.shift()删除并返回数组的第一个元素
2015-02-10 14:18:27
877
原创 js中的逻辑与（&&）操作
上文介绍了逻辑或的操作，这篇介绍逻辑与的操作：1.对于布尔值，逻辑与是非常简单的，只要有一个false，就返回false2.对于不是布尔值的情况则：A.如果第一个操作数是对象，则返回第二个数；B.如果第二个操作数是对象，则只有在第一个操作数的求值结果为true的情况下才会返回该对象；C.如果第两个操作数都是对象，则返回第二个数操作数；D.如果有一个操作数是null，则返回n
2015-02-10 10:43:34
1378
原创 js中的逻辑或（||）操作
在js中用到逻辑或：|| 的时候比较多，下面总结一下它的用法：1.对于布尔值，只要有一个true，就返回true2.对于不是布尔值的情况则：A.如果第一个操作数是对象，则返第一个操作数；B.如果第一个操作数的求值结果为false，则返回第二个操作数；C.如果两个操作数都是对象，则返回第一个操作数；D.如果两个操作数是null，则返回null；E.如果两个操作数是NaN，
2015-02-10 10:36:40
1763
转载 移除DOM元素
在IE中移除容器内的节点，会引起内存泄露，最好是创建一个新的节点，比如div，然后将要删除的节点放入这个div中，再将div的innerHTML清空。其它的浏览器直接removeChild就可以了。js代码如下：var removeNode = !+"\v1" ? function(){ var d; return function(node){ if(no
2015-02-09 11:09:29
1986
原创 使用（!+"\v1"）判断是否是IE浏览器
之前在一牛人博客上面看到（!+"\v1"）这种写法，然后马上找度娘，找到答案。其实就是利用了ie的一个bug。在ie浏览器中，"\v"没有转义，得到的结果为"v"而在其他浏览器中"\v"表示一个垂直制表符（一定程度上相当于空格）所以ie解析的"\v1" 为 "v1"而其他浏览器解析到 "\v1" 为 "1"在前面加上一个"+"是为了把后面的字符串转变成数字由于i
2015-02-09 10:29:19
1622
原创 移动web端css实现文本单行省略及多行省略
单行省略：selector{ -o-text-overflow: ellipsis;/*兼容opera*/ text-overflow: ellipsis;/*这就是省略号喽*/ overflow: hidden;/*设置超过的隐藏*/ white-space: nowrap;/*设置不折行*/ width:200px;/*设置宽度*/}多行省略：因为移动端浏览器用
2015-02-06 12:08:37
3641
转载 CSS hack 整理（更新于20141109）
浏览器的兼容性一直是个头疼的问题，使用“欺骗”技术可使各个浏览器效果一致，花了些时间整理了各个浏览器的HACK，主要包括IE系列和最新版本的Chrome、Safari、Firefox、 Opera，比较全面的记录下Hack，内容包括3部分：媒体查询 hack、属性Hack、选择器Hack，这些Hack已经测试并得到有效运用，有需要的同学可以放心使用，笔者会在以后不断的更新，如果有需要补充或者修改的
2015-02-02 10:45:38
650
原创 去除手机浏览器按钮点击出现的高亮框
在工作中经常遇到在手机浏览器中浏览网页时，点击页面中的按钮或者是具备点击事件的元素，就会出现一个默认的高亮框，影响整体的感观体验。我们可以用一个简单的css3属性就能加以解决，该属性就是：-webkit-tap-highlight-color举个栗子：对该按钮加上相应的css样式：-webkit-tap-highlight-color: rgba(0,0,0,0);-
2015-01-14 16:45:11
3956
原创 Git中关于 git pull 的一些问题
当服务器上面的文件发生修改，然后本地仓库中的相应文件也作了修改，此时使用命令：git pull 的时候会出现如下提示信息：
2015-01-08 12:01:04
3334
原创 交互体验之产品的文案
“细节决定成败”是一个亘古不变的话题。现在是处于互联网高速运转的时代，每一个追求产品细节的人都知道好的文案能让产品更加易于使用，而且能减少用户的很多不必要的麻烦。
2013-10-12 18:01:38
2852
原创 移动设备上的劝导式设计（转载）
所谓劝导式设计(persuasive design)，是指通过说服和社会影响，而非通过强制的方式，以达到改变和引导用户态度或行为的技术。这种技术常被应用于销售、外交、政治、宗教、军事训练、公共卫生和管理等领域。近年来，大多数劝导式技术的研究主要集中在计算机交互领域，包括台式电脑、互联网服务、视屏游戏和移动设备。劝导技术可以看成是对用户意图的设计。
2013-10-09 13:37:21
1480
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人