2017年11月16日

摘要: 一:样式 <style> #btn{ width: 60px; height: 30px; line-height: 30px; background: #7EC0EE; border: 2px solid #8A2BE2; font-size: 20px; text-align: center; 阅读全文

posted @ 2017-11-16 22:47 LY_Young 阅读(680) 评论(0) 推荐(0)

摘要: var canvas = document.getElementById('canvas'); var cxt = canvas.getContext('2d'); // 射击角度 var ang = 0; // 子弹 var bullets = []; // 飞碟 var fly = {'x':1 阅读全文

posted @ 2017-11-16 22:45 LY_Young 阅读(603) 评论(0) 推荐(0)

摘要: var canvas = document.getElementById('canvas'); var cxt = canvas.getContext('2d'); cxt.strokeStyle = 'red'; var gravity = 0.98; var timer; var index = 阅读全文

posted @ 2017-11-16 22:44 LY_Young 阅读(573) 评论(0) 推荐(0)

摘要: var canvas = document.getElementById('canvas'); var cxt = canvas.getContext('2d'); // 定时器 var timer; // 游戏是否结束 var iStop = false; var index = 0; // 蛇位 阅读全文

posted @ 2017-11-16 22:42 LY_Young 阅读(346) 评论(0) 推荐(0)

摘要: var canvas = document.getElementById('canvas'); var cxt = canvas.getContext('2d'); var timer; var iStop = false; var rotateSpeed = 0; var endLines = [ 阅读全文

posted @ 2017-11-16 22:41 LY_Young 阅读(494) 评论(0) 推荐(0)

摘要: var canvas = document.getElementById('canvas'); var cxt = canvas.getContext('2d'); var timer; var iStop = false; var radius = 50; var transX = 0; var 阅读全文

posted @ 2017-11-16 22:40 LY_Young 阅读(332) 评论(0) 推荐(0)

摘要: var race = document.getElementById('race'); var cxt = race.getContext('2d'); var ang = 0; var speed = 1; var sAng = 0; function draw() { cxt.save(); c 阅读全文

posted @ 2017-11-16 22:39 LY_Young 阅读(475) 评论(0) 推荐(0)

摘要: var clock = document.getElementById('clock'); var cxt = clock.getContext('2d'); function drawClock(){ var now = new Date(); var sec = now.getSeconds() 阅读全文

posted @ 2017-11-16 22:38 LY_Young 阅读(191) 评论(0) 推荐(0)

摘要: 一:创建画布 <canvas width="600" height="600" id="canvas" style="border:1px solid red;"></canvas> 二:实现功能 var canvas = document.getElementById('canvas'); var 阅读全文

posted @ 2017-11-16 22:37 LY_Young 阅读(687) 评论(0) 推荐(0)

摘要: 一:创建画布 <canvas width="600" height="600" id="canvas"></canvas> 二:代码实现 var canvas = document.getElementById('canvas'); var cxt = canvas.getContext('2d') 阅读全文

posted @ 2017-11-16 22:30 LY_Young 阅读(1043) 评论(0) 推荐(0)

摘要: 一:创建画布 <canvas width="1000" height="1000" id="solar" style="background: #000000"></canvas> 二:实现功能 var solar = document.getElementById('solar'); var cx 阅读全文

posted @ 2017-11-16 22:29 LY_Young 阅读(343) 评论(0) 推荐(0)

摘要: 一:创建画布 <canvas width="200" height="500" id="canvas" style="border:10px solid #A2CD5A;"></canvas><input type="text" placeholder="难度(1-5)" id="sd"><div 阅读全文

posted @ 2017-11-16 22:27 LY_Young 阅读(619) 评论(0) 推荐(0)

摘要: web前端面试题及答案 1、常用那几种浏览器测试?有哪些内核(Layout Engine)? 答: (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。 (Q2) 内核:Trident,Gecko,Presto,Webkit。 2、 说下行内元素和块级元素的区别?行内块元 阅读全文

posted @ 2017-11-16 22:06 LY_Young 阅读(3955) 评论(0) 推荐(0)

摘要: 一:创建画布 <canvas width="600" height="600" id="canvas" style="border:1px solid red;"></canvas><input type="button" id="start" value="start"><input type=" 阅读全文

posted @ 2017-11-16 18:42 LY_Young 阅读(552) 评论(0) 推荐(0)

摘要: web worker使用 阅读全文

posted @ 2017-11-16 14:04 LY_Young 阅读(1245) 评论(0) 推荐(3)