雨水一盒

摘要： 前提： 1、使用rem的前提是首先要设置好页面的根节点的大小： <script> (function(){ var html = document.documentElement; var hWidth = html.getBoundingClientRect().width; html.style 阅读全文

摘要： 1、面向对象特点 相比之前按照过程式写法，面向对象有以下几个特点; 1、抽象：抓住核心问题，就是将很多个方法放在一个对象上。对象由属性和方法组成，属性就是我们定义的变量，它是静态的；方法就是行为操作，函数，它是动态的。 2、封装：只能通过对象来访问函数。工厂方式，就是面向对象中的封装函数。构造函数， 阅读全文

摘要： 1、在使用弹性盒模型的时候父元素必须要加display:box 或 display:inline-box: 新版弹性盒模型：flex：display : flex 老版弹性盒模型：box : display : -webkit-box 2、box-orient 定义盒模型的主轴方向 新版：flex： 阅读全文

摘要： 首先在页面中创建一个canvas标签： js部分： 注意save()和restore()的运用，在num累加的情况下，保存路径和恢复路径可以让方块匀速运动； 定义变量num和value来设置临界点的方法。 阅读全文

摘要： 在页面上加入canvas标签： js部分： 绘制秒的刻度的思路是先用oGC.stroke()循环画60个6°的扇形，将它们拼接成一整个圆，然后用oGC.fill()画一个实心的圆，半径比之前拼接的那个圆短，用实心的圆挡住中间多余的线，这样秒的刻度就画出来了，以此类推可以画出分的刻度； 让时钟自动走起 阅读全文