前端开发 第3页

CSS3技巧:利用css3优惠券

1

发布于 2015-08-26

在很多购物网站上都能看到优惠券,代金券,什么什么的券,但基本都是图片直接放上去,那么你有没有想过css来做一个呢,反正我是这样想过。那么你 怎么做呢,切图做背景平铺边缘,嗯,有这样想过,如今css3技术这么先进再用背景做平铺是不是已经out了,那么今天给大家介绍一个用css3径向渐变 做的优惠券。 CSS3 径向渐变和线性渐变是很相似的,首先来看其语法: -moz-radial-gradient(...

阅读(3276)赞 (0)

免费套图:一套非常不错的 SVG 图标

1

发布于 2015-07-17

Glyph 是 SmartIcons 出品的一套 SVG 图标,看起来非常不错,将近 800 个图标。他们在官网宣称: Icon font is so yesterday. Say hello to “Glyph”, a semantic and versatile SVG icon set designed for customization. Icon font 已是昨日黄花。拥抱 Glyph...

阅读(2683)赞 (5)

AngularJS最佳实践: 请小心使用 ng-repeat 中的 $index

发布于 2015-07-17

“有客户投诉,说在删除指定的某条记录时,结果删掉的却是另外一条记录!” 看起来是个很严重的BUG。 有一次我们在工作中碰到了这个问题。 要定位这个BUG非常麻烦, 因为客户也不清楚如何重现这个问题。 后来发现这个Bug是由于在 ng-repeat 中使用了 $index 引发的。下面一起来看看这个错误是如何引发的, 以及如何避免这种bug产生,然后说说我们从中得到的经验和教训。 一个简单动作(ac...

阅读(2891)赞 (0)

html5搜索框

1

发布于 2015-07-16

html5表单属性。 实例图片: 代码如下: <input type="text" placeholder="输入 回车搜索" autofocus x-webkit-speech> 很赞?Yes! 简短的几个代码就能实现原本多行JS才能实现的完美交互效果,这就是HTML5略窥一点的赞! placeholder是为了设置初始值,并且这个初始值的颜色为灰色,当input的内容变动时,这个值...

阅读(2000)赞 (0)

rose

发布于 2015-07-16

<html> <head> <title>rose</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body style="margin-left:350px"> <canvas id="...

阅读(1619)赞 (0)

LESS/Sass 编译工具Koala介绍

发布于 2015-07-16

越来越多的人开始使用 less 等预处理器的方式来编写 CSS 跟 JavaScript ,比较流行的有 less 、 sass 、 coffeescript 。 Less 等代码无法直接在浏览器中执行,最终还是需要编译成 CSS 或 JS 。它们语法很棒,但是它们的编译方式却不够灵活。官方基本上都是只提供命令行的方式进行文件编译, less 还可以在页面中嵌入一个 less.js 进行在线编译,...

阅读(1654)赞 (0)

分享12款开源JavaScript库

发布于 2015-07-05

JavaScipt几乎是所有前端开发人员必会的编程语言,并且,随着各种移动APP的串红,JavaScript还可以用来开发移动应用。除此以 外,为了丰富前端/移动开发,有不少开发者推出了各种基于JavaScript的库,这些几乎能实现任何你需要的功能,并且有些库可以用来开发某些特定的 功能,非常强大。 本文推荐了12款开源的JavaScript库,这些库可以帮助大家快速开发各种前端/移动应用,一起...

阅读(1836)赞 (3)

HTML5本地存储Localstorage

2

发布于 2015-07-03

什么是localstorage 前几天在老项目中发现有对cookie的操作觉得很奇怪,咨询下来是要缓存一些信息,以避免在URL上面传递参数,但没有考虑过cookie会带来什么问题: ① cookie大小限制在4k左右,不适合存业务数据 ② cookie每次随HTTP事务一起发送,浪费带宽 我们是做移动项目的,所以这里真实适合使用的技术是localstorage,localstorage可以说是对c...

阅读(1931)赞 (1)

前端必看!各大浏览器 CSS Hack 收集

发布于 2015-07-01

所谓的Hack就是只有特定浏览器才能识别这段hack代码。Hack 不是什么好东西,除非没有办法,我们尽量还是不要用着玩意。 下面是各个浏览器的CSS Hack 列表。 Firefox 浏览器 @-moz-document url-prefix() { .selector { property: value; } } 支持所有Gecko内核的浏览器 (包括Firefox) *>.select...

阅读(1755)赞 (1)

Jquery 存在IE8、火狐、谷歌浏览器兼容错误的一些原因

发布于 2015-06-30

jquery的Ajax框架的已经有很多的用户,它有着很多的优点,免费开源,容易上手,轻量级,浏览器的兼容性不错等等。所以我现在的开发都是jquery的框架。 但是最近在使用jquery时,发现了一些问题,一开始我以为是浏览器的兼容,因为开发出来的网站,在IE8出现报错和jquery的基本操作无效,而使用火狐浏览器和谷歌浏览器均能够正常运行。后来经过的我的检查,发现了其中真正的原因,我觉得有必要在此...

阅读(1706)赞 (0)