web
文章平均质量分 61
LoongYL
头等舱可以优先登机 银行得VIP可以不用排队,演唱会最贵的票位置也最好,世界从不平等,你有多努力,就会有多特殊
展开
-
原生JS网页版贪吃蛇--双龙戏珠_加眼睛
原生JS网页版贪吃蛇--双龙戏珠_加眼睛面对对象的JavaScript实现<!-- 2021年 loong --><!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>贪吃蛇-双龙戏珠</title> </head> <body> <script type="text/javascript".原创 2021-03-31 18:25:05 · 168 阅读 · 0 评论 -
CSS使用display:inline-block与float布局的区别
1.解释一下display的几个常用的属性值,inline , block, inline-blockinline:使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行,不会独占一行.不能更改元素的height,width的值,大小由内容撑开.可以使用padding,margin的left和right产生边距效果,但是top和bottom就不行.block:使元素变成块...原创 2019-04-02 09:37:00 · 411 阅读 · 0 评论 -
利用CSS3制作一个动态时钟
设计思路:将一个盒子,通过border-radius:50%变为圆,然后画六条线通过定位平分圆,中间再画一个圆背景设置为白色,遮住多余部分。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style typ...原创 2019-04-09 10:48:05 · 829 阅读 · 0 评论 -
20行代码能干嘛?可以写一条贪吃蛇,你信不信
这是一个400px*400px的canvas,思路是以20px*20px为一个方格,组成20行20列的方阵,总共400格,然后绿色填充的格子表示蛇身,用黄色表示食物。这400个格子和数字0~399一一对应,对应的方式就是以20作为基数,n / 20再取整表示第几行,n % 20表示第几列。行数和列数都用0~19表示。<canvas id="can" width="400" heigh...原创 2019-07-16 09:36:05 · 298 阅读 · 0 评论