回到顶部 Fork me on GitHub

08 2018 档案

Vue+element UI实现分页组件
摘要:介绍 这是一个是基于element-UI的分页组件基础上,进行了二次封装的分页组件,在展示数据时,该分页组件采用了每显示一页数据,只请求当前页面的数据的请求策略,从而避免了一次性将数据全部请求所造成的资源浪费。 使用方法 由于该组件是基于element-UI的分页组件进行二次封装,所以在使用该组件时 阅读全文

posted @ 2018-08-30 12:56 难凉热血,码梦为生! 阅读(19012) 评论(0) 推荐(1)

如何在vue-cli项目中结合mockjs模拟假数据
摘要:1.前言 在如今前后端分离的开发方式已被广泛采用的今天,前端同学和后端同学各自独立开发,后端提供数据接口,前端调用接口获取数据渲染页面。但是在实际开发中,后端开发由于逻辑相对复杂接口迟迟提供不到位,而前端正着急着调用接口来测试页面是否能够正常渲染,这就造成开发进度阻塞。幸好,我们有mockjs这个插 阅读全文

posted @ 2018-08-28 13:53 难凉热血,码梦为生! 阅读(4922) 评论(2) 推荐(2)

vue自定义长按指令
摘要:1.前言 在word中,当我们需要删除一大段文本的时候,我们按一下键盘上的退格键,就会删除一个字,当我们长按住退格键时,就会连续不停的删除,这就是键盘按键的长按功能。那么我们也想在网页中让一个按钮也具有“长按”和“单击”不同的功能,该怎样实现呢?下面我们采用vue自定义指令的方式,来实现一个长按指令 阅读全文

posted @ 2018-08-27 23:16 难凉热血,码梦为生! 阅读(3143) 评论(0) 推荐(0)

通俗易懂了解Vue的计算属性
摘要:1.前言 之前在学习vue的过程中,一直没有搞明白计算属性是个怎么回事,以及为什么要有计算属性,使用计算属性有什么好处。今天花时间翻了翻官方文档,才搞清楚其中一二,现将学习心得总结记录如下。 2.为什么要使用计算属性 试想有这样一个场景: 当我们在网购的时候,打开购物车,我们在增加或减少购物车内货物 阅读全文

posted @ 2018-08-19 14:27 难凉热血,码梦为生! 阅读(949) 评论(0) 推荐(1)

通俗易懂了解Vue组件的通信方式
摘要:1.前言 Vue框架倡导组件化开发,力求将一个大的项目拆分成若干个小的组件,就如同我们小时玩堆积木一样,一个大房子是由若干个小积木组成。组件化开发最大问题就是组件之间数据能够流通,即组件之间能够通信。而组件间通信无非就分为三种情况:外层的大组件向内部的小组件通信,内部的小组件向外部的大组件通信,平级 阅读全文

posted @ 2018-08-18 22:18 难凉热血,码梦为生! 阅读(849) 评论(0) 推荐(1)

通俗易懂了解Vue组件的生命周期
摘要:1.前言 在使用vue2.0进行日常开发中,我们总有这样的需求,我就想在页面刚一加载出这个表格组件时就发送请求去后台拉取数据,亦或者我想在组件加载前显示个loading图,当组件加载出来就让这个loading图消失等等这样或那样的需求,要实现这些需求,最重要的一点就是我怎么知道这个组件什么时候加载, 阅读全文

posted @ 2018-08-18 16:50 难凉热血,码梦为生! 阅读(11306) 评论(1) 推荐(5)

原生JS实现栈结构
摘要:1. 前言 栈,是一种遵从后进先出(LIFO,Later-In-First-Out)原则的有序集合。新添加的元素都保存在栈的一端,称作栈顶,另一端叫做栈底。在栈中,新元素都靠近栈顶,旧元素都靠近栈底。 2. 功能说明 push(value):添加一个新元素到栈顶 pop():移除栈顶的元素,同时返回 阅读全文

posted @ 2018-08-12 14:24 难凉热血,码梦为生! 阅读(1148) 评论(0) 推荐(0)

原生JS实现队结构及利用队列模拟‘击鼓传花’游戏
摘要:1. 前言 队列,是一种遵从先进先出(FIFO,First-In-First-Out)原则的有序集合。队列在尾部添加新元素,并从顶部移除元素,最新添加的元素必须排在队列的末尾。 2.功能说明 enqueue(value):进队,添加一个新元素到队列末尾 dequeue():出队,移除队列中的第一个元 阅读全文

posted @ 2018-08-12 14:18 难凉热血,码梦为生! 阅读(782) 评论(0) 推荐(0)

原生JS实现单向链表
摘要:1.前言 用JS实现一个简单的单向链表,并完成相关的功能 2.功能说明 push(value):从链表尾部添加一个新的节点 insertAfer(value,item):向链表中的item节点之后插入一个 值为value的新节点 remove(value):删除链表中值为value的节点 remov 阅读全文

posted @ 2018-08-12 14:08 难凉热血,码梦为生! 阅读(3389) 评论(0) 推荐(0)

如何用CSS实现中间自适应,两边定宽三栏布局
摘要:1.前言 用css实现“两边定宽,中间自适应的三栏布局”这个问题应该是在前端面试中被面试官提问到的高频问题了,一般当面试者写出一种实现方法之后,面试官还会问你还有没有别的方法,尽量多的写出几种实现方法。 2.实现原理 要想实现这种“两边定宽,中间自适应的三栏布局”其实也不难,无外乎把握住以下几点: 阅读全文

posted @ 2018-08-12 13:55 难凉热血,码梦为生! 阅读(667) 评论(0) 推荐(1)

如何用CSS画三角形
摘要:1.前言 在博主某次前端面试过程中,被问到如何用css画一个三角形?相信很多朋友在面试中也被问到过这个问题,并且网上针对这个问题也有非常多的解决方案,大部分都是采用border来实现,经过我一番搜索,发现讲具体实现的代码的很多,但是讲实现原理的几乎没有(也可能是我没有找到),下面,我就谈谈利用bor 阅读全文

posted @ 2018-08-12 13:46 难凉热血,码梦为生! 阅读(6875) 评论(3) 推荐(2)

使用webpack+babel构建ES6语法运行环境
摘要:1.前言 由于ES6语法在各个浏览器上支持的情况各不相同,有的浏览器对ES6语法支持度较高,而有的浏览器支持较低,所以为了能够兼容大多数浏览器,我们在使用ES6语法时需要使用babel编译器将代码中的ES6语法编译为ES5语法,下面就开始搭建一个基于webpack+babel的ES6语法运行环境。 阅读全文

posted @ 2018-08-12 01:23 难凉热血,码梦为生! 阅读(1195) 评论(0) 推荐(0)

JS中的两种数据类型以及实现引用类型的深拷贝
摘要:一.前言 我们知道,在JS中数据类型按照访问方式和存储方式的不同可分为基本类型和引用类型。基本类型基本类型有String、Boolean、Number,Undefined、Null,这些基本类型都是按值传递的,也称为值类型。 引用类型引用类型有对象、数组、函数,它们都是按引用访问的。 二.存储方式区 阅读全文

posted @ 2018-08-12 00:58 难凉热血,码梦为生! 阅读(383) 评论(0) 推荐(0)

导航