- 博客(68)
- 资源 (9)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 浅析 CSS 中的边距重叠
边距重叠是什么在说边距重叠之前，先以正常的思维来考虑如果你现在是浏览器引擎遇到这种情况应该怎么办？现在有两个元素 div1 和 div2 紧挨着，中间没有它元素，它们的外边距就会发生重叠。div1 在左，div2 在右，div1 的 margin-left 为 20px， div2 的 margin-right 为 30px，那两个元素应该距离多少呢？50px 吗？应该不是的，如果是 50p...
2020-04-23 23:42:25
609
原创 浅析 BFC
文章目录浅析 BFCBFC 的原理是什么（BFC 的渲染规则）如何创建 BFCBFC 规则验证及应用规则一 BFC 区域内的元素外边距会发生重叠规则二 BFC 区域的元素不会与外部的浮动元素重叠规则三 计算 BFC 区域的高度时，浮动元素也参与计算（应用：清除浮动）规则四 BFC 区域就相当于一个容器，内部的元素不会影响到外部，同样外部的元素也不会影响到内部（应用：消除边距重叠）规则五 BFC 区...
2020-04-21 17:03:18
480
原创 JS中的自定义事件和模拟事件
在 JS 中模拟事件指的是模拟 JS 中定义的一些事件，例如点击事件，键盘事件等。自定义事件指的是创建一个自定义的，JS 中之前没有的事件。接下来分别说一下创建这两种事件的方法。创建自定义事件创建自定义事件可以使用 Event 和 CustomEvent 两种方法，接下来分别做一下介绍。1. 利用 EventMDN EventEvent 用法event = new Event(...
2020-04-21 14:22:44
404
原创 聊一聊 JS 中的循环引用及问题
聊一聊 JS 中的循环引用本文主要从 JS 中为什么会出现循环引用，垃圾回收策略中引用计数为什么有很大的问题，以及循环引用时的对象在使用 JSON.stringify 时为什么会报错，怎样解决这个问题简单谈谈自己的一些理解。1. 什么是循环引用当对象 1 中的某个属性指向对象 2，对象 2 中的某个属性指向对象 1 就会出现循环引用，（当然不止这一种情况，不过原理是一样的）下面通过代码和内存...
2020-01-09 21:14:21
675
原创 JS 中的闭包
简单理解 JS 中的闭包原文链接: http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html注：本文是阮一峰老师写的，通俗易懂，理解闭包很好的文章。在此此基础上加了自己的一些理解，阮一峰老师由于最后两道思考题没有给出答案，所以在本文中给了比较详细的解释。闭包（closure）是Javascript语...
2020-01-08 10:57:41
189
原创 从两个角度理解为什么 JS 中没有函数重载
两个角度理解为什么 JS 中没有函数重载函数重载是指在同一作用域内，可以有一组具有相同函数名，不同参数列表（参数个数、类型、顺序）的函数，这组函数被称为重载函数。重载函数通常用来声明一组功能相似的函数，这样做减少了函数名的数量，避免了名字空间的污染，对于程序的可读性有很大的好处。但是在 JS 如果不通过一些方法是无法实现重载的，可以从以下两个角度去理解。1. 方法签名方法签名指的是函数...
2020-01-06 11:59:52
201
原创 CSS布局--inline-block 布局
布局其实就是想办法怎样将一些元素横向的排列起来，纵向由于块级元素的存在会自动占据一行。inline-block 元素会占据一行而且可以调整宽高很适合将这些元素排列在一行，而且使用 inline-block 元素排列没有清除浮动这样的问题。但是，使用 inline-block 布局两个元素之间会有一个空白间隙，下面一起来看一下。html代码<div class="container...
2020-01-04 10:20:42
506
原创 聊一聊 webpack 中的 preloading 和 Prefetching
聊一聊 webpack 中的 preloading 和 Prefetching提到 Preloading 和 Prefetching 就不得不先说一下代码分割，通过下面的例子我们来说明为什么需要代码分割？// index.jsimport _ from 'lodash'; // 假设大小为 1 MB业务代码 // 假设大小为 1 MB在首次访问时， index.js 文件的大小为 ...
2019-12-21 16:28:15
295
原创 SplitChunksPlugin 配置参数详解
SplitChunksPlugin 配置参数详解代码分割本身和 webpack 没有什么关系，但是由于使用 webpack 可以非常轻松地实现代码分割，所以提到代码分割首先就会想到使用 webopack 实现。在 webpack 中是使用 SplitChunksPlugin 来实现的，由于 SplitChunksPlugin 配置参数众多，接下来就来梳理一下这些配置参数。官网上的默认配置参数...
2019-12-21 08:53:13
904
1
转载 你真的理解devDependencies和dependencies区别吗
你真的理解devDependencies和dependencies区别吗?原文链接： https://blog.csdn.net/achenyuan/article/details/80899783网上统一的观念是devDependencies 用于本地环境开发时候。dependencies 用户发布环境其实看名字我也知道是这个意思，我觉得没解释情况。devDependencies...
2019-12-20 10:10:07
308
转载 clean-webpack-plugin 升级踩坑
cleanWebpackplugin 升级踩坑原文链接： http://www.imooc.com/article/289614新版的clean-webpack-plugin 做了以下调整1.导出方式现在不是默认导出，所以 引入的时候需要注意一下～否则会抛出这样一个异常TypeError: CleanWebpackPlugin is not a constructor#const ...
2019-12-19 15:08:01
1580
原创 如何删除 GitHub 仓库中的文件夹，同时保留本地的文件夹
如何删除 GitHub 仓库中的文件夹，同时保留本地的文件夹应用场景：删除 GitHub 仓库中的某个文件夹，但是在本地仓库中存在这个文件夹。以删除 GitHub 仓库中的 .idea 文件夹为例：删除 GitHub 仓库中的 .idea 文件夹git rm -r --cached .idea在本地仓库中的 .gitignore 文件下加入下面的内容：/.idea经...
2019-12-10 12:00:21
428
原创 在 .gitignore 中加入某个文件之后不起作用是怎么回事？
在 .gitignore 中添加了某个文件后不起作用是怎么回事？小伙伴们有没有遇到过这样的问题，明明将文件加入到了 .gitignore 文件中，但是还是会受 git 的管理。接下来，我们从以下两个方面来检查是否出现了什么问题。首先检查一下 .gitignore 文件的书写是不是规范，正确。可以参考这篇文章 Git 中 .gitignore 简单介绍.gitignore 只能忽略那些...
2019-12-10 11:37:33
1010
1
转载 Git 中 .gitignore 简单介绍
Git 中 .gitignore 简单介绍参考文章： https://www.jianshu.com/p/74bd0ceb6182在使用Git的过程中，我们喜欢有的文件比如日志，临时文件，编译的中间文件等不要提交到代码仓库，这时就要设置相应的忽略规则，来忽略这些文件的提交。规则作用 /mtk 过滤整个文件夹 *.zip 过滤所有.zip文件 /mtk/do.c 过滤...
2019-12-10 11:34:48
474
原创 在一台电脑上同时使用多个github账号(亲测有效)
实现在一台电脑上同时使用多个GitHub账号亲测有效，麻烦在做的时候慢一点认真一点。每个程序员都可能有多个GitHub账号，今天就和大家聊一下如何在一台电脑上同时使用多个 GitHub 账号，通过以下四个步骤就可以实现。1. 取消全局配置如果想在一台电脑上使用多个 GitHub 账号，使用全局配置是不行的。如果使用全局配置的话，那么每次使用 git 命令时都会使用这个全局的用户名和邮...
2019-12-10 10:11:52
4170
原创 Vue.js一问一答系列持续更新
Vue.js 一问一答记录一下在学习 Vue 过程中给自己问的一些问题，持续更新中…Vue.js 的核心是什么？官网：Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。以下面的例子来说明：// Vue 中的模板语法<div id="app"> {{message}}</div>var app = new...
2019-12-06 15:01:14
255
原创 聊一聊 Vue 中 watch 的回调函数为什么不能是箭头函数？
聊一聊 Vue 中 watch 对象中的回调函数为什么不能是箭头函数本文重点知识点速览：Vue 中的 watch 对象中的回调函数不能是箭头函数。箭头函数中的 this 指向的是函数定义时所在的对象，普通函数中的 this 指向的是函数运行时所在的对象。函数的 this 指向问题。一起学习吧…说起箭头函数大家一定不陌生，箭头函数是 ES6 中对函数的扩展，使用起来方便快捷，可能...
2019-12-04 08:37:07
1613
原创 express 中间件的简单应用与实现
express 中间件的简单应用与实现看了慕课网双越老师的课之后结合自己的理解做了一些简单的总结，如有不恰当之处，欢迎指正。提到 express 就不得不提到中间件，接下来就简单的介绍一下 expres 中间件的简单应用与部分常用函数的实现。1. express 中间件的简单应用在日常项目的开发中，登录验证是一个非常常见的场景，这个时候 express 中间件就可以派上用场了。接下来分...
2019-11-30 15:48:14
274
原创 聊一聊前端中常说的接口
文章目录聊一聊前端中常说的接口1. 接口是前端提供的还是后端提供的2. 什么是接口3. 总结聊一聊前端中常说的接口平时总是听到前端中的接口这样的词，接下来简单说一下我对前端接口一些浅见。1. 接口是前端提供的还是后端提供的接口是后端提供的，前端负责调用这个接口。后端提供接口，比如你登录，就把登录的账号，密码发送到后端，后端的程序拿到前端提交的用户名和密码后，拿去和数据库里面的值做比对，并...
2019-11-13 21:02:56
13274
1
原创 图文结合深入理解JS中的this值
文章目录Js 中奇妙的this值1. 初探this2. this指向总结2.1 普通函数调用2.2 对象的方法调用2.3 构造函数调用2.4 利用call，apply，bind方法调用函数Js 中奇妙的this值在 JS 中最常见的莫过于函数了，在函数(方法)中 this 的出现频率特别高，那么 this 到底是什么呢，今天就和大家一起学习总结一下 JS 中的 this。1. 初探this...
2019-10-25 20:20:35
632
原创 jQuery初体验
jQuery初体验为什么要学习jQuery？【01-让div显示与设置内容.html】使用javascript开发过程中，有许多的缺点：1. 查找元素的方法太少，麻烦。2. 遍历伪数组很麻烦，通常要嵌套一大堆的for循环。3. 有兼容性问题。4. 想要实现简单的动画效果，也很麻烦5. 代码冗余。【02-让div显示与设置内容.html】$(document).ready(fu...
2019-10-24 20:20:25
250
转载 create-react-app 超级慢的解决方法
create-react-app超级慢的解决方法在操作官方实例Create React App时,需要执行指令：create-react-app my-app来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,一直卡在fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetc...
2019-10-23 21:13:09
1923
2
原创 聊一聊看似简单的Promise.prototype.then()方法
Promise.prototype.then()Proise实例的then方法是定义在原型对象Promise.prototype上的，它的作用是为Promise实例添加状态改变时的回调函数。该方法可以接收两个回调函数作为参数，其中第二个回调函数是可选的。第一个回调函数是 Promise 对象的状态变为 Resolved 时调用，第二个回调函数是 Promise 对象的状态变为 Rejected...
2019-10-20 11:39:18
623
原创 聊一聊JS输出为[object,object]是怎么回事
JS输出为[object object]今天在学习ES6中的 Symbol 数据类型时，在写demo时控制台输出为 Symbol[object object] ，当时有点疑惑，查阅了相关资料后搞清楚了其中的原因。在解释之前，由于有些小伙伴可能还没有接触过ES6，所以先说一下上面用到的ES6的一些特性：const: 声明一个常量Symbol：JS中的第7种数据类型，表示独一无二的...
2019-10-15 11:11:02
4269
原创 ES6对数组的扩展(简要总结)
文章目录数组的扩展(ES6)1. 扩展运算符2. Array.from3. Array.of()4. copyWithin()5. find() 和 findIndex()6. fill()7. entries(), keys() 和 values()8. includes()9. 数组的空位数组的扩展(ES6)数组平时肯定是用的比较多的，今天和大家聊一下ES6对数组的扩展，理解的东西不多，主...
2019-10-14 21:44:04
443
原创 HTML语法简要总结
HTML基本语法认识网页网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。常见浏览器内核介绍浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。浏览器内核（理解）浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Ren...
2019-10-13 20:19:44
933
原创 pip和conda添加国内清华镜像源(亲测有效)
文章目录pip和conda 添加国内清华镜像1. pip源更改：2. conda源更改：pip和conda 添加国内清华镜像python模块安装，使用国内源可以提高下载速度。1. pip源更改：pip源有好几个，我一直用的清华的pip源，它5分钟同步一次。临时使用：pip 后加参数 -i https://pypi.tuna.tsinghua.edu.cn/simple例1：pip i...
2019-10-12 21:19:45
4326
原创 五分钟学会conda常用命令
文章目录conda常用命令1. 获取版本号2. 获取帮助3. 环境管理4. 分享环境5. 包管理conda常用命令1. 获取版本号conda --version或conda -V2. 获取帮助conda --helpconda -h查看某一命令的帮助，如update命令及remove命令conda update --helpconda remove --help同理，以上命...
2019-10-12 21:06:28
441
转载 安装完PyCharm，启动时弹出Failed to load JVM DLLbinserverjvm
安装完PyCharm，启动时弹出"Failed to load JVM DLL\bin\server\jvm.dll"解决方案问题描述：打开PyCharm时，弹出“Failed to load JVM DLL\bin\server\jvm.dll if you already have a 32-bit JDK install…”解决方案：别人的解决方案：（1）安装Micro...
2019-10-12 16:07:58
1153
原创 十分钟学会Markdown基本语法
文章目录Markdown 语法一、标题这是一级标题这是二级标题这是三级标题这是四级标题这是五级标题这是六级标题二、字体三、引用四、分割线五、图片六、超链接七、列表八、表格九、代码十、流程图Markdown 语法Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。Markdown语法也很简单，很快就可以把常用的语法学会，下面是一些常用的Markd...
2019-10-12 12:12:21
564
转载 这几种JavaScript语法不要轻易使用，容易出事
文章目录12种不宜使用的JavaScript语法1. ==2. with3. eval4. continue5. switch 贯穿6. 单行的块结构7. ++和--8. 位运算符9. function语句10. 基本数据类型的包装对象11. new语句12. void12种不宜使用的JavaScript语法这几天，我在读《Javascript语言精粹》。这本书很薄，100多页，正好假日里翻...
2019-10-11 19:14:53
178
转载 深入理解this原理(JavaScript)
JavaScript中this的原理原文链接：http://www.ruanyifeng.com/blog/2018/06/javascript-this.html一、问题的由来学懂 JavaScript 语言，一个标志就是理解下面两种写法，可能有不一样的结果。> var obj = {> foo: function () {}> };> > ...
2019-10-11 17:51:00
525
原创 五分钟了解ES6对数值的扩展
文章目录数值的扩展(ES6)1. 二进制八进制表示法2. Number对象3. Math对象4. 指数运算符5. Integer 数据类型5.1 简介5.2 运算数值的扩展(ES6)1. 二进制八进制表示法ES6提供了二进制和八进制数值的新写法，分别用前缀 0b(或0B) 和 0o(或0O) 表示。如果要将使用 0b 和 0x 的数字转换为十进制，要使用Number方法。Number(...
2019-10-11 14:21:46
340
原创 ES6对正则的改进(简要总结)
文章目录正则的扩展1. RegExp 构造函数2. 字符串的正则方法3. u 修饰符4. y 修饰符5. sticky 属性6. flags 属性7. s 修饰符：dotAll 模式8. 后行断言9. 具名组匹配正则的扩展1. RegExp 构造函数ES5 中 RegExp 构造函数的两种用法：第一个参数是字符串，第二个参数是正则表达式的修饰符var regexp = new Reg...
2019-10-11 10:22:13
307
原创 JS正则表达式语法(含ES6)(表格简要总结)
文章目录JS正则表达式1. JS中正则表达式定义2. 直接量字符3. 字符类4. 重复字符5. 选择,分组和引用6. 指定匹配位置7. 修饰符8. String 方法9. RegExp对象JS正则表达式1. JS中正则表达式定义JavaScript 中的正则表达式用 RegExp 对象表示。JS中定义正则表达式的两种方法：方法示例RegExp 对象var patte...
2019-10-11 10:09:59
686
原创 贪婪匹配和非贪婪匹配
贪婪匹配和非贪婪匹配1. 贪婪匹配在JS中利用正则表达式时，默认的匹配就是贪婪匹配，也就是尽可能多的去匹配，举个例子：var s = 'aaa';var regexp = /a+/; // 匹配1个或多个a,贪婪匹配console.log(regexp.exec(s)[0]); // 'aaa'在上面的例子中，匹配到了 'aaa' 。2. 非贪婪匹配我们同样可以进行非贪婪匹配只需...
2019-10-10 10:29:13
2906
原创 字符串的扩展(ES6)
文章目录字符串的扩展1. 字符的Unicode表示法2. codePointAt()3. String.fromCodePoint()4. 字符串的遍历器接 口5. at()(提案)6. normalize()7. includes(),startWith(),endsWith()8. repeat()9. padStart(),padEnd()(ES2017)10. 模板字符串11. 标签模板1...
2019-10-08 22:25:08
321
原创 变量的解构赋值(ES6)
文章目录变量的解构赋值1. 数组的解构赋值1. 基本用法2. 默认值2. 对象的解构赋值3. 字符串的解构赋值4. 数值和布尔值的解构赋值5. 函数参数的解构赋值6. 圆括号问题7. 解构赋值的作用变量的解构赋值1. 数组的解构赋值解构： ES6 中允许按照一定的模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构(Destructuring).1. 基本用法本质上，这种写法属于“...
2019-09-27 21:39:25
433
人工智能.rar
2019-09-28
为什么这行代码的输出结果是这样的？
2019-10-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人