迪迪的博客

摘要： //半径 var r = 130; //重置原点 ctx.save(); ctx.translate(400, 500); //使用translate重置原点 function drawClock() { //画时钟不动的背景 //时钟外圈 ... 阅读全文

摘要： 今日看到一句话： 基于循环的迭代比基于函数的迭代法快8倍，因此有了该篇验证博客。 验证代码如图： 验证结果：在数量比较少的时候，无明显差别，当数量级达到10的4次方时候，for循环的效率优势明显：如图： 从中学到其他小知识点： 1、es6语法 数组fill，填充数组，注意，如果填充的是对象，则只是一 阅读全文

摘要： 背景： 一共有3个文件：svg文件，html文件，js文件。 有一个svg图，使用embed标签，引入到了html文件中 svg文件： HTML文件中： 然后使用js文件来操纵svg，插入图形。 第一个拦路虎：获得svg dom， 如果你的svg是直接写在html文件中，那么，svg和HTML共用一 阅读全文

摘要： 返回一组数中最大值： 找到数组中的最大值，有两种方法，一种是apply，一种使用拓展运算符。 释义： 由于max()里面参数不能为数组，所以借助apply(funtion,args)方法调用Math.max()， function为要调用的方法，args是数组对象，当function为null时，默 阅读全文

摘要： js 属性增改删操作，可参看菜鸟教程，这里记录一个小问题：disabled属性 使用setAttribute操作无法 禁用disabled属性，需使用removeAttribute操作，原因是只要有disabled,那他即会生效。 阅读全文

摘要： 使用yarn的优点，简而言之就是：锁定版本，下载之前检查完整性。 输入 yarn --help 可以获得帮助 阅读全文

摘要： 使用js来动态绘制svg图片，首先就是要创建svg 节点。 使用createElementNS(),语法： 参数： 有效的命名空间URL有： 代码举例： 阅读全文

摘要： 要点：使用select(); 上代码： 修改样式： innerHTML: 阅读全文

摘要： 主要区别： onkeypress 这个事件在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。 onkeyup 这个事件在用户放开任何先前按下的键盘键时发生。 onkeydown 这个事件在用户按下任何键盘键（包括系统按钮，如箭头键和功能键）时发生。 阅读全文

摘要： react中设置css样式 方法一： 行内样式：使用{{ }}，与正常jsx中插入js代码不一样，这里需要两个括号。 样式比较多的话不建议使用该方法。 可以使用方法二 方法二： 在jsx文件中定义样式变量， 方法三： 正常写css文件，然后引入， 阅读全文