摘要: display:box;box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。一、使用以及介绍:1、要实现水平或者垂直切分,必须先满足以下要求 i. display : box必须用在对应的... 阅读全文
posted @ 2015-07-24 11:05 Ajson 阅读(1821) 评论(1) 推荐(0) 编辑
摘要: all we konw , 这两个都是css的预编译工具,但虽然都是编译工具,但还是存在差别的,下面来讲讲其中的区别1、变量sass定义变量是以这种形式进行定义的$xxx:10;而stylus的定义方式更加接近 stylus的定义方式跟javascript的表达方式一样(对于写js的人来说可能更为直... 阅读全文
posted @ 2015-05-29 10:57 Ajson 阅读(3661) 评论(0) 推荐(0) 编辑
摘要: 写法其属性martix与skew 、scale 、translate之间的关系兼容性 : IE9+ : -ms-transform : IE9只支持2D转换 firefox , chrom , opera : 支持3D转换写法 : div { -moz-transform : rotat... 阅读全文
posted @ 2015-02-26 17:01 Ajson 阅读(510) 评论(0) 推荐(0) 编辑
摘要: 自己经常用的一个js的命名空间的js,欢迎拍砖。可能写得不够完善,下面贴下自己的代码。当多个单独的模块之间有关联关系的时候,通过命命名空间来获取比较能解决耦合度。(function(){ var arrayEach = Array.prototype.forEach ? function (... 阅读全文
posted @ 2014-05-27 23:14 Ajson 阅读(943) 评论(0) 推荐(0) 编辑
摘要: (function(){ var ISCHINESE = /[\u4e00-\u9fa5]/; var getData = function( value , maxLenth , isStrick ){ value = value + ''; var total = 0 , legelInd... 阅读全文
posted @ 2015-02-04 12:03 Ajson 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 近段时间研究了下angular.js 觉得它内部实现的view和model层之间存在很微妙的关系,如下图如上图说的,view的改变会update 数据层model, 数据层会update视图层view,这双方之所以能实现互相的监听,就是通过中间层(理解为监听层),代码初始化的时候就会将view和model的相关状态都保存在监听层里面(可以理解为保存一个handler的函数到监听层里面),view和model的改变都触发监听器里面的绑定的handler,实现状态的共享;个人简单实现了下,可能实现得不太好,望拍砖(没有实现啥兼容性的哈,只在chrome下运行),希望各位大神给点意见!!(funct 阅读全文
posted @ 2013-10-21 17:40 Ajson 阅读(1723) 评论(3) 推荐(0) 编辑
摘要: 2D-Position允许通过拖曳移动绝对定位的对象。AbsolutePosition设定元素的position属性为“absolute”(绝对)。BackColor设置或获取当前选中区的背景颜色。BlockDirLTR目前尚未支持。BlockDirRTL目前尚未支持。Bold切换当前选中区的粗体显示与否。BrowseMode目前尚未支持。Copy将当前选中区复制到剪贴板。CreateBookmark创建一个书签锚或获取当前选中区或插入点的书签锚的名称。CreateLink在当前选中区上插入超级链接,或显示一个对话框允许用户指定要为当前选中区插入的超级链接的URL。Cut将当前选中区复制到剪贴 阅读全文
posted @ 2013-08-12 14:19 Ajson 阅读(229) 评论(0) 推荐(0) 编辑
摘要: 需求 : 图片切换的时候下一屏不允许出现空白的项,换句话说就是 : 1、当移动的最后一屏移动的个数小于要展示的个数的时候 ,只移动(展示个数-最后一屏的个数的)差值。 举个例子:每一屏都要展示7个,但总个数才10个,滚动到下一屏时候用户看到的还是7个,这个时候需要移动的是三个这个效果是基于jQuery写的,只是想纪念下自己的学习 话不多说了,贴代码 1 (function( $ ){ 2 var slider = function( elem , args ){ 3 this.config = $.extend({ 4 effect : '... 阅读全文
posted @ 2013-06-02 12:53 Ajson 阅读(1712) 评论(0) 推荐(4) 编辑
摘要: 判断不仅包括电脑浏览器,还包括安卓、ios系统的手机以及平板电脑,游戏系统 var client = function(){ //呈现引擎 var engine ={ ie : 0, gecko : 0, webkit : 0, khtml : 0, opera : 0, ver : null }; //浏览器 var browser = { ie : 0, firefox :0, safari : 0, k... 阅读全文
posted @ 2013-02-19 16:07 Ajson 阅读(883) 评论(1) 推荐(0) 编辑
摘要: 在写这段代码之后,本人使用过jQuery这个库,一直对jQuery的自定义事件有疑惑,就看了看jQuery的源码,廓然开朗。jQuery代码实现和触发自定义实现如下:jQuery的定义方式:$(dom).bind('data-change',function(){//dom为一个html元素 alert("asd"); })jQuery使用方式 : $(dom).trigger('init-change',[data]);但内部机制是怎么触发这个事件的呢?原来jQuery通过的是缓存这些自定义事件,我就自己实现了一把,下面是我的代码:var 阅读全文
posted @ 2013-02-06 15:20 Ajson 阅读(2362) 评论(0) 推荐(3) 编辑