在我们日常编码中，需要异步的场景很多，比如读取文件内容、获取远程数据、发送数据到服务端等。因为浏览器环境里Javascript是单线程的，所以异步编程在前端领域尤为重要。

最近有机会，尝试了一次微信开发，中间遇到很多比较容易踩得坑，记录一下。 主要功能是 微信网页认证 转盘抽奖 微信公共号发红包给当前登录用户 分享给好友和分享到朋友圈 涉及到的资源 微信公众平台： [链接] 微信商户平台： [链接] 微信API：[链接] 微信开发者论坛: [链接] 过程记录 微信网页认证 条件： 服务号 通过...

做项目中，需要一个process流程的UI组件，翻遍公司组件和业界框架，都没有满足自适应要求的现成的process组件，只能自己实现。实现的过程中，发现有两个有意思的地方，特此分享出来。

目前见过的动画有三种：水平下划线动画导航、水平背景动画导航、垂直动画导航，他们实现思路都是一样的，都是依赖 css3的同级通用选择器 "~" 。

React介绍 React是Facebook开发的一款JS库，用于构建用户界面的类库。 它采用声明式范例，可以传递声明代码，最大限度地减少与DOM的交互。 特点： 声明式设计：React采用声明范式，你可以轻松描述你的应用 高效：React通过对DOM的模拟表现，最大限度地较少与DOM的交互。 灵活：React可以与你所知道的库或框架很好地工作...

当应用检测到没有用户信息时，就会跳转到(302)第三方服务，用户在第三方服务登录后返回应用时会带上用户的信息(Session)，这就是一般情况下我们的登录认证过程。

说到“山顶角”，相信大多数前端人都能够在几秒内想到实现方式、兼容方式。 如果不清楚山顶角的同学，请点这里: [链接] 但是，如果要实现下面这样的带阴影的山顶角，border的实现方式就无能为力了。 上图中的小三角，其阴影和整个弹窗的阴影大小要一样。 实现 方案一 图片 最省力，最直接，但是最不优雅。 方案二 Unicode ...

截屏一直以来，就是客户端的专利，对于浏览器端可谓无能为力。 不过，自从canvas出来以后，就不一样了。 HTML5中canvas的方法，toDataURL() 可将canvas的内容保存为图片。 简单保存canvas图片的代码如下： {代码...} 对于普通canvas截图没有问题，甚至对于整个DOM树也可以先转换成canvas，然后转换成截图。业界有成熟的...

怎样选择前端框架 怎样选择适合自己的前端框架，并在高产但良莠不齐的前端社区中保持理性 翻译自：[链接] 介绍 Hello，开发朋友们！ 下面你将看到一些比较主观的工具和框架。 但不要害怕！ 你可以选择任何你所熟悉的，或者忽略他们直接用你自己喜欢的就好了。 本文希望帮助你了解前端社区中海量的工具。 当然，这些只是...

前几天，对九霄项目进行了一次大范围的性能优化，效果还不错，首屏从最开始的899个请求4.98s加载，到最后29个请求998ms加载，提升了79%以上。这里记录一下优化的过程，方便有需要的朋友。