- 博客(14)
- 收藏
- 关注
原创 弹性盒子 flex-box
弹性盒子弹性盒子是CSS3的一种新布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。CSS3 弹性盒子内容弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性
2020-06-23 22:52:16
647
原创 vue.nextTick()的使用方法
定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM,所以放在 Vue.nextTick()回调函数中的执行的应该是会对 DOM 进行操作的 js 代码;理解:nextTick(),是将回调函数延迟在下一次 dom 更新数据后调用,简单的理解是:当数据更新了,在 dom 中渲染后,自动执行该函数。Vue.nextTick(callback) 使用原理:原因是,Vue 是异步执行 dom 更新的,一旦观察到数据变化,Vue 就会开启一个队列,然后把在同
2020-06-22 22:36:58
363
原创 Promise简介
PromisePromise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。Promise对象有以下两个特点对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成,又称 Fulfilled)和Rejected(已失败)。只有异步操作的结果,可以决定当前
2020-06-18 22:30:07
188
原创 HTTP简述
什么是协议协议是多人通过协商,最后达成一致的合约。什么是HTTP协议HTTP协议是客户端与服务器之间通信时所共同遵循一个合约。HTTP协议的主要内容是什么HTTP协议是双方的:它定义了客户端如何请求服务器资源,服务器如何响应客户端请求。客户端如何请求资源GET /index.html HTTP/1.1Host:www.baidu.com#GET:请求资源的方法#/index.html:资源位置#HTTP/1.1:请求资源的协议/版本#Host:资源所在的服务器服务器如何响应请求
2020-06-17 22:38:35
200
原创 vuex
VueX是适用于在Vue项目开发时使用的状态管理工具。试想一下,如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。为此,Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中,我们只需要把这些值定义在VueX中,即可在整个Vue项目的组件中使用。使用初始化store下index.js中的内容import Vue from 'vue'import Vuex from 'vuex'/
2020-06-17 00:33:19
100
原创 ES6箭头函数
箭头函数箭头函数提供了一种更加简洁的函数书写方式。基本语法是:参数 => 函数体基本用法:var f = v => v;//等价于var f = function(a){ return a;}f(1); //1当箭头函数没有参数或者有多个参数,要用 () 括起来。var f = (a,b) => a+b;f(6,2); //8当箭头函数函数体有多行语句,用 {} 包裹起来,表示代码块,当只有一行语句,并且需要返回结果时,可以省略 {} , 结果会自动返
2020-06-15 23:32:59
364
原创 什么是ES6
什么是ES6ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里并没有类的概念,Let、const和var的区别ES6新增了let和const来声明变量,主要是解决var声明变量所造成的困扰和问题:var不能用于定义常量var可以重复声明变量var存在变量提升var不支持块级作用域let和const解决了以上问题如下:不可以重复声明变量let
2020-06-12 22:21:08
282
原创 Ajax基础
什么是服务器LinuxUnix服务器是一种高性能计算机,作为网络的节点,存储、处理网络上80%的数据、信息,因此也被称为网络的灵魂。也可以这样讲,服务器指一个管理资源并为用户提供服务的计算机软件,通常分为文件服务器、数据库服务器和应用程序服务器。运行以上软件的计算机或计算机系统也被称为服务器。相对于普通PC来说,服务器在稳定性、安全性、性能等方面都要求更高,因此CPU、芯片组、内存、磁盘系统、网络等硬件和普通计算机有所不同,在质量与处理器数据性能上更出色。网络模型OSI七层网络模型物理层t
2020-06-11 23:11:07
152
原创 Vue过滤器-filter
Vue中的过滤器不能替代Vue中的methods、computed或者watch,因为过滤器不改变真正的data,而只是改变渲染的结果,并返回过滤后的版本。在很多不同的情况下,过滤器都是有用的,比如尽可能保持API响应的干净,并在前端处理数据的格式。在你希望避免重复和连接的情况下,它们也可以有效地封装成可重用代码块背后的所有逻辑。过滤器作用:让要显示在页面上的内容进行重新筛选Vue过滤器分全局过滤器和组件过滤器全局过滤器定义// 第一个参数是需要过滤的数据.// 第二个参数是给过滤器传递的值.
2020-06-10 22:56:27
415
原创 详细介绍Promise
Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。Promise对象有以下两个特点对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成,又称 Fulfilled)和Rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任
2020-06-09 21:22:00
304
原创 webpack使用Babel转换JavaScript代码
什么是BabelBabel是一个JavaScript的编译器,我们在webpack中可以使用ES6以上版本的语法写代码,但是目前主流的浏览器仅支持ES5语法,通过Babel可以将ES6+语法自动转换成ES5语法,来适配浏览器的JavaScript解释器。比如说,我们使用ES6语法中的箭头函数实现代码:(val) => (val + 1) ;使用Babel转化成ES5语法后:function(val){ return val+1 ;}babel-cli命令行工具的使用在项目中安装b
2020-06-08 22:52:55
402
原创 Webpack中常规配置项
1、webpack.config.js 配置文件当我们安装好webpack之后,就可以使用webpack命令了,比如要将一个main.js文件打包成一个bundle.js文件,可以使用如下命令:webpack main.js bundle.js一般在实际的项目开发中,要把这些命令写到一个webpack.config.js的文件中。上面打包操作可以做如下配置:module.exports = { entry: './main.js', output: { filename: 'bundle.
2020-06-07 20:22:54
1661
原创 EasyMock的使用
在前后端分离的概念中,前端脱离与后端工作,在对好接口之后,以及后端没有假数据的情况下,可以先采用折衷的办法来请求假数据,这就有了Mock.js,可以随机生成数据,拦截ajax请求。Easy Mock 是一个可视化,并且能快速生成 模拟数据 的持久化服务。想要很好的使用EasyMock就要先了解mockjs语法:1. 属性值是字符串 String'name|min-max': string通过重复 string 生成一个字符串,重复次数大于等于 min,小于等于 max。'name|count':
2020-06-04 19:31:56
305
原创 Git介绍与使用
Git概述Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。Git 与常用的版本控制工具 CVS, Subversion 等不同,它采用了分布式版本库的方式,不必服务器端软件支持。Git是项目版本管控的工具,可以用来追踪,记录文件的变动,无论你是自己一个人做项目还是多人协作项目, 都是十分必要的工具。git一般用来:备份自己项目中的每一次修改将自己的项目
2020-06-02 17:51:48
191
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人