摘要：本文收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的！ 前端还是一个年轻的行业，新的行业标准， 框架， 库都不断在更新和新增，正如赫门在2015深JS大
阅读全文
posted @ 2017-11-18 20:09
随笔分类 - css3
摘要：购物车是电商必备的功能，可以让用户一次性购买多个商品，常见的购物车实现方式有如下几种： 1. 用户更新购物车里的商品后，页面自动刷新。 2. 使用局部刷新功能，服务器端返回整个购物车的页面html 3. 服务器端返回JSON格式，使用模板引擎+dom操作更新页面 最近新学习了vue.js，一个轻量级
阅读全文
posted @ 2017-11-17 09:13
摘要：一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M
阅读全文
posted @ 2017-11-17 08:58
摘要：一：样式 <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
摘要：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
摘要：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
摘要：var canvas = document.getElementById('canvas'); var cxt = canvas.getContext('2d'); // 定时器 var timer; // 游戏是否结束 var iStop = false; var index = 0; // 蛇位
阅读全文
posted @ 2017-11-16 22:42
摘要：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
摘要：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
摘要：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
摘要：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
摘要：一：创建画布 <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
摘要：一：创建画布 <canvas width="600" height="600" id="canvas"></canvas> 二：代码实现 var canvas = document.getElementById('canvas'); var cxt = canvas.getContext('2d')
阅读全文
posted @ 2017-11-16 22:30
摘要：一：创建画布 <canvas width="1000" height="1000" id="solar" style="background: #000000"></canvas> 二：实现功能 var solar = document.getElementById('solar'); var cx
阅读全文
posted @ 2017-11-16 22:29
摘要：一：创建画布 <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
摘要：web前端面试题及答案 1、常用那几种浏览器测试？有哪些内核(Layout Engine)? 答： (Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。 (Q2) 内核：Trident，Gecko，Presto，Webkit。 2、 说下行内元素和块级元素的区别？行内块元
阅读全文
posted @ 2017-11-16 22:06