自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 Mac安装 express成功后,执行报错command not find:express 解决方案

全局安装express npm install -g express 当我执行完安装之后,执行express --version,报错如下: command not find:express 我查了一些资料,说是express 4+ 要一起安装,express-generator,然后我就全局安装了: npm install -g express-generator 然而,问题依然存在。 联想到win下,此种错误一般是环境变量的问题,所以就想到配置一下环境变量。 首先,查看一下express安装位置,安

2020-07-16 10:04:39 1041

原创 彻底搞懂flex布局

这里关于什么是flex布局,flex布局优点就不多说了,此篇文章主要写一下flex布局的属性语法,还有一些细节,也作为自己的一篇学习笔记吧。 首先,先来感受flex布局的属性们: 6个容器属性: flex-direction flex-wrap flex-flow justify-content align-items align-content ...

2020-03-29 12:49:30 1213

原创 Vue学习【5】— Vuex超简单快速入门与使用

1.什么是Vuex? 官方解如下: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 哈哈哈,看完一脸懵逼,简单来说,Vuex就是前台存储数据的一个仓库Store,组件需要的值可以从Store中存取。Vuex集中管理数据的状态。 2.Vuex在项目中的基本安装使用 第一步:安装Vuex...

2020-03-27 11:55:44 242

原创 从获取到URL到页面渲染完成浏览器运行过程

此文大体介绍浏览器从获取到URL到页面渲染完成,浏览器都做了那些操作。具体内容不做深入的剖析。文章中会提到的一些网络传输方面的概念,现在不过多解释(因我也没有学习透彻),所以只记录大概的渲染过程,以及过程中作为前台牵扯到Web优化的方面。 从获取到URL到页面渲染完成过程如下: 1.客户端向服务端发送请求(Request请求阶段) 此过程涉及DNS解析,TCP协议的三次握手和四次挥手、HTTP(H...

2020-03-16 16:48:50 608

原创 Vue学习【4】— Vue组件的定义/组件之间如何传值

文章目录1.自定义组件1.1自定义全局组件1.2自定义局部组件2.组件间传值2.1父组件向子组件传值(props)2.2子组件向父组件传值($emit)2.3兄弟组件传值(bus)2.4 Vuex2.5 其他 1.自定义组件 1.1自定义全局组件 Vue.component('comName',{ data: function(){ return{ } ...

2020-03-12 17:48:46 207

原创 JavaScript之数组常用方法

方法名 描述 举例 concat() 连接两个或更多的数组(该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本) copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中array.copyWithin(target, start, end) entries() 返回一个数组的迭代对象,该对象包含数组的键值对 (key/value) 7 ...

2020-03-11 20:40:20 1258

原创 Vue学习【3】—— Vue生命周期和生命周期函数

什么是生命周期? Vue实例从创建到销毁的过程,叫做生命周期。 生命周期分为三个阶段:创建阶段、运行阶段、销毁阶段 什么是生命周期函数(钩子函数) 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。 同时在这个过程中也会运行一些叫做生命周期钩子的函数 钩子函数有什么用 这给了用户在不同阶段添加...

2020-03-09 15:35:46 248

原创 Vue学习【2】—过滤器/按键修饰符/自定义指令

过滤器(Filter)&自定义过滤器 按键修饰符&自定义按键修饰符 自定义指令

2020-03-09 10:57:43 256

原创 Vue学习【1】— MVVM / 常用指令的使用

目录1.MVC与MVVM区别2.Vue基本代码结构3.Vue常用指令的使用4.事件修饰符5.Vue绑定样式的方式 1.MVC与MVVM区别 2.Vue基本代码结构 3.Vue常用指令的使用 4.事件修饰符 5.Vue绑定样式的方式 ...

2020-03-08 16:26:42 262

原创 深入理解JavaScript之堆栈底层机制

前端面试中,经常有如下面试题: 第一题 let a = 1; let b = a; b = 2; console.log(a) //?? 第二题 let m = { name:'小花' } let n = m; n.name = '小明'; console.log(m.name) // ?? 解上述问题,首先了解浏览器如何执行js代码: 第一步:在电脑内存中分配出一块内存,执行代...

2020-03-06 18:10:15 320

原创 深入理解JavaScript之prototype原型以及原型链

什么是原型? 函数一旦创建就有一个prototype属性,该属性指向一个对象,该对象就是prototype对象,即原型对象。 总结:原型就是一个对象,即prototype对象。 原型的作用是:共享方法 构造函数在实例化对象的时候,每创建一个实例对象就会开辟空间存放构造函数中的属性和方法,如下: var Person = function(name,age){ this.name = name;...

2020-03-02 16:25:06 235

原创 深入理解JavaScript之构造函数的实例成员和静态成员

什么是构造函数? 构造函数 ,是一种特殊的方法。用于在创建对象时初始化对象, 即为对象成员变量赋初始值,总与new运算符一起使用在创建对象的语句中。 如下:Person就是一个构造函数,而new Person 就是利用构造函数实例化 一个 ws 对象 var Person = function(name,age){ this.name = name; this.age = age; } var...

2020-03-01 18:14:05 730

空空如也

空空如也

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

TA关注的人

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