程序员阿田 - 博客园

Flex弹性布局精讲

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

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

javascript实现继承的方式有哪些

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

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

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

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

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

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

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

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

JavaScript实现数据拷贝的方法

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

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

js原型和原型链

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

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

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

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

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

深入理解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 程序员阿田阅读(10826) 评论(0) 推荐(0)

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

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

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

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 程序员阿田阅读(583) 评论(0) 推荐(0)