- 博客(18)
- 收藏
- 关注
RSS订阅原创 ElementUI中table多选，翻页/切换条数时有记忆功能
需求： 开发中我们常常会用到表格的复选框功能，在表格进行翻页或者切换条数时，希望还能记住之前的勾选项。 本文针对项目中使用ElementUI组件时，实现该功能。本人在这个问题上耗费了好一段时间，下面具体看实现：<el-table :data="tableData" row-key="id" ref="table" border fit highlig...
2019-02-28 17:05:26
6883
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
19381
2
原创 vue知识
`Vue.nextTick(callback)`，当数据发生变化，更新后执行回调。`Vue.$nextTick(callback)`，当dom发生变化，更新后执行的回调。解析见：https://www.jb51.net/article/134020.htm...
2018-08-31 19:25:13
137
转载 CSS中的BFC详解
引言：这篇文章是我对BFC的理解及总结，带你揭开BFC的面纱。你将会知道BFC是什么，形成BFC的条件，BFC的相关特性，以及他的实际应用。一、何为BFC BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。二、形成BFC的条件 1、浮动元素...
2018-07-16 23:10:16
180
原创 JS面试题
1.var、let和const区别var：声明的变量作用域是全局或者函数级，(省略var是全局变量)。如果不初始化会输出undefined，不会报错；let: 声明的变量作用域是在块级作用域中（即在let声明的代码块中有效），对函数外部无影响； 1)不存在变量提升：var会发生变量提升现象，即变量可以在声明前使用，值为undefined； ...
2018-07-16 22:23:15
178
转载 跨域问题
什么是跨域跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。同源策略限制了一下行为：Cookie、LocalStorage 和 IndexDB 无法读取DOM 和 JS 对象无法获取Ajax请求发送不出去常见的跨域场景所谓的同源是指，域名、协议、端口均为相同。http://www.nealyang.cn/index.html 调用 ...
2018-07-10 18:20:11
134
原创 实现一个Promise
class Promise{ constructor (fn){ const _this = this; //声明一个等待的队列（重点） this._queue = []; this._succ_res = null; this._error_res = null; ...
2018-06-11 23:46:35
214
转载 CSS元素水平垂直居中方法
1.不知道自己高度和父容器高度的情况下, 利用绝对定位只需要以下三行：parentElement{ position:relative; } childElement{ position: absolute; top: 50%; transform: translateY(-50%); }2.若父容器下只有一个元素，且...
2018-05-16 15:18:24
385
转载 webpack配置
前言webpack前端工程中扮演的角色越来越重要，它也是前端工程化很重要的一环。本文将和大家一起按照项目流程学习使用wbepack，妈妈再也不用担心我不会使用webpack，哪里不会看哪里。这是一个由浅入深的文章。工程化这里是一个项目工程化，规范化的设置，如果是初次使用webpack的同学还是最后在看这一块知识现在vue、react等脚手架都会自动将开发环境使用的webpack的配置文件和生产环境...
2018-05-16 09:58:54
934
转载 前端简洁并实用的工具类
前言本文主要从日期,数组,对象,axios,promise和字符判断这几个方面讲工作中常用的一些函数进行了封装,确实可以在项目中直接引用,提高开发效率.1.日期日期在后台管理系统还是用的很多的,一般是作为数据存贮和管理的一个维度,所以就会涉及到很多对日期的处理1.1 new Date转化为yyyy-MM-dd HH:mm:ssDatePicker日期选择器默认获取到的日期默认是Date对象,但是我...
2018-05-09 23:07:56
214
转载 vue2.0 项目开发小结
项目架构项目目录├── build├── config├── dist│ └── static│ ├── css│ ├── fonts│ ├── images│ ├── js│ └── lib├── src│ ├── api│ ├── assets│ │ ├── global│ │ └...
2018-05-02 16:40:36
207
转载 ES6的常用语法
1.前言前几天，用es6的语法重写了我的一个代码库，说是重写，其实改动的并不多，工作量不大。在重写完了的时候，就个人总结了一下es6常用的一些常用的语法和比es5优越的方面。下面提到的语法可能也就是es6新特性的10%-20%，但是开发上占了80%左右的。下面的文章，按照es6常用新特性进行分类，文章提及的实例，有些是我代码库的小实例，有些是自己随便编的，大家知道就好！希望可以帮到大家，如果大家觉...
2018-05-02 16:28:18
213
转载 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
148
转载 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
4713
转载 实现 Vue 的双向数据绑定
转载https://segmentfault.com/a/11900000142748401、原理Vue的双向数据绑定的原理相信大家也都十分了解了，主要是通过 Object对象的defineProperty属性，重写data的set和get函数来实现的,这里对原理不做过多描述，主要还是来实现一个实例。为了使代码更加的清晰，这里只会实现最基本的内容，主要实现v-model，v-bind 和v-cli...
2018-04-21 13:08:18
164
转载 Vue.js最佳实践（五招）
第一招：化繁为简的Watchers场景还原：created(){ this.fetchPostList()},watch: { searchInputValue(){ this.fetchPostList() }}组件创建的时候我们获取一次列表，同时监听input框，每当发生变化的时候重新获取一次筛选后的列表这个场景很常见，有没有办法优化一下呢？招式解析：首先，在w...
2018-04-18 22:50:41
201
转载 CSS清除浮动大全共8种方法
清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全，共8种方法。 浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。 下面总结8种清除浮动的方法（测试已通过 ie chrome fi...
2018-04-09 21:22:50
96
原创 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
108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人