JavaScript
格桑花念
尽自己最大的努力去学习更多的知识,充实自己!
展开
-
使用Canvas画板和原生JS绘制逼真的机械时钟
1.Canvas画板标签html结构:<div id="container"> <canvas id="watch" width="600" height="600"></canvas> </div>css部分:div#container{ width: 600px; height: 600原创 2019-02-12 17:00:05 · 427 阅读 · 0 评论 -
原生JS制作一个好玩的垃圾箱效果
html部分:<div> <div class="dustbin"> 垃<br /> 圾<br /> 箱<br /> </div> <div class="dragbox"> <div class="dra原创 2019-02-14 18:40:32 · 811 阅读 · 0 评论 -
qrcode.js和jQuery根据用户输入信息生成微信联系人二维码
1.首先去官网下载qrcode.js2.下载最新的jQuery文件3.导入qrcode.js文件和jQuery文件html部分:<div id="box"> <div class="left"> <ul> <li> <span>姓名</span>原创 2019-02-14 18:35:17 · 1397 阅读 · 1 评论 -
js制作仿京东购物放大镜效果
html部分:<div class="itmearea"> <div class="pic"> <img src="img/1.jpg" /> <div class="cover"></div> </div> <u原创 2019-02-14 18:25:45 · 796 阅读 · 1 评论 -
基于node.js的简单在线聊天室
1.服务端提供web服务接收客服端所发送的消息主动向客服端发送消息2.客户端接收服务端所发送的消息连接到聊天服务器发送消息到服务端客户端与服务端的关系图一般的请求协议都是HTTP或HTTPS请求协议,HTTP协议是一种无状态协议,由于HTTP协议是基于请求/响应范式的(相当于客户机/服务器 ),只能通过客服端请求服务端才会响应,不会主动发送信息给客服端,所以不能适用于聊...原创 2019-01-26 21:25:26 · 1443 阅读 · 2 评论 -
Canvas+JS制作贪吃蛇小游戏
1.Canvas布局<body style="text-align: center; margin: 100px; background: #aaa;"> <canvas id="canv" width="400" height="400" style="background-color: gray;"></canvas>原创 2019-02-13 15:53:23 · 751 阅读 · 0 评论