- 博客(21)
- 收藏
- 关注
原创 关于事件捕获和事件冒泡
首先,先说一下,当我们点击一个元素的时候,浏览器是怎么执行的。w3c标准模型,有3个过程:事件捕获阶段:事件从window一直向下传播到目标元素, 依次检查经过的节点是否绑定了事件监听函数,如果有则执行。(遇到相同事件默认不执行,记录下来,等冒泡阶段执行)事件处理阶段:事件到达目标元素, 触发目标元素的监听函数。(点击的那个元素就是目标元素)事件冒泡阶段:事件从目标元素冒泡到window...
2020-04-18 20:19:29 291
原创 js实现继承的七种方法
//1.构造函数(利用call等改变this指向)-----------同比创建对象的构造函数模式 function Parent1() { this.name = '父' } function Son1() { Parent1.call(this); //将子类的this使用父类的构造函数...
2020-04-16 15:12:33 240
原创 js对象创建的几种方法
一共六种:字面量创建,利用new Object创建,工厂模式,构造函数创建,原型创建模式,混合模式 //1.字面量创建 var obj1 = { name: '字面量创建' }; //2.基本模式(new Object) var obj2 = new Object(); obj2.name = 'new O...
2020-04-15 11:49:05 291
原创 数组Array对象常用方法(二)
访问方法下面的这些方法绝对不会改变调用它们的对象的值,只会返回一个新的数组或者返回一个其它的期望值。 arr = [1, 2, 3, 4] console.log(arr.join()); //1,2,3,4 连接所有数组元素组成一个字符串 console.log(arr.slice(1, 3)); //[2,3] 提取的某个部分,并以新的数组返回被提取的部分...
2020-04-14 16:46:10 202
原创 数组对象Arr常用对象(一)
下面的这些方法会改变调用它们的对象自身的值: var arr = [1, 2, 3, 4, 2]; console.log(arr.pop()); //2 删除数组的最后一个元素,并返回这个元素。 console.log(arr.push(3)); //5 ——>[1,2,3,4,3] 在数组的末尾增加一个或多个元素,并返回数组的新长度。 ...
2020-04-14 15:54:31 226
转载 js类型转换
1.显式转换通过手动进行类型转换,Javascript提供了以下转型函数:转换为数值类型:Number(mix)、parseInt(string,radix)、parseFloat(string)转换为字符串类型:toString(radix)、String(mix)转换为布尔类型:Boolean(mix)1、Number(mix)函数可以将任意类型的参数mix转换为数值类型。其规则为...
2020-04-13 20:59:15 326
原创 Windows下的niginx安装和配置
1.下载2.都可以,我现在的3.下载之后,启动可以点击exe,也可以用命令行start nginx 开启服务nginx -s reload 重新加载nginx -t 检查是否开启成功nginx -s stop 关闭服务4.修改配置(进入conf-nginx.conf),博主是要部署静态资源文件...
2020-03-17 17:16:40 384
原创 水平排列四个块,块中的文字垂直居中
页面效果1.利用float和margin.box { width: 100%; } .one, .two, .three, .forth { width: 20%; height: 100px; float: left...
2020-03-13 16:37:34 211
原创 Math.floor(Math.random()*(max-min + 1))+ min)
最近在学JavaScript的Math.random()。对这个公式Math.floor(Math.random()*(max-min + 1))+ min)挺感兴趣的,就在网上找了一些说明,比较喜欢这个地址里杰森·安内洛对这个的解析,我把它放在这里,感兴趣的可以看看,最后还是粘贴复制了一遍我们知道Math.random()返回范围为[0,1)的值。包括0,但排除1。您可以将其视为0到0.99...
2020-03-04 21:34:43 3254 5
原创 Node安装
1.下载地址:https://nodejs.org/en/download/2.选择合适的下载3.接下来进行安装,一直点下一步即可,安装完成后,进入doc窗口,输入 node -v4.文件配置新建俩个文件夹进入doc窗口,输入npm config set prefix “D:\Ruanjian\chajian\Node\node_global”npm config set ca...
2019-11-30 17:57:06 489
原创 CSS选择器
CSS选择器:ID选择器,CLASS选择器,标签选择器,通配选择器,标签群组选择器,层次选择器,属性选择器,伪类选择器1.ID选择器(“#”)ID是唯一值,在一个页面内只能出现一次,<head> <meta charset="utf-8"> <title></title> <style type="text/css">...
2019-10-29 10:30:38 123
原创 background-position属性生效,背景却没有移动
css样式中有个background-position背景属性,是关于对背景在对象中的精准定位。1. background-position: 水平方位 垂直方位(right left top bottom center)2. background-position-x: 水平方向移动3. background-position-y:垂直方向移动4. 结合一起来,一个容器里正方向上就有9...
2019-10-24 15:07:57 1164
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人