自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 ElementUI中table多选,翻页/切换条数时有记忆功能

需求: 开发中我们常常会用到表格的复选框功能,在表格进行翻页或者切换条数时,希望还能记住之前的勾选项。 本文针对项目中使用ElementUI组件时,实现该功能。本人在这个问题上耗费了好一段时间,下面具体看实现:<el-table :data="tableData" row-key="id" ref="table" border fit highlig...

2019-02-28 17:05:26 6879 10

原创 IDEA中一直indexing问题

1. 在File-Invalidate Caches / Restart中,选择Invalidate and Restart,之后会重启Idea2.idea使用vue项目的时候很卡,一直在updating index原因是vue项目中有个node_modules文件夹,里面有很多文件,导致idea会一直updating。解决方式:添加红色部分即可,这样idea会看不到这个目...

2018-09-12 20:11:36 19355 2

原创 vue知识

`Vue.nextTick(callback)`,当数据发生变化,更新后执行回调。`Vue.$nextTick(callback)`,当dom发生变化,更新后执行的回调。解析见:https://www.jb51.net/article/134020.htm...

2018-08-31 19:25:13 136

转载 CSS中的BFC详解

 引言:这篇文章是我对BFC的理解及总结,带你揭开BFC的面纱。你将会知道BFC是什么,形成BFC的条件,BFC的相关特性,以及他的实际应用。一、何为BFC       BFC(Block Formatting Context)格式化上下文,是Web页面中盒模型布局的CSS渲染模式,指一个独立的渲染区域或者说是一个隔离的独立容器。二、形成BFC的条件      1、浮动元素...

2018-07-16 23:10:16 178

原创 JS面试题

1.var、let和const区别var:声明的变量作用域是全局或者函数级,(省略var是全局变量)。如果不初始化会输出undefined,不会报错;let: 声明的变量作用域是在块级作用域中(即在let声明的代码块中有效),对函数外部无影响;    1)不存在变量提升:var会发生变量提升现象,即变量可以在声明前使用,值为undefined;                   ...

2018-07-16 22:23:15 177

转载 跨域问题

什么是跨域跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。同源策略限制了一下行为:Cookie、LocalStorage 和 IndexDB 无法读取DOM 和 JS 对象无法获取Ajax请求发送不出去常见的跨域场景所谓的同源是指,域名、协议、端口均为相同。http://www.nealyang.cn/index.html 调用 ...

2018-07-10 18:20:11 132

原创 实现一个Promise

class Promise{ constructor (fn){ const _this = this; //声明一个等待的队列(重点) this._queue = []; this._succ_res = null; this._error_res = null; ...

2018-06-11 23:46:35 211

转载 CSS元素水平垂直居中方法

1.不知道自己高度和父容器高度的情况下, 利用绝对定位只需要以下三行:parentElement{ position:relative; } childElement{ position: absolute; top: 50%; transform: translateY(-50%); }2.若父容器下只有一个元素,且...

2018-05-16 15:18:24 381

转载 webpack配置

前言webpack前端工程中扮演的角色越来越重要,它也是前端工程化很重要的一环。本文将和大家一起按照项目流程学习使用wbepack,妈妈再也不用担心我不会使用webpack,哪里不会看哪里。这是一个由浅入深的文章。工程化这里是一个项目工程化,规范化的设置,如果是初次使用webpack的同学还是最后在看这一块知识现在vue、react等脚手架都会自动将开发环境使用的webpack的配置文件和生产环境...

2018-05-16 09:58:54 931

转载 前端简洁并实用的工具类

前言本文主要从日期,数组,对象,axios,promise和字符判断这几个方面讲工作中常用的一些函数进行了封装,确实可以在项目中直接引用,提高开发效率.1.日期日期在后台管理系统还是用的很多的,一般是作为数据存贮和管理的一个维度,所以就会涉及到很多对日期的处理1.1 new Date转化为yyyy-MM-dd HH:mm:ssDatePicker日期选择器默认获取到的日期默认是Date对象,但是我...

2018-05-09 23:07:56 213

转载 vue2.0 项目开发小结

项目架构项目目录├── build├── config├── dist│   └── static│   ├── css│   ├── fonts│   ├── images│   ├── js│   └── lib├── src│   ├── api│   ├── assets│   │   ├── global│   │   └...

2018-05-02 16:40:36 204

转载 ES6的常用语法

1.前言前几天,用es6的语法重写了我的一个代码库,说是重写,其实改动的并不多,工作量不大。在重写完了的时候,就个人总结了一下es6常用的一些常用的语法和比es5优越的方面。下面提到的语法可能也就是es6新特性的10%-20%,但是开发上占了80%左右的。下面的文章,按照es6常用新特性进行分类,文章提及的实例,有些是我代码库的小实例,有些是自己随便编的,大家知道就好!希望可以帮到大家,如果大家觉...

2018-05-02 16:28:18 212

转载 ES6小技巧

原文地址:https://medium.freecodecamp.org/check-out-these-useful-ecmascript-2015-es6-tips-and-tricks-6db105590377 作者:rajaraodv 摘要:总结ES6新特性:默认参数、reduce、解构赋值和Set在使用时的一些小技巧。ES6出来已经有好几年了,同时很多新特性可以被巧妙地运用在项目中。我想...

2018-04-28 13:26:52 146

转载 chrome安装vue-devtools

安装方法1: 需正常打开chrome商店,搜索vuejs devtools 安装。chrome://extensions/ 开发者工具-扩展程序下启用;方法2: github下载插件,npm包安装依赖,拖入浏览器扩展程序具体操作:1 . 下载chrome扩展插件。在github上下载压缩包并解压到本地,github下载地址:https://github.com/vuejs/vue-devtools...

2018-04-21 23:28:46 4712

转载 实现 Vue 的双向数据绑定

转载https://segmentfault.com/a/11900000142748401、原理Vue的双向数据绑定的原理相信大家也都十分了解了,主要是通过 Object对象的defineProperty属性,重写data的set和get函数来实现的,这里对原理不做过多描述,主要还是来实现一个实例。为了使代码更加的清晰,这里只会实现最基本的内容,主要实现v-model,v-bind 和v-cli...

2018-04-21 13:08:18 162

转载 Vue.js最佳实践(五招)

第一招:化繁为简的Watchers场景还原:created(){    this.fetchPostList()},watch: {    searchInputValue(){        this.fetchPostList()    }}组件创建的时候我们获取一次列表,同时监听input框,每当发生变化的时候重新获取一次筛选后的列表这个场景很常见,有没有办法优化一下呢?招式解析:首先,在w...

2018-04-18 22:50:41 199

转载 CSS清除浮动大全共8种方法

清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全,共8种方法。 浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。解决浮动引起的问题有多种方法,但有些方法在浏览器兼容性方面还有问题。 下面总结8种清除浮动的方法(测试已通过 ie chrome fi...

2018-04-09 21:22:50 93

原创 Vue快速构建项目

1.安装vue-cli  $ npm install -g vue-cli2.利用vue快速生成一个模板  vue init 模板名称(webpack、webpack-simple、browserify...)  项目名称  3.安装依赖    进入项目的文件夹下   npm install  4.运行任务   npm  run dev(开启测试服务器)    注:github中搜索vue-cli...

2018-04-09 20:59:14 106

空空如也

空空如也

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

TA关注的人

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