自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

我爱吃烤鸡翅:)的博客

路漫漫,前端小白成长之旅~

  • 博客(16)
  • 收藏
  • 关注

原创 webpack-dev-server代理未转发Post请求Body内容

问题描述今日在使用Vue-cli + axios开发的过程中,遇到了跨域问题(此处对于跨域就不详解了,请点击此处传送门),于是就利用devServer的HTTP代理功能来解决跨域,但是此时就遇到了一个棘手的问题:使用代理之后,Content-Type为application/json的HTTP Post请求在代理转发时,Body竟然神奇的消失了以下我将附上我所遇到问题时的解决思路,以及问题更加详细描述,如果不敢兴趣可直接预览最后的解决方案章节解决思路一开始我以为是后端的问题,但是通过Postman发

2020-07-16 21:53:36 3018 13

原创 Angular 目录介绍

前言本文是学习Angular企业级应用开发实践的笔记,以下内容大多截取自该书src 文件目录详解src | favicon.ico| index.html| main.ts| ployfills.ts| style.css| test.ts|--- app| app.component.css| app.component.html| app.component.spec...

2019-09-05 21:19:38 405

原创 TypeScript与ES6中 - 类(Class)的区别

前言今天学习TypeScript继承章节,然后阅读了阮一峰老是的ES6入门,发现十分有必要针对TypeScript继承的内容与ES6继承进行系统的总结,TypeScript

2019-09-01 19:35:48 4042

原创 装饰器 - Decorator详解

Decorator装饰器装饰器(Decorator)是一种与类(Class)相关的语法,现在babel中实现了Decorator。装饰器可以分为以下类型:类的装饰装饰器可以用来装饰整个类,当装饰器装饰类时,其实是在类上添加了静态属性。代码可见:@testableclass MyTestableClass{ //...}function testable(target){ targ...

2019-08-30 23:48:26 371

原创 ES6中 let与var的区别

由来let是ES6中新增的命令,用于声明变量,因此在ES6中尝试用let来替代var。区别1. 作用范围let只作用于命令所在的代码块。{ let one = 1; var two = 2;}console.log(one); // ReferenceError: one is not definedconsole.log(two); // 2上述代码在代码块...

2019-08-25 21:53:14 156

原创 CSS实现垂直居中的各种手段 - 总结

文章目录垂直居中的总结1.line-height2.position:absolute(已知尺寸,绝对定位)3.position:absolute + transform4.position:absolute + margin:auto5.padding (只适用于块级元素)6.display:table-cell7.display:flex8.伪元素 + vertical-align9.calc...

2019-08-19 23:17:13 99

转载 HTML Meta标签详解

meta标签的作用meta标签可用于模拟HTTP协议中的响应头报文,使用带有http-equiv属性的标签时,服务器会把名称/值对添加到发送给浏览器的HTTP响应报文头部:如:<meta http-equiv="charset" content="iso-8859-1"><meta http-equiv="expires" content="31 Dec 2019"...

2019-08-15 12:02:31 240

原创 webpack中 import 与 require的区别

前言前段时间写了一篇文章import 与 require 详解 - 从深入浅处Node带来的思考,该文章得出import是基于require实现的,并且在不同的环境中实现是不同的,于是乎本片文章旨在从源码来分析在webpack的环境下import与require究竟有何区别。环境:webpack:^4.35.3webpack-cli: ^3.3.5webpack打包之后的代码结构以...

2019-07-30 22:06:30 1605

原创 Vue基础学习记录

文章目录前言Vue实例对象Vue的MVVM模式Vue的生命周期数据绑定手段Mustache特性指令v-on 与 v-bind的缩写Computed计算属性watch侦听属性Class与Style对象语法数组语法组件语法条件渲染v-ifv-showv-if vs v-show列表渲染v-forv-for维护策略v-for数组方法v-for数组注意项v-for对象注意项事件处理v-on事件修饰符按键修...

2019-07-22 22:56:31 2089

原创 JavaScript中for...of与for...in的区别

转载请标明出处文章目录前言for...of 与 for...inEnumerable数据(数据描述符)属性[[Configurable]][[Enumerable]][[Writable]][[Value]]访问器(存取描述符)属性[[Configurable]][[Enumerable]][[Get]][[Set]]Iterator结束前言今天在学习Vue中列表渲染时,遇见了一个有趣的描述...

2019-07-17 00:52:53 333

转载 解析vue2.0的diff算法 - 转载

转载请注明出处本文转载至我的blog目录前言virtual dom分析diff总结前言vue2.0加入了virtual dom,有向react靠拢的意思。vue的diff位于patch.js文件中,我的一个小框架aoy也同样使用此算法,该算法来源于snabbdom,复杂度为O(n)。了解diff过程可以让我们更高效的使用框架。本文力求以图文并茂的方式来讲明这个diff的过程。...

2019-07-15 21:25:45 198

原创 webpack 使用babel 7.0遇到的坑

前言今天在使用babel 7.0的时候遇到了一些坑,并且在此做上记录以方便以后对改问题的回溯。1. Plugin/Preset files are not allowed to export objects这个问题是由于babel的版本冲突,在babel 7.x之后,babel做了不可兼容的升级,babel的命名规则也从以前的babel-xxx修改成@babel/xxx。如果要解决这个问题可...

2019-07-13 17:42:37 6060

原创 Node异步模型原理分析

异步编程存在的必要性1. 用户体验前端:通过异步的方式使得资源请求期间UI不停顿,不影响用户的交互行为,应用在使用期间依旧可以相应用户的交互行为,给用户提供鲜活的页面。后端:使得第一个资源的获取不会影响第二个资源,使得多个资源获取的时间消耗变为MAX(M,N,…)。2. 资源分配Node在资源分配问题上,利用单线程,远离多线程死锁,状态同步等问题;利用异步I/O,让单线程远离阻塞,以更好...

2019-06-27 00:52:41 594 1

原创 import 与 require 详解 - 从深入浅处Node带来的思考

写在开头今天在阅读深入浅处node.js的时候读到了这段描述:2.7 前后端共用模块谈论了许多后端模块的具体实现之后,现在我们围绕CommonJS规范再次回到前端模块上。JavaScript在Node出现之后,比别的编程语言多了一项优势,那就是一些模块可以在前后端实现共用,这是因为很多API在各个宿主环境下都提供。但是在实际情况下,前后端的环境是略有差别的。2.7.1模块的侧重点前后端...

2019-06-22 11:55:01 1200

原创 lodash.reduce详解

lodash.reducelodash文档解释:通过 iteratee 遍历集合中的每个元素。 每次返回的值会作为下一次 iteratee 使用。 如果没有提供 accumulator,则集合中的第一个元素作为 accumulator。 iteratee 会传入4个参数:(accumulator, value, index|key, collection)。当看到官方文档解释的时候有点懵,接下...

2019-06-16 11:00:05 3130

原创 lodash.isArrayLike详解

lodash.isArrayLikeisArrayLike用于判断传入的对象是否是类数组,那么什么是类数组呢?isArrayLike是通过什么方式来进行判断的呢?以下将进行分析:数组,对象,类数组数组定义:单独变量存储的一系列的值,其索引从0开始自然增长,其中值可以是任何的js数据,并且包含一个名为Length的属性,用于表示数组元素的个数。对象定义:单独变量可以包含多个其它变量,其它变量...

2019-06-16 10:57:49 923

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除