房东家的猫

摘要： 快乐的时光都是这么短暂,转眼间,web原生组件的知识点已经学完了,这个虽然暂时不一定有用,但是随着时间的积累,一步一个脚印的积累,你会有相应的收获,希望能变得更强,比如两年前我也会想有现成的东西不用,干嘛要自己写呢?但是你确定一直用上层的东西,你的收获有自己写快吗? 在开发的过程过能节约下来的时间, 阅读全文

摘要： innerHTML outerHTML textContent innerText 区别 <div id="test"> <span>sdsdsdsd <span>555</span></span> bbbb </div> innerHTML ​ 从对象的起始位置到终止位置的全部内容,包括Html标 阅读全文

摘要： 温馨提醒,当你觉得看我写的很乱的时候,就对了,那是因为我查阅了大量的资料提取出来的,因为有点东西不太理解,所以你会感觉有的部分重复了,也不是重复,只是后面对前面的内容进行梳理了一些,需要耐心的看到最后 自定义元素 我们发现自定义元素总是有破折号的Q,<my-component> 或 <bacon-c 阅读全文

摘要： css 数学函数 min max calc :root{ --box:120px } .box { /*width: var(--box); 120px*/ /*width: min(var(--box),100px); 100px*/ /*width: max(var(--box), 100px) 阅读全文

摘要： getAttributesNs/setAttributesNs element.setAttributeNS(namespace,name,value) namespace 是指定属性的命名空间的一个字符串。 name 是标识要设置的属性的一个字符串。 value 是新属性的所需字符串值。 添加/或 阅读全文

摘要： 鼠标拖拽 事件 container.addEventListener("touchstart", dragStart, false);// 进入 container.addEventListener("touchend", dragEnd, false); // 离开 container.addEv 阅读全文

摘要： 在10/22之前补充的很多细微的知识点,导致文章过长,所以准备把第一节分成上下两节 fill 填色 <rect x="290" y="50" width="100" height="100" stroke="#000" stroke-width="10" fill="#09f"></rect> 渐变 阅读全文

摘要： SVG 过滤器 基本原型 <svg width="1000" height="577"> <filter id="demoFilter"> <!-- 添加过滤器的效果--> </filter> <image xlink:href="..." width="100%" height="100%" x= 阅读全文

摘要： text 文字 <svg width="500" height="500"> <text x="40" y="40">我是谁</text> <text x="80" y="80" fill="red">我是谁</text> <text x="120" y="120" stroke="red" sty 阅读全文

摘要： https://css-tricks.com/mega-list-svg-information/ 在10/22之前补充的很多细微的知识点,导致文章过长,所以准备把第一节分成上下两节 rect 矩形 <svg width='200' height='200'> <g transform="trans 阅读全文