- 博客(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关注的人