记一件小事--jekyll在windows下中文编码报错

2015-07-01
阅读 1 分钟
3.4k
今天在用jekyll写一个之前已经写了一半的页面时,编译时发现编码报错,这是搞什么鬼啊啊啊,仔细想过之后找到了问题所在,之前写的时候是拿sublime写的,这回为了方便就直接用记事本写的,记事本的默认编码是ASNI的啊,我之前设置的jekyll读取本地文件的方式是UTF-8,因此出现了问题,好了,解决了

ruby编译scss出现invalid GBK错误

2015-06-25
阅读 1 分钟
9.5k
虽然给出来了报错的原因,但是尼玛,main.scss总共也没有315行啊,而且并没有中文注释什么的。查找一番之后才发现,这里编译器报错的位置不一定是scss中的位置,也有可能是你在scss中引用了其他库中含有中文字符。我在scss中引入了字体文件,文件中包含了中文字符

css优先级

2015-06-23
阅读 1 分钟
2.3k
计算优先级 优先级是根据由每种选择器类型构成的级联字串计算而成的。他是一个对应匹配表达式的权重。 如果优先级相同,靠后的 CSS 会应用到元素上。 注意:元素在文档树中的位置是不会影响优先级的 优先级顺序 优先级逐级增加的选择器列表: 通用选择器(*) 元素(类型)选择器 类选择器 属性选择器 伪类 ID 选择器 内联...

用jQuery和原生js实现图片左右轮播

2015-06-09
阅读 4 分钟
18.7k
实现一个轮播图的功能 图片数量及URL均在HTML中写好 可以配置轮播的顺序(正序、逆序)、是否循环、间隔时长 图片切换的动画流畅 在轮播图下方自动生成对应图片的小点,点击小点,轮播图自动动画切换到对应的图片 大致思路: 将图片设为向左浮动,再通过jQuery中animate函数,左右滑动显示图片,使用setInterval()定时函...

js中判断是否为一个函数

2015-05-13
阅读 1 分钟
25.3k
怎么判断一个对象是一个函数呢?一般情况下,我们都是使用typeof来进行类型判断,但是这个办法并不是想象的那么好用,偶然使用typeof来判断正则表达式时,发现在firefox2中返回的是"object",firefox3中返回"function",特介绍一种稳定的判断方案:

触宝前端面试题

2015-03-26
阅读 2 分钟
4.1k
2.用html+css实现如下框架:上方为四幅图片,实现其无缝连接,左边为导航栏,宽度固定为100px,右边长度可拉伸//图片没有,请自行脑补。。

了解CSS浮动以及清理浮动(Float)

2015-03-23
阅读 3 分钟
10.5k
浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,相当于不占用空间,所以文档的普通流中的块框表现得就像浮动框不存在一样。

<div>标签与before,after伪元素生成加号

2015-03-23
阅读 1 分钟
8.9k
before 伪元素在元素之前添加内容。 ::after伪元素在元素之后添加内容。 注意: CSS2及以前的使用方法是a:before,CSS3规定的是a::before,为防止兼容性的问题,建议使用a::before。 该伪元素针对行内元素。以a:before为例,添加的内容也是在中。 应用举例:使用一个<div>标签生成一个加号(宽150px,高50px),如...

JavaScript事件代理和委托

2015-03-22
阅读 2 分钟
28.1k
在JavaScript中,经常会碰到要监听列表中多项li的情形,假设我们有一个列表如下: {代码...} 如果我们要实现以下功能:当鼠标点击某一li时,alert输出该li的内容,我们通常的写法是这样的: 当列表项比较少时,直接给每个li添加onclick事件 列表项比较多时,在onload时就给每个列表项调用监听 第一种方法比较简单直接,...

触宝前端面试题

2015-03-21
阅读 2 分钟
4.1k
2.用html+css实现如下框架:上方为四幅图片,实现其无缝连接,左边为导航栏,宽度固定为100px,右边长度可拉伸//图片没有,请自行脑补。。

CSS3中的box-flex属性

2015-03-21
阅读 1 分钟
3.3k
下图绿色区域的宽度为100%,其中有三个矩形,第一个矩形的宽度是200px,第二个和第三个矩形的宽度相等。请使用CSS3中的功能实现它们的布局。