勺子— - 博客园

input标签在firefox下的缓存问题

摘要：近日在做商城购物车的时候发现了一个诡异的问题，限制商品数量为10，当输入数量为11的数字的时候，默认让数量变为输入之前的数值。就是在debug里我Input 里面的数值明明是改为1，但是页面我的数量显示却还是为原来我输入的10，而在chorm有下却压根没有这个问题，在网上查询了一下发现是fir 阅读全文

posted @ 2016-07-18 17:55 勺子— 阅读(152) 评论(0) 推荐(0)

Js 模块化（一）

摘要：恢复内容开始基础模式匿名闭包匿名闭包是很常用的代码隔离方式，声明匿名对象并立即执行。匿名函数中声明的变量和方法以及匿名函数本身不会污染到函数体外，同时匿名函数的调用形成一个闭包，使函数体内可以使用函数体外声明的变量和方法。 (function () { // ... all vars and 阅读全文

posted @ 2016-05-06 14:58 勺子— 阅读(183) 评论(0) 推荐(0)

CSS预处理器，LESS 和SASS的区别

摘要： less和sass都是css的预处理器，CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的 CSS 更见简洁，适应性更强，代码更直观等诸多好处。我们将会从语法、变... 阅读全文

posted @ 2015-12-04 15:47 勺子— 阅读(515) 评论(0) 推荐(0)

CSS单位

摘要： 1 px和emcss 中最常用的度量单位就是px 了，那么em 被定义为相对于当前对象内文本的字体大小。炒个栗子，如果你给body小哥设置了font-size字体大小，那么body小哥的任何子元素的1em就是等于body设置的font-size。 1 2 Test 3 1 body {2 ... 阅读全文

posted @ 2015-12-02 13:55 勺子— 阅读(231) 评论(0) 推荐(0)

rgba()与opacity的区别

摘要：我们都知道在设置透明度的时候，IE低版本时，是不支持opacity的，只支持filter。所以一般在设置透明度时，我们会写上.opacity4 ｛ opacity: 0.4; filter:alpha(opaity=40);}但是其实rgba()也可以设置透明度，那么rgba()到底... 阅读全文

posted @ 2015-12-01 16:46 勺子— 阅读(950) 评论(0) 推荐(0)

BFC 和 margin collapse（重叠）

摘要：写过很多页面的样式，但是却少有理论的基础，近日看到了关于BFC和一些关于magin collapse的知识，决定系统的整理一下。一、BFC是什么？BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， ... 阅读全文

posted @ 2015-11-27 14:45 勺子— 阅读(299) 评论(0) 推荐(0)

CSS面试题整理

摘要： Css篇：1.有哪项方式可以对一个DOM设置它的CSS样式？外部样式表，引入一个外部css文件内部样式表，将css代码放在标签内部内联样式，将css样式直接定义在HTML元素内部2.CSS都有哪些选择器？派生选择器（用HTML标签申明）id选择器（用DOM的ID申明）类选择器（用一个样式类名申明... 阅读全文

posted @ 2015-11-26 17:46 勺子— 阅读(299) 评论(0) 推荐(0)

HTML面试题整理

摘要： Html篇：1.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?IE:trident内核Firefox：gecko内核Safari:webkit内核Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核Chrome:Blink(基于webkit，G... 阅读全文

posted @ 2015-11-20 18:31 勺子— 阅读(304) 评论(0) 推荐(0)

box-sizing 和calc()

摘要：同样，看到一个css的面试题，修复侧边栏我们在实际开发中经常也会遇到这个问题，这两列分别是75%和25%的宽度，并且使用浮动方法，侧边栏依旧掉下去。原因是由于例实际宽度超过了100%——由于padding，它们加起来超过了。我们现在用两种办法来解决。1.box-sizing所以在上面这个测试题中我们... 阅读全文

posted @ 2015-11-20 15:42 勺子— 阅读(216) 评论(0) 推荐(0)

怎样用一个标签制作多边框的按钮？

摘要：最近在看css 的面试题，发现了一个很有趣的题目，如下图看到这个面试题的时候，首先我们要考虑以下几个问题：1.如何处理按钮多边框？2.如何设置按钮背景效果？3.如何显示两个五角星效果？4.如何给字体增加效果？解决：1.多边框 box-shadow先介绍一下CSS Box Shadow 的语法box-... 阅读全文

posted @ 2015-11-20 14:22 勺子— 阅读(311) 评论(0) 推荐(0)