现在写前端代码有各种各样的框架和库,轻轻松松就实现我们要的功能,写久了,原生js可能会模糊,为了巩固,会陆续写一些原生的代码,今天就从这个开始。 先上效果: 手机端的滑块效果,做webapp的可能都会遇到过,下面来一次实现。 html结构 <div class="range"> <div class ...
分类:
移动开发 时间:
2020-03-24 23:02:42
阅读次数:
163
0.[[]] [] (())的对比 [[ ]] 对数字的比较不友好,所以使用 if 判断条件时,建议用(())来处理整型数字,用[[]]来处理字符串或者文件。 用法说明脚本支持逻辑运算符 (()) ((expression)) 不需要注意空格 在 (( )) 中使用变量可以加也可以不加$前缀,(( ...
分类:
系统相关 时间:
2020-03-23 20:39:02
阅读次数:
99
A.transform.TransformPoint ( Vector3 relativePosition ) ; 其中这里的relativePosition 就是B相对于A的坐标。 这样就查询到了B的世界位置。 拓展:如果要反过来的话:知道B的世界坐标,想求B相对于A的坐标。 A.transfor ...
分类:
其他好文 时间:
2020-03-23 20:33:52
阅读次数:
70
定位:position属性:position描述:设置对象的定位方式值: static 静态定位:页面中的每一个对象的默认值 absolute 绝对定位:将对象从文档流中分离出来,通过设置left、right、top、bottom 四个方向相对于 父级对象进行绝对定位。如果不存在这样的父对象,则依据 ...
分类:
其他好文 时间:
2020-03-22 13:50:44
阅读次数:
70
一、jQuery初步认知 jQuery概述 JQuery概念 javascript概念 基于Js语言的API和语法组织逻辑,通过内置window和document对象,来操作内存中的DOM元素 JQuery概念 基于javascript的,同上,提高了代码的效率 jQuery是什么: 是一个java ...
分类:
Web程序 时间:
2020-03-20 22:31:02
阅读次数:
157
一、如何编辑出一个正方体 上后下前的顺序编写,最后在写左右 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D184_3DTransformCube</title> <style> *{ margin:0; ...
分类:
Web程序 时间:
2020-03-20 00:30:05
阅读次数:
71
``` html ``` ``` css .close { position: relative; width: 40px; height: 40px; } .close::before, .close::after { position: absolute; content: ' '; backg... ...
分类:
Web程序 时间:
2020-03-19 21:38:35
阅读次数:
1433
相对定位 如果想为元素设置层模型中的相对定位,需要设置position:relative;,它还是会占用该元素在文档中初始的页面空间,通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置,然后相对于以前的位置移动,移动的方向和幅度由left、right、top、bott ...
分类:
Web程序 时间:
2020-03-19 13:22:48
阅读次数:
71
1.相对定位 position:relative; 2.绝对定位 position:absolute; 3.固定定位 position:fixed; ...
分类:
Web程序 时间:
2020-03-18 23:58:06
阅读次数:
121
结构是这样的 <div class="box"> <div class="content">something</div> <div class="inner"></div> </div> 样式是这样的 .box { position: relative; width: 160px; height: ...
分类:
移动开发 时间:
2020-03-17 19:48:07
阅读次数:
178