-moz-是Firefox Gecko内核,moz代表的是Firefox的开发商Mozill -ms代表ie浏览器私有属性 -webkit代表safari.chrome私有属性

-ms-transform:rotate(7deg); //-ms代表ie内核 识别码-moz-transform:rotate(7deg); //-moz代表火狐内核识别码 -webkit-transform:rotate(7deg); //-webkit代表谷歌内核识别码 -o-transform:rotate(7deg); //-o代表欧朋[opera]内核识别码 transform:rotate(7deg); //统一标识语句...最好这句话也写下去,符合w3c标准 使用css3属性时,

-moz-对应 Firefox, -webkit-对应 Safari and Chrome-o- for Opera-ms- for Internet Explorer(microsoft) 在CSS属性能中,我们常常能看到-webkit-,-moz-之类的前缀,这种就叫做浏览器私有前缀,是浏览器对于新CSS属性的一个提前支持.-webkit-是webkit内核的,-moz-是Firefox Gecko内核,moz代表的是Firefox的开发商Mozilla. 为什么要有私有前缀呢?因为制定HT

通过阅读源码可以发现css是jq的实例方法.而在内部调用jq的工具方法access来实现的,对该方法不了解的朋友请点击 -> jquery工具方法access详解 在access的回调中做了一个判断,value不等于undefined则调用jq的工具方法style,否则调用jq的工具方法css 可以看出,style是设置,css是获取.也就是说要搞懂jq的实例方法css,必须先要搞懂jq的工具方法style和css jQuery.fn.extend({ css: function( name,

关于pop-up被blocked的问题 首先 这个pop-up的功能叫 popup blocker , 它是浏览器(包括ff, chrome等) 自身 所内置 的一个功能, 不是 安装的外部 插件/或扩展. 所以 你即使禁用 ff的所有的 外置插件和扩展 都不会有用的 这个popup-blocker 的设置,是在 preferences中, 通常在 privacy 或者 security 或 contents中, 比如 ff就是在 content中, 有一个专门的设置 "Pop-ups Bloc

在移动web,特别是在微信中,经常看到一种翻页动画效果,也称为场景动画. 一页一页的翻过,像在看书,每页的内容以各种"炫酷"的效果出现在你的眼里,配上一首动听的音乐,你有没有喜欢上呢. 这里没有音乐,没有炫酷的出场,只有实实在在的翻页. 先看看效果(如果不能查看 复制下面的代码保存在本地查看 或者在移动设备查看本页面) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&g

jquery.fn.css获取当前jQuery所匹配的元素中第一个元素的属性值[$(…).css(cssName),注意这个cssName可以是数组]或给当前jQuery所匹配的每个元素设置样式值[$(…).css(cssname,value) / $(…).css(obj)]; 可以看见函数内部直接调用了jquery.access来处理.access将当前多个元素组成的jQuery对象所匹配的元素分解成单一元素逐个调用第二个参数中的回调function( elem, name, value )

sh做的js控件. 另外内部被scroller包裹的div不可以定位成absolute,会撑不出高度. 上面只是使用的注意事项. 很佩服人家能封装出这样的控件. 如果我也能写得出来就能毕业了,也不用担心现在公司有个万一,以后的营生问题. 全部源码: (function($) { "use strict"; var cache = {}; var objId = function(obj) { if(!obj.afscrollerID) obj.afscrollerID = $.uuid

写样式时有时遇到浏览器兼容问题:-webkit-transition:chrome和safari-moz-transition:firefox-ms-transition:IE-o-transition:Opera但是在JS 中则不允许带前边的横杠,并且首字母大写,如WebkitTransition,MozTransition,MsTransition,OTransition属性选择器:设置样式的格式:表签名[属性名=value]{}表签名[属性名~=value]{}//属性值是一个词组用空格分

github : https://github.com/uustoboy/base_mixins ( 有坑慎用 ) 项目截图: _base_mixins.scss 混合宏的引入文件; _setting_mixins.scss  设置默认参数文件; _template_mixins.scss 模板混合宏文件(引入template全部文件,其实还没有完全开发完成有待成长!~~); _utensil_mixins.scss  基础混合宏文件 (引入utilities全部文件); utilities引入

css88 技术文档地址: http://www.css88.com/archives/5355 张鑫旭 技术文档地址: https://www.zhangxinxu.com 使用示例: 使用时直接引入jquery-1.10.1.min.js和parabola.js,然后参照使用示例即可. 文件 jquery-1.10.1.min.js /*! jQuery v1.8.3 jquery.com | jquery.org/license */ (function(e,t){function _(e

Graph.Editor是一款基于HTML5技术的拓补图编辑器,采用jquery插件的形式,是Qunee图形组件的扩展项目,旨在提供可供扩展的拓扑图编辑工具, 拓扑图展示.编辑.导出.保存等功能,此外本项目也是学习HTML5开发,构建WebAPP项目的参考实例. 请访问此地址查看效果:http://demo.qunee.com/editor/ 入门实例: <html> <head> <meta charset="UTF-8"> <title&g

by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2679 二.相关文章以及一些技术点 搜了下,介绍的文章还不少,您可以参考: 武方博原创的html5实现全屏的api方法一文.文章前面属于备忘性质的内容,没看头:不过,最后的心得很不错,实际应用经验,值得一看. heero翻译的“[译]原生全屏Javascript API”.去年时候内容,稍微old的点,多理论,有值得注意

flexbox是Flexible Box的缩写,弹性盒子布局  主流的浏览器都支持 flexbox布局是伸缩容器(container)和伸缩项目(item)组成 Flexbox布局的主体思想是元素可以改变大小以适应可用空间,当可用空间变大,Flex元素将伸展大小以填充可用空间,当Flex元素超出可用空间时将自动缩小.总之,Flex元素是可以让你的布局根据浏览器的大小变化进行自动伸缩. 按照伸缩流的方向布局 伸缩容器有主轴和交叉轴组成! 主轴既可以是水平轴,也可以是垂直轴 flexbox目前还处于

在设置不透明属性时,经常用opacity来增加层次感或者增加用户体验,但这个属性是css3属性,对于低级浏览器的兼容性来说就达不到预期的效果. 一般而言,我们都尽可能少用一些浏览私有属性-webkit,-moz,-ms,-o,但这也仅仅解决了市面上很多浏览器的问题,面对IE,特别是IE9-版本的,也是显得有气无力. 如果要使得市面上的浏览器达到统一的近类似效果,那么是非常有必要写上IE私有属性,触发IE hasLayout 特性,比如这样: .opacity{ opacity:0.5; filt

[导读] 前端打包的工具有很多,我用的习惯的就是这个grunt,无论是你要在github上做开源,还是让自己的项目变得更易于维护,grunt都是首选. 前端打包的工具有很多,我用的习惯的就是这个grunt,无论是你要在github上做开源,还是让自己的项目变得更易于维护,grunt都是首选. 网上的安装教程非常多了,这里就只是介绍一下都有哪些好用的插件. 1:grunt-contrib-less less,可以让css变得更简单,更易于维护,他可以定义常量,可以转换单位,还可以计算颜色,他用嵌套

整理中... 1.js获取页面及元素高度.宽度 其他参考文献:http://www.open-open.com/lib/view/open1420120422531.html js: 网页可见区域宽: document.body.clientWidth;(不含滚动条)网页可见区域高: document.body.clientHeight;(不含滚动条)网页可见区域宽: document.body.offsetWidth;(包括边线的宽);网页可见区域高: document.body.offset

参考文章:http://www.zhangxinxu.com/wordpress/2013/12/javascript-js-元素-抛物线-运动-动画/ parapola.js /*! * by zhangxinxu(.com) 2012-12-27 * you can visit http://www.zhangxinxu.com/wordpress/?p=3855 to get more infomation * under MIT license */ var funParabola =

iOS/Android 浏览器(h5)及微信中唤起本地APP 在移动互联网,链接是比较重要的传播媒质,但很多时候我们又希望用户能够回到APP中,这就要求APP可以通过浏览器或在微信中被方便地唤起. 这是一个既直观又很好的用户体验,但在实现过程中会遇到各种问题: 如何解决未安装APP时的做好引导页 如何在微信中唤醒APP 在iOS9中如何处理universal link被用户误关的情况 如何解决Android各种机型.各种第三方浏览器导致的兼容问题等 在APP未安装情况下,引导用户下载后打开APP

从github上面将源码下载下来,会发现有个src文件夹.当前版本是2.0.6. 总的结构如下: 一.常量 这里将常量全部列在一起是可以在对比源码的时候,更方便的查看相应内容. var VENDOR_PREFIXES = ['', 'webkit', 'Moz', 'MS', 'ms', 'o'];//前缀 var TEST_ELEMENT = document.createElement('div');//测试元素 var TYPE_FUNCTION = 'function';//函数 //-

查看效果:http://keleyi.com/keleyi/phtml/html5/33.htm .NET版本:http://keleyi.com/a/bjac/66mql4bc.htm 完整HTML文件代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>使用javascript生成的植物显示过程特效 - 柯乐义</title&g