随笔分类 -  js

getObjectURL 上传图片预览

摘要：js 函数 function getObjectURL(file) { var url = null ; if (window.createObjectURL!=undefined) { // basic url = window.createObjectURL(file) ; } else if 阅读全文

posted @ 2018-01-10 15:02 LY_Young 阅读(2738) 评论(0) 推荐(0)

JSON.parse()和JSON.stringify()

摘要：parse用于从一个字符串中解析出json对象,如 var str = '{"name":"huangxiaojian","age":"23"}' 结果： JSON.parse(str) Object Object 注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。 stringif 阅读全文

posted @ 2017-11-21 22:01 LY_Young 阅读(181) 评论(0) 推荐(1)

视觉差效果

摘要：一：先布局出div <div class="col col-md-4" data-paroller-factor="0.5" data-paroller-type="foreground"> <div class="card"> <img class="card-img-top" src="imag 阅读全文

posted @ 2017-11-20 20:13 LY_Young 阅读(169) 评论(0) 推荐(0)

前端开发面试题

摘要：本文收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的！ 前端还是一个年轻的行业，新的行业标准， 框架， 库都不断在更新和新增，正如赫门在2015深JS大 阅读全文

posted @ 2017-11-18 20:09 LY_Young 阅读(336) 评论(0) 推荐(1)

字符串分割--java中String.split()用法

摘要：在java.lang包中有String.split()方法，返回是一个数组。 1、“.”和“|”都是转义字符，必须得加"\\"; 如果用“.”作为分隔的话，必须是如下写法：String.split("\\."),这样才能正确的分隔开，不能用String.split(".");如果用“|”作为分隔的话 阅读全文

posted @ 2017-11-18 19:17 LY_Young 阅读(378) 评论(0) 推荐(0)

canvas 实现赛车小游戏

摘要：一：样式 <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)

canvas 实现飞碟射击游戏

摘要：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)

canvas 实现掉落效果

摘要：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)

canvas 实现贪吃蛇游戏

摘要：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)

canvas 实现微信小游戏

摘要：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)

canvas 实现飘浮桥效果

摘要：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)

canvas 实现圆环效果

摘要：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)

canvas 实现时钟效果

摘要：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 实现烟花效果

摘要：一：创建画布 <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 实现弹跳效果

摘要：一：创建画布 <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 实现太阳系效果

摘要：一：创建画布 <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 实现赛车游戏

摘要：一：创建画布 <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)

canvas绘图实现浏览器等待效果

摘要：一：创建画布 <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)

HTML5 Web Worker的使用

摘要：web worker使用 阅读全文

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