- 博客(30)
- 收藏
- 关注
RSS订阅原创 对于获取鼠标坐标的几个属性的理解
clientx:鼠标在可视区域xy坐标(既相对于浏览器可视区域的xy坐标) screen:鼠标在屏幕中的xy轴坐标（既相对于屏幕顶部与屏幕左侧的xy轴坐标） offset:鼠标相对于事件源的xy轴坐标（既相对于你写的布局容器顶部与左侧的xy轴坐标） Page:鼠标相对于整个页面的xy轴坐标(既你写的整个页面包括超出可视区的区域)...
2020-11-16 13:46:34
734
原创 dom树中关于节点的一些方法及使用
节点操作，方法添加节点 appendChild()el.appendChild(newEL)将新元素添加到父元素的最后一位el为父元素newel 为新元素注意：每次添加只能是添加一个新元素例如：只有一个新元素 执行多次 只能添加一个 因为只有一个新元素插入节点 insertBefore(要插入的节点对象，要添加新的节点前的子节点。)insertBefore() 方法可...
2019-12-21 10:05:04
358
原创 在原生js中的定时器
定时器setTimeout()和clearTimeout()在指定的毫秒数到达之后执行指定的函数，只执行一次// 创建一个定时器，1000毫秒后执行，返回定时器的标示var timerId = setTimeout(function () { console.log('Hello World');}, 1000);// 取消定时器的执行clearTimeout(timerId)...
2019-12-21 09:59:05
332
1
原创 无缝轮播的实现及思路
不多说了 直接上代码 ，图片需要自己添加<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...
2019-12-21 09:55:46
294
1
原创 html标签元素在js中的获取
js 是怎么获取 html 元素的?js 通过 dom 选择器获取 Html 元素语法 document.选择器getElmentById() 参数为字符串；通过 html id 属性的值 返回 html 元素对象getElmentsByClassName() 参数为字符串；通过 html class 属性的值 返回 html 元素对象【集合】注意：集合不能使用 dom 对象下属性。例...
2019-12-14 09:44:48
143
原创 js垃圾回收机制
JavaScript的垃圾回收机制JavaScript 运行机制：Event Loop静态成员Object.assign()Object.create()Object.keys()Object.defineProperty()实例成员constructorhasOwnProperty()isPrototypeOfpropertyIsEnumerable()toStri...
2019-12-14 09:41:29
82
原创 前端中的正则表达式
正则表达式了解正则表达式的基本用法能够使用JavaScript的正则对象正则表达式简介正则表达式：用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”...
2019-12-14 09:38:17
95
原创 构造函数的问题
使用构造函数带来的最大的好处就是创建对象更方便了，但是其本身也存在一个浪费内存的问题：function Person (name, age) { this.name = name this.age = age this.type = 'human' this.sayHello = function () { console.log('hello ' + this.name...
2019-12-07 14:46:43
530
转载 js中的闭包问题
闭包什么是闭包？闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。var n=999; function f1(){ al...
2019-12-07 14:43:02
447
原创 javascript中关于this指向问题
js中this指向首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个...
2019-12-07 14:35:16
133
原创 函数的返回值
当函数执行完的时候，并不是所有时候都要把结果打印。我们期望函数给我一些反馈（比如计算的结果返回进行后续的运算），这个时候可以让函数返回一些东西。也就是返回值。函数通过return返回一个返回值。返回值语法声明一个带返回值的函数function 函数名(形参1, 形参2, 形参...){ //函数体 return 返回值;}//可以通过变量来接收这个返回值var 变量 = 函数...
2019-11-30 09:21:26
257
原创 作用域链定义
只有函数可以制造作用域结构， 那么只要是代码，就至少有一个作用域, 即全局作用域。凡是代码中有函数，那么这个函数就构成另一个作用域。如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域。将这样的所有的作用域列出来，可以有一个结构: 函数内指向函数外的链式结构。就称作作用域链。
2019-11-29 23:27:05
133
原创 JavaScript变量的提升
变量提升变量提升定义变量的时候，变量的声明会被提升到作用域的最上面，变量的赋值不会提升。函数提升JavaScript解析器首先会把当前作用域的函数声明提前到整个作用域的最前面代码// 1、-----------------------------------var num = 10;fun();function fun() { console.log(num); ...
2019-11-29 23:15:48
84
原创 js 的var声明
什么是变量变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据为什么要使用变量使用变量可以方便的获取或者修改内存中的数据如何使用变量var声明变量var age;变量的赋值var age;age = 18;同时声明多个变量var age, name, sex;age = 10;name = 'zs';同时声明多个变量...
2019-11-22 17:13:03
140
原创 形参和实参
形式参数：在声明一个函数的时候，为了函数的功能更加灵活，有些值是固定不了的，对于这些固定不了的值。我们可以给函数设置参数。这个参数没有具体的值，仅仅起到一个占位置的作用，我们通常称之为形式参数，也叫形参。实际参数：如果函数在声明时，设置了形参，那么在函数调用的时候就需要传入对应的参数，我们把传入的参数叫做实际参数，也叫实参。...
2019-11-22 17:10:46
148
原创 js的调试方法
过去调试JavaScript的方式alert()console.log()断点调试断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。调试步骤浏览器中按F12-->sources-->找到需要调试的文件-->在程序的某...
2019-11-22 17:09:42
292
原创 运算符的优先级
优先级从高到底1. () 优先级最高2. 一元运算符 ++ – !3. 算数运算符 先* / % 后 + -4. 关系运算符 > >= < <=5. 相等运算符 == != === !==6. 逻辑运算符 先&& 后||7. 赋值运算符...
2019-11-22 17:07:38
379
原创 js转换字符串类型
转换成字符串类型toString()var num = 5;console.log(num.toString());String()String()函数存在的意义：有些值没有toString()，这个时候可以使用String()。比如：undefined和null拼接字符串方式num + “”，当 + 两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先把...
2019-11-22 17:05:38
308
原创 禁止事件 css
禁止鼠标右键：οncοntextmenu=“return false”；禁止选择：onselectstart=“return false”；禁止拖放：οndragstart=“return false”；禁止拷贝：οncοpy=document.selection.empty() 。禁止复制：oncopy = “return false”；禁止保存：，放在head里面。禁止粘贴：<...
2019-11-15 09:35:20
115
原创 css3动画及定义
animation属性值1.animation-name对象的动画名称，以便后续设置动画属性时使用默认为none，如果设置的话即为要设置动画的关键帧的名字后续对该元素设置动画时，要用@keyframes，设置起始的样式（from）和终止的样式（to）2.animation-duration动画持续的时间（播放完成所花时间）默认值为0，可设置单位为秒（s）或毫秒（ms）3.anima...
2019-11-11 11:59:48
1088
原创 css3兼容问题
1.目前来说对css支持最好的公认的是火狐浏览器，错位的原因在css代码书写不规范。2.兼容性：对于CSS（样式表）并不是所有浏览器的所有版本都支持的很好，比如IE5以前的浏览器对于CSS的支持就不是很好。而现在使用IE5以前版本浏览器的用户不在少数，这样就使得在页面制作的过程中需要针对不同浏览器版本进行测试，以保证兼容性，无形中也增加很多工作量（至少我接触的开发人员制作div页面比table页...
2019-11-11 11:58:01
481
原创 关于一个div块在一个块中垂直居中问题
第一种方案：框内是div块的情况div.myid{display:flex;justify-content:center;align-items:center;height:500px;}div.myid div.mydiv{width:200px;height:200px;border:1px solid red;} 低版本的浏览器的兼容性不够好，选择要慎重，第二种方...
2019-11-11 11:55:34
314
1
原创 DIV CSS3 box-shadow对象盒子阴影和图片阴影
box-shadow 属性用于向盒子添加一个或多个阴影效果。offset-x：阴影的水平偏移量。正数向右偏移，负数向左偏移。offset-y：阴影的垂直偏移量。正数向下偏移，负数向上偏移。blur：阴影模糊度，不能取负数。spread：阴影大小。正数阴影扩大（阴影大小大于盒子大小），负数阴影缩小（阴影大小小于盒子大小），0阴影与盒子同等大小。inset：表示添加内阴影，默认为外阴影。...
2019-10-22 20:51:17
717
原创 溢出超出DIV边框的内容自动隐藏方法
如何用word-wrap解决文字溢出的问题word-break:break-all和word-wrap:break-word经常用来解决长字符串换行问题。word-break:break-all在IE6/7/chrome/safari为一派，表现为尾部截断，而ff3.0/opera表现为无效。既过长单词换行显示，然后溢出边界。word-wrap:break-word;在IE6/7/chrom...
2019-10-22 20:49:56
5660
原创 css 清除浮动的方法
1.额外标签法（在最后一个浮动标签后，新加一个标签，给其设置clear：both；）（不推荐）2.父级添加overflow属性（父元素添加overflow:hidden）（不推荐）3.使用after伪元素清除浮动（推荐使用） 父元素引入clearfix .clearfix:after{ content: ""; display: block; clear: ...
2019-10-22 20:47:02
155
原创 css 弹性布局
什么是弹性布局？ flex布局，是H5新出的布局方式，主要代替传统float浮动布局。 注意：布局要给父元素设置，子元素按照布局方式排列，他会使块级元素不独占一行。 特点：当没有给弹性布局设置换行时，子元素不会自动换行会在一行显示。 display: flex; 设置弹性布局 flex-direction:设置布局方向 ; row；默认的从左至右的顺序排列的，代...
2019-10-22 20:46:00
772
原创 Css的命名规范
页面结构容器：container/wrap整体宽度：wrapp页头：header内容：content中间内容：center导航导航：nav主导航：maibNar/gloNav子导航：subNav顶部导航：topNav左导航：leftNav右导航：rightNav边导航图片：sideBarlcon菜单：menu子菜单：subMenu_menu功能标志 ：logo登...
2019-10-11 17:06:29
116
原创 Visual Studio 常用快捷键
1. 项目相关的快捷键Ctrl + Shift + B = 生成项目 Ctrl + Alt + L = 显示 Solution Explorer（解决方案资源管理器） Shift + Alt+ C = 添加新类 Shift + Alt + A = 添加新项目到项目2. 编辑相关的键盘快捷键Ctrl + Enter = 在当前行插入空行 Ctrl + Shift + Enter =...
2019-10-08 18:53:11
120
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人