- 博客(4)
- 收藏
- 关注
RSS订阅原创 自己写的TAB栏切换小动画
tab栏切换图片展示的建议动画效果，效果如下本来是直接用VUE来做的，不过还是想自己写简易的动画，代码与结构如下，逻辑是先用JS进行图片定位设置，设置自建属性1，属性值为初始位置坐标，点击后让与TAB不具有相同tab属性值的图片，消失，然后对相同tab属性值的图片进行重新排序，设置自建属性2，属性值为新位置坐标，再次点击其他tab属性的TAB时，让图片重新排序进行定位。而坐标修改为新定位的属性值，进行动画效果，即可达成，虽然距离目标动画还有距离，但也算小试牛刀了。...
2021-05-20 15:59:57
607
原创 样式作为判断条件《奇思妙想三》
今天写一个按钮控制改变背景色的demo，初始写代码为初始写法为声明一个变量，点击时改变值，来控制后续背景色改变。而之后思考能否使用样式直接作为判断条件。此时修改代码为发现代码无效，明明执行条件与结果没有任何问题，为什么不行呢，在查看控制台后发现，点击第一次时，样式的确背景色从黑色变成白色，同时也出现如下代码，我们发现行样式的确改变了，而新样式出现在行内样式中，由此总结，如果以样式作为判断条件作为判断条件，需要将改变的样式提前写进行内样式中此时，即可实现通过样式作为判断条件
2021-05-09 08:56:27
202
原创 自增运算，阴间代码《奇思妙想二》
突然翻到去年自学时的代码，想起当时这个问题困扰了一大堆已经从业几年的老哥们，问题为图片中注释的代码为什么没有作用。当时发出去的时候不少人管这叫阴间代码，属实没见过X+++px这种写法，回归问题，一开始都认为+++写法有问题，JS不识别写法，后面排除这种说法，又被困在offsetLeft只读属性，此时自增无用，但是此时并没有给属性赋值，只是让其进行自增运算，直到最后，一名老哥才指出，这不算代码题，算数学题。因为X++总在结束后赋值，而left与offsetLeft是相互获取的，即初始的offsetLeft..
2021-05-08 17:20:39
25115
原创 innerHtml小总结《奇思妙想一》
《奇思妙想》在使用innerHtml以及innerText时，一直以为直接=是重写结构或内容，+=则是添加元素或内容在今天写奇思妙想是才明白。本意是在区域移动时添加添加坐标文本，但是移入后发现只会出现首次移入的坐标文本，并且box不见了，此处明白因为innerHtml重写内部结构，但是当修改为+=时依然无法产生想要的结果，随后修改为此时返回结果为false，此时说明即使使用InnerHtml+=，也会重新书写结构，造成长相一样，其实不一样的情况。个人目前这样理解，当然也是学艺不精在会
2021-05-04 22:20:09
115
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人