这是前端最好的时代——论前端的 “三化” 建设
CSDN 原文链接：http://www.csdn.net/article/2015-07-17/2825243-alloy-team-leehey
摘要：深 JS 大会近日在深圳举办，涵盖了 JS 领域众多热点话题，很多专家的精彩分享更是引起参会者的诸多思考，如赫门演讲中提出的 “每 18 至 24 个月，前端都会难一倍”。本文来自腾讯 AlloyTeam 李成熙，分享了他参会的所见所感。
JS 中国开发者大会于 7 月 11-12 日在深圳成功举办。该大会号称 JavaScript 和 Node.js 领域含金量最高的技术分享大会，聚集了来自国内外 20 多位讲师及大量 JS 技术爱好者，几乎涵盖了 JS 领域的所有热点话题。会后，腾讯 AlloyTeam 李成熙特别撰写了该文章，分享了他参会的所见所感。
Canvas 画椭圆的方法
虽然标题是画椭圆，但是我们先来说说 Canvas 中的圆
相信大家对于 Canvas 画圆都不陌生
编程小技巧分享 (队列回调)
有时候我们会碰到这样的任务场景，需要在一个界面上展示，许多图表内容，而获取图表数据的 CGI 做得非常原子化，也不方便更改，那么只能发很多个请求来拉取数据，展示图表，大致像下面的界面。
或者有时候，希望一系列函数按照一定顺序自动执行，但里面内嵌各种回调，完全不知道函数何时执行。可能不得不使用标志位来记录执行阶段。(当然可以使用 promise, 这里是尝试给出另外一种解决方案和思路), 这样代码看来一团糟，作为有处女座潜质的程序员多少有些纠结。
背景交代完毕，现在是正题，小技巧分享。
其实呢，我们需要的只是一个有加载顺序的队列来完成任务。
但是这里有个思维难点是程序执行流程并非线性推进，而是通过事件推进，不符合常规的线性思维方式。
我就想了一种可以让代码看起来更线性的一种方案.
代码如下:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 |
var queuePool = (function(){ var pools = [] , isRunning = false ; function walk(){ var runner = pools.shift(); if( runner ){ runner( walk ); }else{ isRunning = false ; } } return { add : function( fn ){ pools.push( fn ); } , run : function(){ if( !isRunning ){ isRunning = true ; walk(); } } }; })(); //添加一个执行队列函数 queuePool.add( function( callback /**后续执行函数**/ ){ setTimeout( function(){ alert(1); callback(); } , 500 ); }); queuePool.add( function( callback /**后续执行函数**/ ){ setTimeout( function(){ alert(2); callback(); } , 1500 ); }); queuePool.add( function( callback /**后续执行函数**/ ){ alert(3); }); queuePool.run(); queuePool.add( function( callback /**后续执行函数**/ ){ $.ajax({ url : url , data : { date : formatTime( new Date() ), referer : data.referer } , dataType : “json” , success : function( response ){ var data = [] , i = 0 , result = response.result.data; for( ; i < result.length ; ++i ){ data.push( Number( result[i].counter ) ); } $(el).kendoSparkline({ data: data }); callback(); } , fail : function(){ callback(); } }); }); queuePool.run(); |
这里我做的事情就是将队列函数，交给调用方自己来决定，何时执行。
同时 run 是个幂等函数，方便随时调用，还可以保证只有一个队列在执行，且不被多次调用。
这样就满足了开场需求，在 ajax 中顺序回调:)
HTML5 实现屏幕手势解锁
效果展示
AEditor 快速上手教程
本教程演示如何使用 AEditor 制作一个简单的 H5 交互页 demo:
交互页 demo 地址：
AEditor 访问地址：
Nuclear 开始
这里列举 Nuclear 在竞品中的优势：
[翻译]Andoird 中事件驱动编程-Event-driven programming for Android (1)
Event-driven programming for Android
Andoird 中事件驱动编程
https://medium.com/google-developer-experts/event-driven-programming-for-android-part-i-f5ea4a3c4eab
(This is the first article in a three-part series) (本文是系列文章中的一部分)
Although Android includes some event-driven features in its development, it is far away from being a pure event-driven architecture. Is this something good or bad? As in every issue with software development the answer is not easy: it depends.
虽然 Android 已经包含了若干事件驱动特性，但其离纯正的事件驱动架构还有一定的距离。这到底是好事还是坏事呢？和多数软件开发问题的答案一样：看情况。
Chrome 调试小技巧
除了我们日常使用的调试方法，在 Chrome 中，其含有一些有意思的方法，有助于提高我们的开发调试效率。
快速搭建静态服务器的几种方法
作为一名前端开发人员，经常也是需要有一个静态服务器的。下面让我们来分分钟搭建自己的静态服务器吧
一：使用 http-server
http-server 基于 Node，所以得先确保有 Node 环境。
深入浅出 directive
在 Angular, Vue.js 等 MVVM 框架中，都涉及到指令（directive）的概念，directive 实际上是一种针对 DOM 操作的抽象封装，并通过框架处理，将 DOM 操作逻辑与 DOM 元素进行自动化绑定，用一个简单的声明式语法简化了 DOM 操作逻辑中的 “给元素命名”，“查询目标元素”，“进行 DOM 操作”步骤。
Copyright © 2011-2021 AlloyTeam. All Rights Reserved. Powered By WordPress
粤ICP备15071938号-2
