- 博客(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学习【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关注的人
RSS订阅