- 博客(21)
- 收藏
- 关注
RSS订阅原创 关于事件捕获和事件冒泡
首先，先说一下，当我们点击一个元素的时候，浏览器是怎么执行的。w3c标准模型，有3个过程：事件捕获阶段：事件从window一直向下传播到目标元素, 依次检查经过的节点是否绑定了事件监听函数，如果有则执行。(遇到相同事件默认不执行，记录下来，等冒泡阶段执行)事件处理阶段：事件到达目标元素, 触发目标元素的监听函数。（点击的那个元素就是目标元素）事件冒泡阶段：事件从目标元素冒泡到window...
2020-04-18 20:19:29
298
原创 js实现继承的七种方法
//1.构造函数(利用call等改变this指向)-----------同比创建对象的构造函数模式 function Parent1() { this.name = '父' } function Son1() { Parent1.call(this); //将子类的this使用父类的构造函数...
2020-04-16 15:12:33
242
原创 js对象创建的几种方法
一共六种：字面量创建，利用new Object创建，工厂模式，构造函数创建，原型创建模式，混合模式 //1.字面量创建 var obj1 = { name: '字面量创建' }; //2.基本模式（new Object） var obj2 = new Object(); obj2.name = 'new O...
2020-04-15 11:49:05
296
原创 数组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
204
原创 数组对象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
227
转载 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
327
原创 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
389
原创 水平排列四个块，块中的文字垂直居中
页面效果1.利用float和margin.box { width: 100%; } .one, .two, .three, .forth { width: 20%; height: 100px; float: left...
2020-03-13 16:37:34
212
原创 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
3271
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
491
原创 CSS选择器
CSS选择器：ID选择器，CLASS选择器，标签选择器，通配选择器，标签群组选择器，层次选择器，属性选择器，伪类选择器1.ID选择器（“#”）ID是唯一值，在一个页面内只能出现一次，<head> <meta charset="utf-8"> <title></title> <style type="text/css">...
2019-10-29 10:30:38
124
原创 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
1188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人