叫我钱了个浅

摘要： CSS盒模型有两种，1是W3C标准的盒模型（chrome firefox ie6+等） 2是IE传统的盒模型（IE 5.5-）盒模型又分外盒模型与内盒模型：（这里只以宽度计算规则为例，高度类似略）W3C标准的内盒宽度=内容宽度+padding+borderW3C标准的外盒宽度=内容宽度+paddin... 阅读全文

摘要： css3为white-space新增了2个非常高冷的值：pre-line与pre-wrap。现在我们来看一下它们与pre之间的区别呢？pre:会保留空格，但我想它与pre-line/pre-wrap最大的不同点就是不会自动换行，单行走到底，直到遇到一个换行符才会换行。（所以被嫌弃了么→ →）pre-... 阅读全文

摘要： 如果你遇到长串英文单词或者url换行的问题，这时候就需要用到word-wrap与word-break这2个css属性啦。word-wrap:break-word;长单词与url地址自动换行。word-break:break-all;文本强制换行。word-wrap:break-word;比较温和，如... 阅读全文

摘要： css3新增了一些背景相关的属性，其中background-origin与background-clip是比较让人困惑的：background-origin:用于指定绘制背景图片的起点。默认值：padding-box。background-clip:用于指定背景图片的显示范围。默认值：border-... 阅读全文

摘要： box-shadow算是css3中比较常用的属性，通常的用法我们会给它传4个参数，就像下面的这个例子：水平偏移和垂直偏移为0，模糊半径为10px，阴影颜色为正红色。.box{ width: 80px; height: 80px; box-shadow: 0 0 10px #f00;}当然我们也... 阅读全文

摘要： 对于border-radius这个属性，我们知道它可以用来设置边框圆角，利用它我们可以画出很多形状这就需要了解到border-radius的各式写法：border-radius的写法：1、只设置一个值,这是最常见的写法border-radius:4px;2、设置两个值，第一个值用来设置左上角和右下角... 阅读全文

摘要： 先来看个例子： 测试 document.write test document.write//getnum.jsvar nodes=document.getElementsByTagName('script');alert(nodes.length);//IE 3//Chrome... 阅读全文

摘要： 对于一个img元素，我们想获取它的src属性时可以有两种方式：1、xxx.getAttribute("src") 2、直接通过xxx.src获取属性值在src的属性值为相对路径时，这两者的结果在不同浏览器会有一些不同哦。以此为例：var img=document.getElementById('lo... 阅读全文

摘要： 视图渲染 Document 需要注意的是在调用view.render的时候，需要给模板中所有的变量传值，不然会报错。关于$el，作者说是对view中元素的缓存，不明白这是什么意思，我感觉是jquery形式的el对象。 var ... 阅读全文

摘要： 关于手动触发router，之前看到的例子都是通过在url后面加上#xxx或者点击一个a链接方法来触发，还有一种情况是通过触发一种规则，来触发另一种规则（表述无能），比如这个例子中，我在url后面加上#manual，url的地址就转变为xxxx/route/n ,这里由于只给navigate传了一个参... 阅读全文