您当前的位置:KKBlog > 学无止境 > WEB前端

页面加载时,图片由模糊到清晰的效果

传统的图片加载。特别是比较绚的网站上会有很多大图。就当前国内的大部分上网环境来说,打开速度很是问题。用户体验也很差。用户对着白色的空背景等半天,才慢慢的刷新出图片。或者现在很多js都是在onload之后执行的。图片没有加载完就不会有动态效果。
查看全文

HTML5音乐播放器同步显示歌词

首先将LRC文件读取为文本,用String.prototype.split(\n);将整个文本以换行符为单位分隔成一行一行的文本,保存到一个数组中;然后将开头部分不属于歌词的文本去掉,得到只有时间与歌词的干净文件,对于每一行,匹配出时间与文字,分别存入数组[time,text],然后将每行得到的这样的数组存入一个大的数组[[time,text],[time,t…
查看全文

IE中的CSS3兼容方案

透明度属性是 CSS 中非常常用和流行的一个属性,目前已经广泛被主要浏览器支持,可惜的是 IE6/7/8 均不支持该属性。虽然 IE 没有支持这个 CSS 属性,但是我们可以通过使用 IE 特有的滤镜 filter 属性来实现相同效果。CSS3 中的渐变色为渐变背景色提供了很大的方便,我们不必为了渐变的背景色使用大量细小的图片,同时也不用为…
查看全文

HTML5 检测浏览器支持情况

以前,html+css很难写出符合各种浏览器标准的代码,为了保证兼容性,对不同的浏览器运行不同的样式,html开发人员必须使用各种hacks,利用浏览器的漏洞来使不同的浏览器加载不同的css样式。此种解决方法只能说是便宜之计,而Modernizr提供了比较优雅的解决方案。首先,我们先介绍下 Modernizr, 它是一个用来检测浏览器对 HT…
查看全文

百度编辑器ueditor代码高亮效果前台不显示的解决方法

相信很多朋友在使用ueditor,同样地,我之前也一直使用ueditor,其中有个功能是插入代码,但是当我使用这个功能时发现,在编辑器中的代码有行数,而且样式显示也不一样,但是,前台展示的页面上却没有行数,以及样式,后来查看后台发现需要引用2个js,我便试着加入,果然,有了行数
查看全文

web前端工程师在移动互联网时代里的地位问题

支付宝十周年推出了一个新产品:支付宝的十年账单,我也赶个时髦查看了一下我的支付宝十年账单,哎,感慨自己真是太屌丝了,不过这只是说明我使用淘宝少了,当我大规模网上购物时候,我很讨厌慢速的快递,所以我大部分消费都贡献给了像京东这样具有火箭般快递速度的电子商城了。不过在支付宝十年账单里,有个统计数据引起了我…
查看全文

jQuery数字加减插件

我们在网上购物提交订单时,在网页上一般会有一个选择数量的控件,要求买家选择购买商品的件数,开发者会把该控件做成可以通过点击实现加减等微调操作,当然也可以直接输入数字件数。本文将介绍常见的几种使用spinner数字微调器来实现数字加减的功能的方法。
查看全文

jquery.cookie中的操作

jquery.cookie中的操作:jquery.cookie.js是一个基于jquery的插件,创建一个会话cookie:$.cookie(‘cookieName’,cookieValue’);注:当没有指明cookie时间时,所创建的cookie有效期默认到用户浏览器关闭止,故被称为会话cookie。创建一个持久cookie:$.cookie(‘cookieName’,cookieValue’,{expires:7});
查看全文

用label标签解决IE下input按钮点击或者submit按钮的黑边框

如果我们把input的type设置为submit,是的,提交表单经常需要submit按钮,你会发现submit初始状态就是这种焦点获取的黑框样式:怎么办?如果设置border:none,也就是说不要border,那么这种黑框就没 有了,所以有种解决办法是直接把框写死到背景上,然后去除border,即设置border:none。比如下面这个按钮样式的背景罗列。这…
查看全文

HTML5入门经典教程和案例

HTML5入门经典教程和案例 这两年年由于WEB2.0的发展,HTML5已经成了最热的网络技术名词之一。如果你还么有听过html5,那么,亲,你肯定已经out了。先听我给你介绍介绍html5吧。HTML 5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。广义论及HTML5时,实际指的是包括HTML、CSS和…
查看全文
二维码
意见反馈 二维码