幸运抽奖实现要求day06上午笔记.pdfVIP

幸运抽奖的实现要求：

(1)底盘、指针异步加载后同步显示

(2)底盘、指针绘制完成后，显示抽奖按钮

(3)抽奖按钮默认是禁用的，异步获取剩余抽奖次数，为0的话仍保持禁用状态——每消费￥100，给一次

抽奖机会

(4)每次抽奖后，剩余抽奖次数-1，

(5)每次的抽奖结果异步保存入数据库（user_name、result、lottery_time）

1.异步请求间的同步问题

varimg1Loaded=false;

varimg2Loaded=false;

varimg1=newImage();

img1.src=xx;

img1.onload=function(){

img1Loaded=true;

if(img2Loaded){...}

}

varimg2=newImage();

img2.src=yy;

img2.onload=function(){

img2Loaded=true;

if(img1Loaded){...}

}

2.获取用户的抽奖次数

SQL知识点补充：SQL提供的分组查询函数

SUM()函数用于求总和：

SELECTSUM(price)FROMjd_orders;

COUNT()函数用于求个数：

SELECTCOUNT(price)FROMjd_orders;

3.常用的Web开发软件

(1)小型：notepad、notepad++、editplus、vim、emacs

(2)中型：SublimeText

(3)大型：Aptana(基于Eclipse)、WebStorm、DW

IDE(IntegratedDevelopmentEnvironment)软件：编辑器、调试器、代码提示、项目文件管理器、

服务器沟通功能、浏览器调试功能、文件监视器

WebStorm工具的安装和使用：

注意修改快捷键方案！

Eclipse的常用快捷键：

Ctrl+Alt+↓：快速当前行

Alt+↑/↓：快速移动当前行

Ctrl+D：删除当前行

Ctrl+Alt+L：重新格式化当前文档

ZenCoding功能：

div+TAB

div.container+TAB

div#d1+TAB

div.container#d2+TAB

div*3+TAB

ulli+TAB

ullia+TAB

ulli*4a*2+TAB

table#newslisttheadtrtd*4+TAB

多行同时编辑功能：

Alt+鼠标左键开始多行编辑

ESC取消多行编辑

假文功能：

lorem+TAB