摘要：
相信有不少同学用过uploadify这一款文件上传插件，它支持多文件选择、能显示进度条、可配置性高，总体来说是比较好用的。官网有两个版本供下载，分别是flash版和HTML5版。不过令人惋惜的是，HTML5版是收费的。活了这么多年，啥时候用软件掏过钱啊！秉着发扬我们的优良传统，我决定照着它的API自己实现一个HTML5版的。 经过一番折腾，终于覆盖了大部分API，已经能够实现基本的文件上传需求。如下，是插件中的default配置：var defaults = { fileTypeExts:'',//允许上传的文件类型，格式'*.jpg;*.doc' uploa. 阅读全文
摘要：
平时写代码，最喜欢用chrome的developer Tool调试页面了，基本是离不了的工具。但是当页面需要在移动设备上使用，尤其是被嵌入到Hybird APP中时，由于移动版的chrome没有developer Tool，只能傻傻的用alert来输出一些调试信息，修改了CSS样式也必须不断的刷... 阅读全文
摘要：
收集css中的基础知识，所以这并不是什么新鲜的技术，只是作为备忘~本文的内容如题所示，是一个简单的布局，用于左右两栏布局的页面，左侧是固定宽度，右侧占据剩余的宽度。在垂直方向，始终以高度最大的一栏为基准，例如，随着右侧面板中动态添加内容高度增加，左侧也跟着增加，这样不会产生的难看的像这样的情况： 实现该布局的代码如下： sdfdf sdfdf sdfdf sdfdf 效果如下：add left width add left ... 阅读全文
摘要：
作者地址：http://www.cnblogs.com/matchless/archive/2013/04/10/3010628.html缩写语法Emmet 使用类似于 CSS 选择器的语法描述元素在生成的文档树中的位置及其属性。元素可以使用元素名（如 div 或者 p）来生成HTML 标签。Emmet 没有预定义的有效元素名的集合，可以把任何单词当作标签来生成和使用：div→,foo→等。嵌套运算符嵌套运算符用于以缩写的方式安排元素在生成文档树中的位置：将其放在内部或成为相邻的元素。子:>可以使用 >运算符指定嵌套元素在另一个元素内部：div>ul>li生成的结果为： 阅读全文
摘要：
乍一看这标题，有点吊炸天的赶脚，canvas跟能有什么联系？不过请放心我不是标题党。事情是这样的： HTML5的标签所支持的视频格式确实有限，mp4文件必须是H264编码的才行，若不是H264编码，在chrome下会只有声音没有画面，在FireFox下直接连声音也没有，而且控制台会显示警告： 因为浏览器使用的解码器也是H264的。如果用户在本地可以观看的mp4视频上传后却无法正常播放，这种体验是相当糟糕的。 我尝试在文件上传阶段进行检测，然而HTML5的FILE API能力也是有限的，只能获取文件名称、大小、MIME类型，对于视频的编码却无法检测到。 既然无法从上传阶段阻止用户，那... 阅读全文
摘要：
随着HTML5被越来越多的用到web APP的开发当中，webview这一个神器便日渐凸显出重要地位。简要的说，webview能够在移动应用中开辟出一个窗口，在里面显示html页面，css以及js代码也可以被解析执行，它使用的是我们熟悉的webkit内核。android和ios都有相应的API，所以写一份代码在多个平台运行的能力就是以webview为基础的。 今天我们要聊的不是如何使用webview，而是笔者本人作为一名前端工程师，在与客户端开发人员通过webview打交道中遇到的种种神奇事件。 事情还得从去年说起，我还是一个小白实习生的时候。当经理知道有webview这个神器之后，遂... 阅读全文
摘要：
自定义指令学习有段时间了，学了些纸上谈兵的东西，还没有真正的写个指令出来呢。。。所以，随着学习的接近尾声，本篇除了介绍剩余的几个参数外，还将动手结合使用各参数，写个真正能用的指令出来玩玩。 我们在自定义指令（上）中，写了一个简单的，能够跟美女打招呼。但是看看人家ng内置的指令，都是这么用的：n... 阅读全文
摘要：
上一篇简单介绍了自定义一个指令的几个简单参数，restrict、template、templateUrl、replace、transclude，这几个理解起来相对容易很多，因为它们只涉及到了表现，而没有涉及行为。这一篇将继续学习ng自定义指令的几个重量级参数，了解了它们之后我们的custom directive将不光能“看”，还要能“动”。开始~理解compile和link 不知大家有没有这样的感觉，自己定义指令的时候跟写jQuery插件有几分相似之处，都是先预先定义好页面结构及监听函数，然后在某个元素上调用一下，该元素便拥有了特殊的功能。区别在于，jQuery的侧重点是DOM操作，而n... 阅读全文
摘要：
一、有感而发的一些话 在学习ng之前有听前辈说过，angular上手比较难，初学者可能不太适应其语法以及思想。随着对ng探索的一步步深入，也确实感觉到了这一点，尤其是框架内部的某些执行机制，其复杂程度并非是我现在的功力能够理解的，只能是知其皮毛。我现在学习的途径是官方文档 + AngularJS在github上的中文粗译版（https://github.com/basestyle/angularjs-cn）+ 网上搜到的一些文章。鉴于本人资质平平以前也只用过jQuery，目前只能做到理解ng的API文档，相关特性的使用方式。故博客的主要内容也就是记载一些我的理解与应用，对ng框架内部的机制只. 阅读全文
摘要：
jQuery的ajax模块封装了非常强大的功能，有时候我们在发送一个ajax请求的时候希望能有一个超时的时间，想让程序在一段时间请求不到数据时做出一些反馈。幸运的是jQuery为我们提供了这样的参数：timeout。今天试了一下，做个记录。 首先在试验之前，有一个一直搞不明白的东西，那就是默认的超时时间是多少？这个配置在到底在什么地方设置。jQuery中？还是apache中？PHP中？ 经过一番搜索，暂得到如下结论： ①jQuery没有默认的超时时间，只可以通过参数来配置； ②apache2的默认超时时间是300秒，但是我在httpd.conf中设置Timeout 10，压根没起到... 阅读全文
摘要：
通过使用模板，我们可以把model和controller中的数据组装起来呈现给浏览器，还可以通过数据绑定，实时更新视图，让我们的页面变成动态的。ng的模板真是让我爱不释手。学习ng道路还很漫长，从模板开始入手是个不错方式，因为这部分内容相对简单好理解，而且是视图层的东西，大家都喜欢可以立马看得见的东西嘛。本篇我将搜罗模板中的常用指令一一测试，了解其使用方法，有点像背单词的感觉，会比较枯燥。不过对于初学，这样的枯燥是必须要经历的，开始~一、模板中可使用的东西及表达式 模板中可以使用的东西包括以下四种：指令(directive)。ng提供的或者自定义的标签和属性，用来增强HTML表现力。标记... 阅读全文
摘要：
一、前言 前端技术的发展是如此之快，各种优秀技术、优秀框架的出现简直让人目不暇接，作为一名业界新秀，紧跟时代潮流，学习掌握新知识自然是不敢怠慢。当听到AngularJs这个名字并知道是google在维护它时，便一直在关注，看到其在国外已经十分火热，可是国内的使用情况却有不小的差距，参考文献/网络文章也很匮乏。朝思暮想良久，决定深入学习angular，并写系列博客，一方面作为自己学习路程上的记录，另一方面也给有兴趣的同学一些参考。 首先我自己是一名学习者，会以学习者的角度来整理我的行文思路，故该系列博客也不能叫做教程，只能是些探索，有理解或是技术上的错误还请大家指出。其次我特别喜欢编写小例子.. 阅读全文
摘要：
一篇不错的介绍前端发展的文章，对于初学前端，已经错过了几个历史时期的同学是个很好的参考。原作者：民工精髓原文地址：http://www.ituring.com.cn/article/25069以下是原文全文：-----------------------------------------------------------------前端开发技术，从狭义的定义来看，是指围绕HTML、JavaScript、CSS这样一套体系的开发技术，它的运行宿主是浏览器。从广义的定义来看，包括了：专门为手持终端设计的类似WML这样的类HTML语言，类似WMLScript这样的类JavaScript语言。.. 阅读全文
摘要：
被我拖延了将近一个月的javascript事件模型系列终于迎来了第四篇，也是我计划中的最后一篇，说来太惭愧了，本来计划一到两个星期写完的，谁知中间遇到了很多事情，公司的个人的，搞的自己心烦意乱浮躁了一段时间，好在最近这些事情都一件件趋于平息，我也有了精力继续写文章。 这个自定义事件其实是挺让我纠结的，首先自己平时从未使用过，只是有一次遇到一个问题有人指点说可以用自定义事件，才对这个东西有了印象。在网上搜“javascript自定义事件”，发现也有不少文章在写，不过说实话让我佩服的却一篇也没找到，就连张鑫旭大哥写的漫谈javascript自定义事件也把我看的云里雾里。陆续查阅了一些资料后越... 阅读全文
摘要：
尽管自己也还是刚刚毕业不久的前端新人，但网上也不乏一些案例告诉我们有志不在年高，很多优秀的同龄人已经有了不错的成就，所以在切页面写onclick之余也在进行一些思考，前端程序员的出路到底在哪里？一、关于前端发展以及HTML5的一些思考 看着身边的后端开发人员修修补补的也能搞定一个网页布局，下载个demo也能搞出个js特效，我确切感受到了玉伯说的那句“市场上并不需要HTML高手”。所以我觉得前端的突破口还是在js上，能把js精通并熟悉几个框架zepto、angular什么的才能算是一个前端工程师了，否则页面布局onclick之类的只是个三脚猫工程师。这里就必须要提HTML5了，作为一个大趋... 阅读全文