x619y的专栏

1.Store as global(存储为一个全局变量)如果你在console中打印了一堆数据 (例如你在App中计算出来的一个数组) ，然后你想对这些数据做一些额外的操作比如我们刚刚说的copy(在不影响它原来值的情况下) 。 那就可以将它转换成一个全局变量，只需要右击它，并选择 “Store as global variable” (保存为全局变量) 选项。第一次使用的话，它会创建一个名为temp1的变量，第二次创建temp2，第三次 ... 。通过使用这些变量来操作对应...

.class{filter: progid:DXImageTransform.Microsoft.Matrix(            M11=1.05,            M12=0,            M21=0,            M22=1.05,            SizingMethod='auto expand');}

文章摘自:http://www.cnblogs.com/barrior/p/5112216.htmlcss3出来已经很久了，现在来谈判断浏览器是否支持某个css3的属性虽说有点过时了，但是还是可以谈谈的，然后，此篇主要谈的不是判断是否支持，而是怎么封装更好，为什么这么封装，欢迎吐槽。入题，判断浏览器是否支持css3 transition，方法很简单，只需要下面这句代码就行了：

《图解CSS3：核心技术与案例实战》第3章CSS3边框，本章主要介绍CSS3新增的边框特性，首先从CSS的border属性着手切入，分别介绍了CSS3新增边框特性，border-color、border-image、border-radius以及box-shadow。详细介绍了每个特性的语法规则，并且结合一些简单的案例，以图解的方式介绍了这些特性的具体使用方法以及在IE下相应的兼容和处理方式。本节

//表单序列化为JSON对象        $.fn.serializeObject = function() {            var o = {};            var a = this.serializeArray();            $.each(a, function() {                if (o[this.name] !

var cssProperty = function (attr) {            var prefix = [ 'O', 'ms', 'Moz', 'Webkit' ],                len = prefix.length,                style = document.createElement('i').style;   

IE的安全设置阻止了控件的安装~~ 解决步骤：打开IE---工具---Internet选项---安全---Internet安全级别---自定义级别---进去把有关ActiveX控件的设置选项设置为启动就OK。如果还是不行就把本地和受信任的站点的也按照上面的进行设置，只要不是你IE有问题或者系统有问题的话，这样可以100%安装成功！

if (!FileReader.prototype.readAsBinaryString) {        FileReader.prototype.readAsBinaryString = function (fileData) {            var binary = "";            var pt = this;            var read

html2canvas(document.getElementById("map"), { onrendered: function (canvas) { var img = canvas.toDataURL("image/png") window.open(img); } });

.gradient{ width:300px; height:150px; filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=re

使用vertical-align:top

代码大致如下[HTML] 纯文本查看 复制代码?0102030405060708091011121314151617181920212223242526272829303132333435    <script>        function picchange() {            if (document.all) {                var b = doc...

用JS来动态设置CSS样式，常见的有以下几种 1. 直接设置style的属性  某些情况用这个设置 !important值无效如果属性有'-'号，就写成驼峰的形式（如textAlign）  如果想保留 - 号，就中括号的形式  element.style['text-align'] = '100px';element.style.height = '100px';2. 直接设置属性（只能用于某些属...

《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。问题几年前，当CSS动画刚出来的时候是多么的令人兴奋，那时Chris Coyier问我，有没有什么方式使用CSS让元素绕一个圆形的路径运动。当时，它只是一个有趣的想法，但...

react 项目的一个ie8兼容性问题2016/05/30ie8React前端开发相信现在很多人在使用react+webpack做项目，然后通过babel来解决ES6/7的兼容性问题，对于ie8的兼容也有一些经验和方案。不过今天在解决汇金账房的ie8兼容过程中仍然遇到一个坑，同时发现现有资料的一些问题。首先说一下兼容ie8的通用方案，大家一般是按照 Make your Rea...

作者： 阮一峰日期： 2010年3月15日随着浏览器的升级，CSS3已经可以投入实际应用了。但是，不同的浏览器有不同的CSS3实现，兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站，该网站总结了一些常用功能的写法。以下就是这些写法的详细介绍。所有代码都经过了Firefox 3.6和IE 8.0的验证，原文的错误之处也已得到改正。一

这种情况一般是有宽度为100%的div设置了左右padding，只需给此div加上box-sizing:border-box;-webkit-box-sizing:border-box;就OK了，具体可以查看css3属性。

DIV CSS VS TABLE网页布局DIV CSS 不用 Table 表格到现在这已不是个问题了，可还是有很多公司给别人做网站的时候使用TABLE表格， 这种过时的布局，所以有必要说一说。请看下面这些问题0.Table布局页面会带来哪些问题1.Table布局为什么是不明智？2.DIV CSS页面布局 为什么这么火爆

宋体SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋

之前看到很多人一直都问这个问题，不过当时我没当一回事，因为在 CSS 中要垂直居中，多数是在有高度的情况下，或者容器高度不定的情况下才用，看上去比较舒服，而且实现的方法也不少，不一定要拘泥于和 table 布局一样。不过最近有人问了几个例子，看来对此的需求还不少。现在就把我经验拿出来分享一下，希望大家鼓鼓掌。首先，要有一个概念：凡是 table 布局可以实现的，CSS 一定可以实现。CSS

超级简单的方法，也不用写什么判断浏览器高度、宽度啥的。下面的两种方法自选其一就行了。一个是放在和iframe同页面的，一个是放在test.html页面的。注意别放错地方了哦。iframe代码，注意要写IDjquery代码１：//注意：下面的代码是放在test.html调用$(window.parent.document).find("#main"

原文地址：http://weizhifeng.net/viewports.html在这个迷你系列的文章里边我将会解释viewport，以及许多重要元素的宽度是如何工作的，比如元素，也包括窗口和屏幕。这篇文章是关于桌面浏览器的，其唯一的目的就是为移动浏览器中相似的讨论做个铺垫。大部分开发者凭直觉已经明白了大部分桌面浏览器中的概念。在移动端我们将会接触到相同的概念，但是会更加复杂，所以

在这个迷你系列的文章里边我将会解释viewport，以及许多重要元素的宽度是如何工作的，比如元素，也包括窗口和屏幕。这篇文章我们来聊聊关于移动浏览器的内容。如果你对移动开发完全是一个新手的话，我建议你先读一下第一篇关于桌面浏览器的文章，先在熟悉的环境中进行下热身。移动浏览器的问题当我们比较移动浏览器和桌面浏览器的时候，它们最显而易见的不同就是屏幕尺寸。为桌面浏览器所设计的网

作者： 阮一峰日期： 2012年5月 1日随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了200

在智能手机横行的时代，作为一个web前端，不会编写移动web界面，的确是件悲催的事情。当公司准备做一个微信的微网站时，作为一个多年经验的web前端码农，我迷茫了，真心不知道从何下手。接下来就是搜一堆教程，然后开始编写代码，三天后，我的第一个移动端web页面编写完成。回头想想，移动端的web页面代码编写远没有我想的那样复杂（可能是我做的这个项目比较简单的缘故）。但是就入门来说，其实是

摘自：segmentfaultmetaname=”viewport”content=”width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no″>在网页的中增加这句话，可以让网页的宽度自动适应手机屏幕的宽度。 其中： width=device-width ：表示宽度是设备屏幕的宽度

原文地址：http://www.css88.com/archives/5206大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。overflow: hidden;text-overflow: ellipsis;white-space: nowrap;但是这个属性并不支持多行文本溢出显示

1.前端框架bootstrap中文版本http://wrongwaycn.github.io/bootstrap/docs/base-css.html

基本概念：1.text-align: 属性规定元素中的文本的水平对齐方式; 　　　　　　 该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式;　　　　　　 一般情况下设置文本对齐方式的时使用此属性。支持值 justify。　　Example: div { text-align: left; }  //文本居左对齐　　注释：所有浏览器都支持

这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，border:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。性能差异：【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值

原文地址：http://www.jb51.net/article/14566.htmJavaScript中的另一个机制：cookie，则可以达到真正全局变量的要求。 cookie是浏览器 提供的一种机制，它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。cookie