摘要: //半径 var r = 130; //重置原点 ctx.save(); ctx.translate(400, 500); //使用translate重置原点 function drawClock() { //画时钟不动的背景 //时钟外圈 ... 阅读全文
posted @ 2018-07-20 22:13 迪迪的博客 阅读(386) 评论(2) 推荐(0) 编辑
摘要: 今日看到一句话: 基于循环的迭代比基于函数的迭代法快8倍,因此有了该篇验证博客。 验证代码如图: 验证结果:在数量比较少的时候,无明显差别,当数量级达到10的4次方时候,for循环的效率优势明显:如图: 从中学到其他小知识点: 1、es6语法 数组fill,填充数组,注意,如果填充的是对象,则只是一 阅读全文
posted @ 2018-07-18 00:07 迪迪的博客 阅读(1022) 评论(2) 推荐(0) 编辑
摘要: 背景: 一共有3个文件:svg文件,html文件,js文件。 有一个svg图,使用embed标签,引入到了html文件中 svg文件: HTML文件中: 然后使用js文件来操纵svg,插入图形。 第一个拦路虎:获得svg dom, 如果你的svg是直接写在html文件中,那么,svg和HTML共用一 阅读全文
posted @ 2018-07-15 11:00 迪迪的博客 阅读(16340) 评论(0) 推荐(1) 编辑
摘要: 返回一组数中最大值: 找到数组中的最大值,有两种方法,一种是apply,一种使用拓展运算符。 释义: 由于max()里面参数不能为数组,所以借助apply(funtion,args)方法调用Math.max(), function为要调用的方法,args是数组对象,当function为null时,默 阅读全文
posted @ 2018-07-14 18:38 迪迪的博客 阅读(252) 评论(0) 推荐(0) 编辑
摘要: js 属性增改删操作,可参看菜鸟教程,这里记录一个小问题:disabled属性 使用setAttribute操作无法 禁用disabled属性,需使用removeAttribute操作,原因是只要有disabled,那他即会生效。 阅读全文
posted @ 2018-07-13 15:33 迪迪的博客 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 使用yarn的优点,简而言之就是:锁定版本,下载之前检查完整性。 输入 yarn --help 可以获得帮助 阅读全文
posted @ 2018-07-13 10:39 迪迪的博客 阅读(758) 评论(0) 推荐(0) 编辑
摘要: 使用js来动态绘制svg图片,首先就是要创建svg 节点。 使用createElementNS(),语法: 参数: 有效的命名空间URL有: 代码举例: 阅读全文
posted @ 2018-07-12 23:23 迪迪的博客 阅读(262) 评论(0) 推荐(0) 编辑
摘要: 要点:使用select(); 上代码: 修改样式: innerHTML: 阅读全文
posted @ 2018-07-01 12:25 迪迪的博客 阅读(341) 评论(0) 推荐(1) 编辑
摘要: 主要区别: onkeypress 这个事件在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。 onkeyup 这个事件在用户放开任何先前按下的键盘键时发生。 onkeydown 这个事件在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生。 阅读全文
posted @ 2018-06-27 22:47 迪迪的博客 阅读(217) 评论(1) 推荐(1) 编辑
摘要: react中设置css样式 方法一: 行内样式:使用{{ }},与正常jsx中插入js代码不一样,这里需要两个括号。 样式比较多的话不建议使用该方法。 可以使用方法二 方法二: 在jsx文件中定义样式变量, 方法三: 正常写css文件,然后引入, 阅读全文
posted @ 2018-06-27 11:53 迪迪的博客 阅读(8240) 评论(0) 推荐(1) 编辑