摘要：
【注：本文转自：http://ued.taobao.com/blog/2012/06/03/debug-with-chrome-dev-tool/】这篇文章是根据目前chrome稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chromedeveloper tool, 所以chrome版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异.常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-expressions 等就不涉及了.1. BeautifyJavascr 阅读全文
摘要：
作为刚入门的web前端攻城狮，深知在国内做技术的不易，深知没有人指导下要走很多弯路，深知要努力提高自己的水平以免给国内web前端攻城狮平均待遇拖后腿，所以本着积累知识，帮助新人，与同行互补的目地写了本文。 由于开始前端开发时间不长，积累数量跟质量难免有限，强烈建议大家在评论中补充，然后我会择优进行补充本文。 先从我自己开始吧。学习网站 W3school：http://www.w3school.com.cn/ 一句话点评：初学者必上的网站，也可以做为工具来用，有中英文版 W3C：http://www.w3.org/ 一句话点评：最权威的资料 MDN：https://develo... 阅读全文
摘要：
前几天在淘宝UED（http://ued.taobao.com/blog/）上看到了几篇不错的文章，且都有PPT，里面总结的很不错，因此分享给大家，主要针对的是初级前端开发者。这一系列课程由浅入深的介绍前端技术的关键部分，对HTML/CSS/JavaScript、包括浏览器渲染过程和JS引擎原理、常用工具等知识都有详细的讲解。一、淘宝前端技术巡礼 这一讲主要介绍了淘宝前端的技术发展。 原文地址：前端技术系列课程(No.1) – 淘宝前端技术巡礼 PPT如下： PPT地址：http://www.slideshare.net/lijing00333/ss-12323405二、HTML/... 阅读全文
摘要：
本文主要用到的知识 HTML5中的File及FileReader接口 相关资料： Using files from web applications File API源码 HTML5文件拖拽预览Demo HTML5文件拖拽预览Demo 文件预览区，仅限图片和txt文件 主要代码解析 样式部分就不说了，很简单 dragover、dragend、drop是三个与拖拽相关的事件。 dragover表示被拖放的元素正在本元素范围内移动 dragend表示拖放操作结束 drop表示有其他元素被拖放到了本元素中 代码中先分... 阅读全文
摘要：
本文主要用到的知识 本文主要用到了Canvas API中的drawImage方法，下面对此方法略做介绍。 在Canvas API中绘制图像用drawImage方法，这是一个重载方法，定义如下：context.drawImage(image,x,y);context.drawImage(image,x,y,w,h);context.drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh); 第一个方法有三个参数，第一个参数为要绘制的图像(还可以是video元素)，x和y为该图像在画布中的起始坐标。 第二个方法有五个参数，前三个跟第一个方法意义一样，w和h指绘制时的... 阅读全文
摘要：
本文主要用到的知识 1、Canvas 2、三角函数 3、JavaScript以上知识学习资源推荐 Canvas：https://developer.mozilla.org/en/Canvas_tutorial、http://www.w3.org/TR/2dcontext/ 三角函数：http://zh.wikipedia.org/zh/%E4%B8%89%E8%A7%92%E5%87%BD%E6%95%B0 JavaScript：https://developer.mozilla.org/en/JavaScript、http://www.w3school.com.cn/js/ind... 阅读全文