whqet

最近几天非常流行的chatGPT，看着各路大神的各种测试，也跟风玩了一下，发现确实牛。chatGPT的VSCODE插件也有啦，感兴趣的小伙伴自己去搜索尝试。

AngularJS的初衷是为了**简化web APP开发**，精髓是**简单**。但是国内外有很多AngularJS的教程，都着重讲AngularJS的强大之处，从而增加了AngularJS学习的难度，本教程试图用通俗的语言讲解**最为基础**、**最为实用**的内容，***简化学习进程、降低学习难度***是本教程的初衷。

我们来研究下利用AngularJS实现条形图、折线图等数据可视化效果。

众所周知，flash动画类型可以分为补间动画和逐帧动画，补间动画又可以分为属性改变（大小、位置、颜色等）和形状改变（直线变弧线等）。网页动画里，我们可以使用css3、javascript（jquery）等实现属性改变，却对形状改变无能为力，那么如何实现网页动画里的形状改变呢？今天提供一种解决方案——通过snap.svg动态改变svg形状实现，案例效果如下图所示，案例灵感来自codrops。

还在使用setInterval吗，你out了，requestAnimationFrame可以实现更为经济、更加准确的控制动画，今天来看看它的来龙去脉。

前端开发规范系列文章之Javascript Tips and Tricks，本意是写成常用代码收集、常用技巧整理的文章，感觉“常用代码大全”太土、“实用代码整理”有失偏颇，“提示与技巧”不够稳重，所以使用常用的英语说法，相信广大程序员都懂得。

系列博客《跟名站学前端》，希望对大家有所帮助，今天来看某百科网站的年度总结，交互体验超赞！

据说handlebars是一个流行的模板引擎，可以把html从javascript中分离出来，写更清晰的代码。来不妨一试。

AngularJS的初衷是为了**简化web APP开发**，精髓是**简单**。本教程试图用通俗的语言讲解**最为基础**、**最为实用**的内容，**简化学习进程、降低学习难度**，系列教程以翻译Angular Basics为梗概，融合博主自己的理解，为大家提供一个简单明了的教程，本文为第02篇，引言。

HTML5 Page Visibility API是一个非常有用的特性，当页面对用户不可见时，暂停播放页面中的视频、动画、声音、以及其他耗费内存的操作，等用户回来时，再继续这些操作。当然，最好提醒下用户可以继续回到本页面上来，本文研究利用改变页面tab（title）实现提醒。

昨天我们学习了利用requestAnimationFrame优化动画控制，然后就忍不住冲动，在fork别人codepen的基础上，实现了这个炫彩logo粒子效果，效果预览如下。

最近关于Service Workers的研究与讨论日益增多，今天就给我大家梳理一些相关资源，让大家一睹为快！！

Javascript样式指南，用更合理的方式写 JavaScript

本系列教程以翻译Chris Smith的Angualr Basics为梗概，融合博主自己的理解，为大家提供一个简单明了的学习教程，通过讲解基础、实用的内容，简化学习进程、降低学习难度。本文为系列教程的第6篇，Angular 集合

本系列教程以翻译Chris Smith的Angualr Basics为梗概，融合博主自己的理解，为大家提供一个简单明了的学习教程，通过讲解基础、实用的内容，简化学习进程、降低学习难度。本文为系列教程的第7篇，Angular 模块。

本系列教程以翻译Chris Smith的Angualr Basics为梗概，融合博主自己的理解，为大家提供一个简单明了的学习教程，通过讲解基础、实用的内容，简化学习进程、降低学习难度。本文为系列教程的第5篇，Angular 作用域。

本系列教程以翻译Chris Smith的Angualr Basics为梗概，融合博主自己的理解，为大家提供一个简单明了的学习教程，通过讲解基础、实用的内容，简化学习进程、降低学习难度。本文为系列教程的第4篇，Angular控制器。...

本系列教程以翻译Chris Smith的Angualr Basics为梗概，融合博主自己的理解，为大家提供一个简单明了的学习教程，通过讲解基础、实用的内容，简化学习进程、降低学习难度。本文为系列教程的第3篇，Angular基础。

今天来看一个利用canvas+javascript实现的烟花绽放效果，大家可以到我的codepen看看DEMO，在线观看或是下载研究，悉听尊便。

Javascript的调试仍然是大多人的噩梦，有什么妙招吗，看看老外大牛如何说……

今天我们看一个Sass实现颜色卡动画，继续学习sass的使用，效果见下图所示。在线研究点这里，下载收藏点这里。同时也请大家发表高见，迎接鼓励，欢迎拍砖。

今天来看一个响应式布局菜单效果，重点应用媒体查询、css3绘图、jquery简单应用.

作为一种优雅酷炫的页面展示的方式，视差滚动（Parallax Scrolling）正受到越来越多前端设计师的宠爱，优设的2014年网页设计趋势中依然能够看到它的影子，所以我们不得不来好好研究下视差滚动的原理和实现方式。

今天来看一个CSS 3D盒子动画，利用jqueryUI和jquery实现盒子动画的控制，在线看请戳这里，下载把玩请戳这里。

索契奥运会结束了，今天给大家看一个利用CreateJS实现的奥运五环动画，在线把玩请点这里，下载收藏请戳这里。

随着互联网与信息技术的发展，人际之间的资源分享、观点碰撞越来越频繁。PPT是一个很好的展示和交流的方式，但是在网络实时呈现方面，桌面端的PPT程序显得无能为力。因此，基于web的内容展示应用需求激增，在此背景下，基于html5+css3的演示框架日渐流行。今天，我们就来给大家推荐几个流行的项目。

See the Pen Canvas stripes by haiqing wang (@whqet) on CodePen.

<!--p {text-indent:2em; line-height:24px; font-size:14px}h1, img {margin:0.6em 0}h1 {font-size:16px; line-height:22px}-->前几天偶然间看到了Adham Dannaway的网站，首页的效果狠感人，让人耐不住冲动想研究研究，这不

EaselJS简明教程系列第二部分，今天主要看看动画的实现，没有看过第一部分的可以看看教程1绘图。

今天闲逛某JS前端培训网站，发现推出了最新的Javascript学习dagang

ladies and 乡亲们，坚守工作岗位的程序猿们，时间不止学习不辍的童鞋们，福音来了。语音识别高不高端、难不难？今天给大家推荐一个简单易用的js实现的语音识别框架annyang，然后用一个案例教教大家使用。

好吧，来看一个html5的video元素的应用，实现简单控制。到这里观看效果，到这里在线研究，或者下载收藏, 视频加载可能有点慢，请耐心等等。

实现图像灰度（grayscale）最初有ie4推出的专属属性filter实现，后来在css3里w3c实现了标准的filter，不过不同浏览器的实现程度不一样，因此现阶段我们必须探索一种浏览器兼容的解决方案。

今天是个好日子，2014年5月20日，表白的最佳时机，虽说孩子已经四岁、结婚已经五年，但是也不可以偷懒，于是有了这个效果，在线研究点这里，下载收藏点这里。程序猿and程序媛，大胆秀出你的爱吧。

low poly低多边形（类似于折纸的效果），多边形风格的设计应用越来越多，今天我们就来看一个利用d3.js写成的生成器。

昨天的《纯CSS3文字效果推荐》文章里面推荐了8款纯css实现的文字效果，其中3d文字效果最为流行，限于篇幅仅仅展示了其3D实现原理，没有考虑代码的复用性和可移植性，立体字的纵深感、方向感、错落感如何实现个性定制，立体字阴影动画，彩虹字动画等等，一一道来。

EaselJS是CreateJS Suite中的一个js库，它可以让canvas的使用变得简单，它提供了一个直接了当的创建html5 canvas中使用富媒体、富交互应用的解决方案。为了便于大家学习，结合官方教程和官方DEMO我们来写一个简明教程，主要是对自己的学习做个梳理，也希望对大家有所帮助。

<!--p {text-indent:2em; line-height:24px; font-size:14px}h1, img {margin:0.6em 0}-->本文由前端开发whqet翻译自WDL，Rochester Oliveira2013年5月2日写的文章Modernizr & YepNope Tips。每天都有新的更好的浏览器版本产生，