03 2019 档案

JavaScript事件对象方法
摘要：获取事件对象 var evnt = evt ? evt : window.event //兼容模式 获取鼠标坐标 event.clientX/clientY //相对dom区域坐标 event.pageX/pageY //相对dom区域坐标，给考虑滚动条位置 event.screenX/screen 阅读全文
posted @ 2019-03-23 10:16 Cyber_nnno 阅读(418) 评论(0) 推荐(0)
javaScript中string对象的方法
摘要：charCodeAt() 返回整数 strObj . charCodeAt(index) index将被处理字符的从零开始计数的编号。有效值为 0 到 字符串长度减1 的数字 如果指定位置没有字符，将返回NaN fromCharCode() 从一些Unicode字符串中返回一个字符串 String 阅读全文
posted @ 2019-03-23 08:59 Cyber_nnno 阅读(1257) 评论(1) 推荐(1)
js中Number对象方法
摘要：toString() 可把一个 Number 对象转换为一个字符串，并返回结果 NumberObject . toString(radix) radix ：可选。规定表示数字的基数，使 2 ~ 36 之间的整数。若省略该参数，则使用基数 10。但是要注意，如果该参数是 10 以外的其他值，则 ECM 阅读全文
posted @ 2019-03-20 10:50 Cyber_nnno 阅读(346) 评论(0) 推荐(0)
Javascript 对DOM节点的操作
摘要：获得属性值 itnode . 属性名称 //只能操作w3c规定内容 itnode . getAttribute(属性名称) //规定的 和 自定义的都可以获取 设置属性值 itnode . 属性名称 = 值 //只能操作w3c规定的属性 itnode . setAttribute(名称，值) //规 阅读全文
posted @ 2019-03-19 17:10 Cyber_nnno 阅读(1456) 评论(0) 推荐(1)
js节点常用操作
摘要：node表示传的参数，比如变量 node.parentElement 返回当前节点的父级Element节点 node.firstChild 返回树中节点的第一个子节点，如果节点是无子节点，则返回null node.lastChild 返回该节点的最后一个子节点，如果该节点没有子节点则返回null n 阅读全文
posted @ 2019-03-19 08:47 Cyber_nnno 阅读(1036) 评论(0) 推荐(0)
正则表达式
摘要：一、校验数字的表达式 1. 数字：^[0-9]*$ 2. n位的数字：^\d{n}$ 3. 至少n位的数字：^\d{n,}$ 4. m-n位的数字：^\d{m,n}$ 5. 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6. 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+( 阅读全文
posted @ 2019-03-16 11:10 Cyber_nnno 阅读(493) 评论(0) 推荐(1)
js数组方法整理
摘要：整理了以下数组方法 join() push()和pop() shift() 和 unshift() sort() reverse() concat() slice() splice() indexOf()和 lastIndexOf() （ES5新增） forEach() （ES5新增） map() 阅读全文
posted @ 2019-03-16 11:02 Cyber_nnno 阅读(127985) 评论(16) 推荐(31)
if条件的默认转换规则：
摘要：如果括号里的是字符串：是空的，就是false，有内容就是true 如果是数字：0是false，非0就是true null也是false 阅读全文
posted @ 2019-03-16 09:53 Cyber_nnno 阅读(698) 评论(0) 推荐(0)
js中数组
摘要：数组：定义 赋值 使用(取值) 遍历 数组方法 字符串方法 定义： 数组元素：数组里面的每一个值就是数组元素 数组长度：数组元素的个数 arr.length 数组下标：数组元素在数组中的位置 从0开始 一维数组：arr [ 1,2,3,4,5 ] arr[0]; //1 二维数组：arr[ [1,2 阅读全文
posted @ 2019-03-14 14:53 Cyber_nnno 阅读(821) 评论(0) 推荐(0)
js中for循环
摘要：多层嵌套 针对数组 阅读全文
posted @ 2019-03-14 10:03 Cyber_nnno 阅读(3348) 评论(0) 推荐(0)
switch循环
摘要：原理: 找case的值 匹配到进入case执行代码，找break 没找到，找下一个case，如果都没找到就找default，进行default代码，找break 如果没break，进入下一个case或default找break，直到最后 阅读全文
posted @ 2019-03-13 14:30 Cyber_nnno 阅读(5658) 评论(0) 推荐(1)
javascript中的变量
摘要：变量命名法则 用数字、字母、下划线命名 不能数字开头 不能和关键字重名 var a=123; 数据类型 数字：int 字符串：string 布尔：true false 运算符 + - * / ++ -- 阅读全文
posted @ 2019-03-09 09:32 Cyber_nnno 阅读(289) 评论(0) 推荐(0)
javascript书写格式
摘要：原生的javascript应用于页面的特效和表单验证 整体结构 内容 内联（行内，不推荐） 写在标签中，以属性的形式表现，属性名是事件属性 内嵌 写在html文件里，以标签形式表现，script一般写在head或文档最下面 外部引用 阅读全文
posted @ 2019-03-09 09:10 Cyber_nnno 阅读(1605) 评论(0) 推荐(0)
css3文字效果
摘要：text-shadow：文字阴影 box-shadow：盒子阴影 overflow:文本溢出属性指定应向用户如何显示溢出内容 word-wrap：换行 如果内容超出区域，可以用这个方法强制换行 阅读全文
posted @ 2019-03-06 14:47 Cyber_nnno 阅读(268) 评论(0) 推荐(0)
css3渐变色
摘要：Linear Gradients：线性渐变 默认是从上到下的，可以把direction改为left就为从左到右渐变 也可以left top，左上到右下 也可以使用角度，180度 还有透明度的应用 Radial Gradients:径向渐变 与线性渐变一样，讲语法改一下就可以了 阅读全文
posted @ 2019-03-06 11:59 Cyber_nnno 阅读(348) 评论(0) 推荐(0)
css3背景
摘要：background-image：添加背景图片 background-size：背景图的大小 length:设置背景图片高度和宽度。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为 auto(自动) percentage:将计算相对于背景定位区域的百分比。第一个值设置宽度，第二 阅读全文
posted @ 2019-03-06 11:48 Cyber_nnno 阅读(374) 评论(0) 推荐(0)
css3边框
摘要：border-radius：创建圆角 圆角可以单设 四个值: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。 三个值: 第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角 两个值: 第一个值为左上角与右下角，第二个值为右上角与左下角 一个值： 四个圆角值相同 b 阅读全文
posted @ 2019-03-06 11:37 Cyber_nnno 阅读(289) 评论(0) 推荐(0)
css3弹性盒子
摘要：弹性盒子：Flex Box 弹性盒子，就是将元素放在盒子中，自行选择里面元素的位置和间距边距 1.flex-direction:属性指定了弹性子元素在父容器中的位置 row：横向从左到右排列（左对齐），默认的排列方式 row-reverse：反转横向排列（右对齐，从后往前排，最后一项排在最前面 co 阅读全文
posted @ 2019-03-06 11:30 Cyber_nnno 阅读(252) 评论(0) 推荐(1)
css3动画
摘要：转换：transform 1.transform: translate(50px,100px);，偏移位置，将元素偏移到x轴50px，y轴100px的位置，元素在页面位置不动 2.transform: rotate(30deg);旋转，将元素旋转30度，如果是负数就逆时针旋转，元素在页面位置不动 3 阅读全文
posted @ 2019-03-06 10:41 Cyber_nnno 阅读(312) 评论(0) 推荐(0)