2021年3月28日

Flex弹性布局精讲

摘要: 一、Flex布局的基本概念 采用Flex布局的元素,称为Flex容器(flex container)。它的所有子元素自动成为容器成员,称为Flex项目(flex item)。 二、flex container的属性 1、flex-direction(①row(默认值) ②row-reverse ③c 阅读全文

posted @ 2021-03-28 11:18 程序员阿田 阅读(134) 评论(0) 推荐(0)

2021年3月27日

javascript实现继承的方式有哪些

摘要: 一、将子类的原型 prototype 指向父类的实例对象来实现父类属性和方法的继承 如图所示,实例化Child并赋值给me,firstName为GrandFather原型链的属性,但是me可以顺着Child的原型链一层一层查找到firstName属性。因为me本身具有name属性所以不继续向上查找。 阅读全文

posted @ 2021-03-27 12:29 程序员阿田 阅读(71) 评论(0) 推荐(0)

2021年3月26日

一个例子来说明setTimeout、Promise、Async/Await的执行顺序

摘要: JavaScript的事件循环(Event Loop) 同步和异步任务分别进入不同的执行"场所",同步的进入主线程(执行栈),异步的进入Event Table并注册函数。当指定的事情完成时,Event Table会将这个函数移入Event Queue。 主线程内的任务执行完毕为空,会去Event Q 阅读全文

posted @ 2021-03-26 15:57 程序员阿田 阅读(378) 评论(2) 推荐(1)

javascript中call、apply、bind的使用和他们之间的区别

摘要: 首先看一个例子说明call的使用 ​​ 有些童鞋纳闷,之前没这样用过呀。 其实这里我们用Car()直接调用的时候系统隐式的加了.call来执行的,所以Car()和Car.call()结果是一样的。 又有童鞋问了,那用call又有啥用呢? 其实用处大了,下面再举个例子。 ​​ 原来是空对象的myCar 阅读全文

posted @ 2021-03-26 11:58 程序员阿田 阅读(719) 评论(0) 推荐(0)

2021年3月16日

JavaScript实现数据拷贝的方法

摘要: 前言 在我们日常开发过程中,常遇到这种场景,在拿到一份数据后,你打算对它进行处理,但是你不想在原先的基础上进行改变而是希望拷贝一份副本出来,方便对数据比较和以后恢复数据。 那么这就涉及到了 JS 中对数据的深浅拷贝问题。 我们知道JS 中的数据类型可分为两种,基本数据类型(7种)和引用数据类型(2种 阅读全文

posted @ 2021-03-16 11:35 程序员阿田 阅读(1185) 评论(0) 推荐(0)

2021年3月9日

js原型和原型链

摘要: 一、原型prototype和__proto__ 先记两句话: ➀ 每个对象都有一个__proto__属性,并且指向他的prototype原型对象。 ➁ 每个构造函数都有一个prototype原型对象,prototype原型对象的constructor等于构造函数本身。 var Person = fu 阅读全文

posted @ 2021-03-09 17:58 程序员阿田 阅读(92) 评论(0) 推荐(0)

2021年3月6日

对js事件流:冒泡和捕获的理解

摘要: 前言:事件处理最重要的部分是事件捕获(Event capture)和事件冒泡(Event bubbling)这两种机制。为了说明这个问题,这里以W3C官网上的示例图为基础,以事例代码为例子来描述这一过程。下图是事件捕获和事件冒泡的过程。 当渲染引擎接收到一个事件的时候,它会通过HitTest(Web 阅读全文

posted @ 2021-03-06 11:11 程序员阿田 阅读(176) 评论(0) 推荐(0)

2021年3月5日

深入理解this的指向问题(6种全)

摘要: 一、this的指向主要有下面几种: 1、this出现在全局函数中,永远指向window var Car = function() { console.log(this); // window console.log(this.Car==window.Car,Car==window.Car); // 阅读全文

posted @ 2021-03-05 16:57 程序员阿田 阅读(10823) 评论(0) 推荐(0)

2021年3月1日

深度Linux系统文件夹解锁的处理

摘要: 在使用深度Linux系统时默认没有root执行权限,导致一些文件夹处于加锁状态,右键每次用管理员权限登录得输入密码太麻烦。 那么怎么将文件夹改为解锁状态呢? 以上图media为例,采用如下步骤: 1、终端执行su root,获得root的执行权限 2、接下来执行chmod -R 777 /media 阅读全文

posted @ 2021-03-01 11:42 程序员阿田 阅读(2005) 评论(0) 推荐(1)

2021年2月27日

Error: Cannot find module 'webpack-cli/bin/config-yargs

摘要: 关于webpack配置服务webpack-dev-server的报错问题:Error: Cannot find module 'webpack-cli/bin/config-yargs' 安装本地服务步骤: 1、安装 loader:npm install webpack-dev-server --s 阅读全文

posted @ 2021-02-27 19:16 程序员阿田 阅读(578) 评论(0) 推荐(0)

导航