- 博客(15)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 使用rem等比例缩放手机界面
这几天写公司官网的手机端界面，同事介绍了一种布局模式，即使用rem等比列缩放布局。rem布局非常简单，首页你只需在页面引入这段原生js代码就可以了。 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in windo
2016-08-02 23:06:38
7163
原创 实现垂直居中的几种方式
方式一：单行文本垂直居中其实单行文本垂直居中是垂直居中中最为简单的了。通常使用line-height 和 height配合使用即可，也就是将line-height和height设置为同样的数值。当然也有道友说其实这个地方设置height值其实完全没有必要，容器会根据line-height自动撑开。这个理论实际上是正确的，他的正确的前提在于该元素内只有文本节点。但是如果父级元素不设置高度
2016-07-11 23:05:03
21355
1
转载 视区相关单位vw, vh..简介以及可实际应用场景
一、N多的唠哩唠叨CSS3中一些新的单位早在去年春暖花开的时候就介绍了，参见：CSS长度值及时间、频率、角度单位。显然，其中就提到了本文要感叹的单位vw, vh，见下图：不过“我看见你”和“我触碰你”是不一样的。正好，机缘巧合，最近又与这两个单位想见。大致琢磨了下，貌似vh这个单位可以实现我以前曾希望实现的的整体高度自适应布局。想到这里，自己不由得小兴奋了下，于是决定抽时间研究
2016-07-11 15:24:12
2709
原创 angularjs-工具方法整理
angular.bind(self, fn, args)作用：返回一个新的函数，绑定这个函数的this指向self参数： self：新函数的上下文对象fn：需要绑定的函数args：传递给函数的参数返回值：this指向self的新函数var obj = { name: 'xxx', print: function (country) { console
2016-07-07 09:08:12
315
转载 理解js中的new ——2
1.如果就一个函数，没有返回值，没有prototype成员，然后使用new,会是什么结果呢？如果一个函数没有返回值，那么如果不使用new来创建变量，那么该变量的值为undefined.如果用了new，那么就是Object.说明一个函数的默认的Prototype是Object.2.如果函数有返回值，但是返回值是基本类型。那么new出来的myTest还是object.因为基本类
2016-06-27 21:38:58
540
转载 理解js中的new
new 操作符在有上面的基础概念的介绍之后，在加上new操作符，我们就能完成传统面向对象的class + new的方式创建对象，在Javascript中，我们将这类方式成为Pseudoclassical。基于上面的例子，我们执行如下代码 var obj = new Base();这样代码的结果是
2016-06-27 21:16:50
345
转载 Javascript是单线程的深入分析
本来想总结一下的，网上却发现有人已经解释的很清楚了，特转过来。这也解释了为什么在用自动化测试工具来运行dumrendtree时设定的超时和测试case设定的超时的关联性。面试的时候发现99%的童鞋不理解为什么JavaScript是单线程的却能让AJAX异步发送和回调请求，还有setTimeout也看起来像是多线程的？还有non-blocking IO, event loop等概念很
2016-06-27 20:45:12
441
原创 nodejs+ionic+cordova+intellijIdea搭建webApp环境
第一次使用nodejs+ionic+cordova+intellijIdea搭建webApp开发环境，由于nodejs、ionic、cordova、andriod都是第一次接触，所以花了三天时间才把环境搭建好。这篇文章则是用来记录开发环境的搭建过程。1、工具、安装包的准备每个道友都应该知道android开发最痛苦的就是环境问题，要搭建一个开发andriod的app，必然会设计到sdk等东西
2016-04-05 22:55:51
8574
1
原创 利用CSS3的伪类画表格
css3 伪类分为：动作伪类、目标伪类、语言伪类、结构伪类、UI元素状态伪类、否定伪类选择器。通过这些伪类选择器，可以实现很多原来需要js才能实现的功能。现在我们来用这些伪类选择器来制作表格。表格1：表格2div.demo{ width:600px; margin:30px auto; font-size:14px; font-family: "微
2016-02-22 23:24:44
1483
原创 动态调用函数：再解apply和call
在开发过程中，特别是复杂控件封装时，常会用到动态调用函数。那么动态调用函数实则就是利用call和apply方法来实现的。call和apply的区别其实call和apply基本没有什么太大的区别，只是传递给函数的参数方式不同罢了。apply是以数组的形式进行的参数传递，而call方法可以同时传递多个参数。利用apply以数组的形式进行参数传递的特性，在很多时候能够使我们的程序更优美。比如下面
2016-02-17 09:39:07
491
转载 提高Web页面性能的技巧
现在动辄几兆大小的页面加载量，让性能优化成了不可避免的热门话题。WEB 应用越流畅，用户体验就会越好，继而带来更多的访问量。这也就是说，我们应该反省一下那些过度美化的 CSS3 动画和多重操作的 DOM 元素是否都考虑到了在性能方面的影响。在说性能优化之前，我们有必要理清浏览器视觉绘制方面的两个术语：Repaint（重绘）：如果某些操作影响了 DOM 元素的可见性，但又没有影响布局，那
2016-02-16 12:54:35
502
原创 js中的字符串长度
众所周知String对象的length属性能够返回字符串的长度，不管字符是单字节还是双字节，都作为一个长度单位来计算。因此要准确的获取字符长度，必须通过手工来写。下面介绍两种方式：1、循环遍历字符串，根据字符的编码，来判断当前字符是双字节还是单字节，然后递加字符串的字节数。String.prototype.lengthSingle = function(str){var b = 0;
2015-12-29 11:08:45
8360
原创 几种检验数字的方法区别 isNaN、isFinite
isNaN（）：首先认识NaN , NaN是IEEE 754定义的一个特殊数值。它不表示一个数字。尽管下面的表达式返回的是truetypeof NaN ==='number' ;//返回trueNaN产生的情况有两种：1、在对非数字进行数字转换的时候。比如：parseInt('runningSnail'); 返回NaN2、在做数学元算的时候，有参与计算的元素为NaN
2015-12-08 12:38:45
8273
翻译 改善javaScript118个建议-检测内置的数据类型
改善javaScript118个建议-检测内置的数据类型使用typeof运算符返回一个用于识别其运算数据类型的字符串。对于任何变量来说，使用typeof运算符总是以字符串的形式返回以下6种类型之一：“number”“string”“boolean”“object”“function”“undefined” 不幸的是，使用typeof检测null，返回的是“object”，而不是”nul
2015-12-07 14:02:20
411
常用正则表达式集合，粘贴即用
2011-08-23
MySQL 5.1中文参考手册
2011-05-06
JS源码特效大全，非常绚丽
2011-05-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人