随笔分类 -  [04] 前端技术

摘要：出于兴趣爱好，前段时间自己尝试写了一个叫simple的cms，里面使用了百度ueditor编辑器，发现它的多图片上传模块很不错，用起来很方便，又可以选择已经上传好的图片。正好我又是个懒人，发现有现成的自己就不想新开发了。于是我就想，是不是可以调用这个上传模板为自己所用呢？有了这个想法后，我就到网上查... 阅读全文

摘要：现象：插入如下代码后仍然无法看视频（注：视频已确认为浏览器支持格式） 原因：IIS的MIME中未注册MP4、ogg、webm相关类型，导致IIS无法识别解决方法：在IIS中注册MP4、ogg、webm类型，以下以... 阅读全文

摘要：今 天要在web中嵌套一个网址或本地HTML，用到了iframe，在电脑上设置scrolling=‘auto’，宽度高度，会有滚动条出现。而在 ipad上会全部显示整个网页的宽度高度。scrolling属性无效。原来在html5中的iframe已经只有剩下src的属性。但是若设置scrolling=... 阅读全文

摘要：在开发DeveMobile 与EaseMobile 主题的时候积累了一些移动Web 开发的前端知识，本着记录总结的目的，特写这篇文章备忘一下。要说移动Web 开发与传统的PC 端开发，感觉也没什么不同，但得益于苹果对于智能机的推动，CSS3+HTML5几乎可以毫无顾忌的使用，然后浏览器端考虑webk... 阅读全文

摘要：在HTTP标头中为静态资源设置过期日期或最长存在时间，可指示浏览器从本地磁盘中加载以前下载的资源，而不是通过网络加载。这样, 网站加载速度会更快.下面的代码都需要放到.htaccess中才能生效. 推荐设置过期时间为一个月, 即: max-age=2592000.通过FilesMatch设置Head... 阅读全文

摘要：Yslow 这个工具相信无论是搞前端的攻城师或者是搞网站的站长都了解，Yslow 可比谷歌的PageSpeed 有名多了；那个百分制下的评分数据总让国人着迷，看来应试教育造的孽太深了。Jeff 认为的话，Yslow 比较专业，但是因为是英文的，所以在个人分析结果上对某些人比较吃力，建议先使用Page... 阅读全文

摘要：相信有接触前端开发的大神们都听说过Google官方的PageSpeed Tools，这个网页载入速度检测工具有在线版本也有一个 Chrome 扩展，叫PageSpeed Insights，在此之前，Jeff 了解的更多是雅虎的 Yslow 。不过在Jeff 使用过 PageSpeed Insight... 阅读全文

摘要：Web 前端性能优化相关内容，来源于《Google官方网页载入速度检测工具PageSpeed Insights 使用教程》一文中PageSpeed Insights 的相关说明。大家可以对照着去优化自己的网站或者相关项目。本文由Jeff 整理。0.提高服务器的响应速度砸钱的东西，但却最根本；搞好这一... 阅读全文

摘要：Highcharts是一个非常流行，界面美观的纯Javascript图表库。它主要包括两个部分：Highcharts和Highstock。 Highcharts可以为您的网站或Web应用程序提供直观，互动式的图表。目前支持线，样条，面积，areaspline，柱形图，条形图，饼图和散点图类型。 Highstock可以为您方便地建立股票或一般的时间轴图表。它包括先进的导航选项，预设的日期范围，日期选择器，滚动和平移等等。 阅读全文

摘要：Pinterest，Pin（图钉）+Interest（兴趣），把自己感兴趣的东西用图钉钉在钉板（PinBoard）上。美国的一家创办于2011年的正迅速成长为受世界瞩目的图片视觉社交网站。页面底端自动加载无需翻页功能，让用户不断发现新图片。为用户提供在线收藏和分享Pinterest视觉艺术图片的服务。 阅读全文

摘要：转载自 ：基于jQuery的上下无缝滚动应用(单行或多行)@Mr.Think基于jQuery的上下无缝滚动应用,可应用于多行或者单行.详解请参考注释.查看演示: 点此查看DEMO源代码：Javascript代码：$(function(){//单行应用@Mr.Thinkvar_wrap=$('ul.line');//定义滚动区域var_interval=2000;//定义滚动间隙时间var_moving;//需要清除的动画_wrap.hover(function(){clearInterval(_moving);//当鼠标在滚动区域中时,停止滚动},function(){_mov 阅读全文