easyfast

D2Admin 这次完成了 vue-cli3 的重构，省去了以前繁琐的 webpack 配置，打包速度更快，环境变量设置更简单，文件目录更简洁。 创建页面最重要的 d2-container 组件进行了重构，详见 页面容器，依旧是支持 full + card + ghost 三种…

前段时间在项目开发中遇到这样一个需求——文本输入框的高度要随着框内文本所占高度而变化。 下面讲一下实现方案的探索过程。 首先想到的方法，是使用 HTML 5 中新增的contenteditable属性。它可以把元素变成可编辑状态，同时让其保留原有的特性（如元素高度根据元素内容所…

对于现在的计算机来说，它们只能读懂“机器语言”，而人类的大脑能力有限，直接编写机器语言难度有点大，为了能让人更方便地编写程序，人类发明了大量的“高级编程语言”，JavaScript 就属于其中特殊的一种。 为什么说是特殊的一种呢？由于计算机并不认识“高级编程语言”写出来的东西，…

前段时间公司需要开发一个后台管理系统，时间比较急迫，一两天时间。想一想自己一点一点的搭建起来可能性不太大，就想着有没有现成的可以改一改，就找到了基于Vue.js和iview组件库的现成后台，拿来改改就可以了 iview admin。 1. iview UI组件库是基于Vue.j…

引入 <AutoForm /> 组件。 fieldsMap.js 中配置表单项，包括 label、type、tag、options等。 Vuex state 中添加数据来源。 剩下的关键是 <AutoForm /> 组件是如何实现配置化，其实本质是动态生成表单项（根据配置文件）…

Elasticsearch 与传统的 SQL数据库的一个明显的不同点是，Elasticsearch 是一个 非结构化 的数据库，或者说是一个 无模式 的数据库。Elasticsearch 中数据最重要的三要素当属：索引、类型、文档，其中索引这个概念非常重要，我们可以粗略地将其类…

设置一个cancelFlag作为标志符，默认为true，在请求拦截器时，判断如果cancelFlag为true，就可以发送请求，且将cancelFlag设为false。当cancelFlag为false,就取消请求。在响应拦截器中再将cancelFlag设为true。说明只用当…

下面可供选择的options用的是绝对定位；同时input设置了readonly，使input变的不可输入，整体布局很简单。 这两项目功能都挺简单，先来完成第一个，点击input框切换显示options，借助v-show就好。 如上所示，在选项里添加v-show="showOp…

今天我们用简单的3步来证明一下,vuex有多简单. 代码看起来稍微有那么一点点多,不过看起来是不是很熟悉? 跟普通的 vue 没多大差别嘛. 这一步其实就是新建一个store,但是我们还没在项目中使用. 然后再最外层组件上用computed属性获取对应的值,就能做到实时更新.无…