diaoyan2487-优快云博客

转载浅谈 css3 box盒子模型以及box-flex的使用

display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。一、使用以及介绍：1、要实现水平或者垂直切分，必须先满足以下要求 i. display : box必须用在对应的父窗口，比如div.parent>div.panel*3 这种格...

2015-07-24 11:05:00 140

转载浅谈stylus与sass的对比

all we konw , 这两个都是css的预编译工具，但虽然都是编译工具，但还是存在差别的,下面来讲讲其中的区别1、变量sass定义变量是以这种形式进行定义的$xxx:10;而stylus的定义方式更加接近 stylus的定义方式跟javascript的表达方式一样(对于写js的人来说可能更为直观)p.s 在sass里面，如果有全局变量，局部...

2015-05-29 10:57:00 282

转载 css3 transfrom使用以及其martix（矩阵）属性与其它属性的关系

写法其属性martix与skew 、scale 、translate之间的关系兼容性： IE9+ : -ms-transform : IE9只支持2D转换 firefox , chrom , opera ：支持3D转换写法： div { -moz-transform : ...

2015-02-26 17:01:00 153

转载公用的stringUtil工具

(function(){ var ISCHINESE = /[\u4e00-\u9fa5]/; var getData = function( value , maxLenth , isStrick ){ value = value + ''; var total = 0 , legelIndex = value.length; if( !isStri...

2015-02-04 12:03:00 101

转载 js命名空间

自己经常用的一个js的命名空间的js，欢迎拍砖。可能写得不够完善，下面贴下自己的代码。当多个单独的模块之间有关联关系的时候，通过命命名空间来获取比较能解决耦合度。(function(){ var arrayEach = Array.prototype.forEach ? function (obj, func) { Array.prot...

2014-05-27 23:14:00 74

转载 js 实现angylar.js view层和model层双绑定（改变view刷新 model，改变model自动刷新view）...

近段时间研究了下angular.js 觉得它内部实现的view和model层之间存在很微妙的关系，如下图如上图说的，view的改变会update 数据层model，数据层会update视图层view,这双方之所以能实现互相的监听，就是通过中间层（理解为监听层），代码初始化的时候就会将view和model的相关状态都保存在监听层里面（可以理解为保存一个handler的函数到监听层...

2013-10-21 17:40:00 320

转载 document.execCommand()命令小计

2D-Position允许通过拖曳移动绝对定位的对象。AbsolutePosition设定元素的position属性为“absolute”(绝对)。BackColor设置或获取当前选中区的背景颜色。BlockDirLTR目前尚未支持。BlockDirRTL目前尚未支持。Bold切换当前选中区的粗体显示与否。BrowseMode目前尚未支持。Copy将当前...

2013-08-12 14:19:00 94

转载图片滚动图片的效果（不一样的实现思路）

需求：图片切换的时候下一屏不允许出现空白的项，换句话说就是：　　1、当移动的最后一屏移动的个数小于要展示的个数的时候，只移动(展示个数-最后一屏的个数的)差值。举个例子：每一屏都要展示7个，但总个数才10个，滚动到下一屏时候用户看到的还是7个，这个时候需要移动的是三个这个效果是基于jQuery写的，只是想纪念下自己的学习话不多说了，贴代码 1 (functi...

2013-06-02 12:53:00 163

转载最完整的的判断使用的浏览器

判断不仅包括电脑浏览器，还包括安卓、ios系统的手机以及平板电脑，游戏系统　　var client = function(){ //呈现引擎 var engine ={ ie : 0, gecko : 0, webkit : 0, khtml : 0, oper...

2013-02-19 16:07:00 102

转载 js自定义事件的简单实现

在写这段代码之后，本人使用过jQuery这个库，一直对jQuery的自定义事件有疑惑，就看了看jQuery的源码，廓然开朗。jQuery代码实现和触发自定义实现如下：jQuery的定义方式：$(dom).bind('data-change',function(){//dom为一个html元素 alert("asd"); })jQuery...

2013-02-06 15:20:00 172

diaoyan2487的博客