2017年12月_若晨工作室

原创 vue中上传文件遇到的问题

vue项目中会遇到上传文件的需求，jquery会有一些插件很方便，如果不使用插件网上的方法没有太容易的而且很多是基于jQuery操作dom结构的。那么在vue项目中如何实现呢，还有如何模拟表单文件提交呢？这里文件上传文件框的样式美化就不过多赘述了，有很多例子。只介绍一下功能的实现以及注意的问题。本地上传ischangeFn(e){ this.deviceA

2017-12-14 11:23:31 20315 7

转载 Vuex速学篇:基本套路

我们前面做了一个这样的页面，为了增加我们的学习难度，我们特意拆分成了不同的组件。我们知道，我们在子组件里并不能直接对兄弟组件里的属性进行操作，我们通过this.$emit() 调用父组件的方法，通过this.$parent.$data.username 获取兄弟组件里的属性。但是如果我们的业务越来越复杂，组件越来越多，会造成我们的整个项目维护起来非常的困难。能不能把各个组件的逻

2017-12-25 14:22:38 266

转载 zTree树插件动态加载

转载地址：https://www.cnblogs.com/dralee/p/6839790.html需求：　　由于项目中家谱图数据量超大，而一般加载方式是通过，页面加载时 zTree.init方法进行数据加载，将所有数据一次性加载到页面中。而在项目中家谱级别又非常广而深，成千上万级，因此一次加载，完全加载不出来。于是需要进行优化为动态加载（增量加载）的方式，以便数据加载，提高体

2017-12-19 16:18:32 1304

转载 TreeView的图标个性化和动态数据加载

1、简述如图，需要在页面上实现一个这样的树状图，具体要求如下：1、最顶层的行的收缩图标为绿色小三角，其余层存在子节点的行的收缩图标为一个朝右的尖括号和一个绿色小三角，无子节点的行无需图标；2、点击小三角时，能收缩或展开节点；3、点击文字所在行（除小三角所在区域）的任何区域能够响应点击事件，且不影响节点收缩状态；4、每行有全屏的分割线；5、

2017-12-19 15:41:34 2959

转载前端实现图片懒加载(lazyload)的两种方式

前端实现图片懒加载(lazyload)的两种方式在实际的项目开发中，我们通常会遇见这样的场景：一个页面有很多图片，而首屏出现的图片大概就一两张，那么我们还要一次性把所有图片都加载出来吗？显然这是愚蠢的，不仅影响页面渲染速度，还浪费带宽。这也就是们通常所说的首屏加载，技术上现实其中要用的技术就是图片懒加载–到可视区域再加载

2017-12-18 18:24:23 3779

在Vue中处理文件上传是一件容易的任务！在本文中，我们将讨论如何使用VueJs处理文件上传。我们将创建一个图像上传器，允许用户通过拖放或选择文件对话框上传单个或多个图像文件。然后，我们将上传所选图像并相应地显示它们。我们还将学习过滤上传文件类型，例如，我们只允许图像，不允许像PDF这样的文件类型。源代码：https：//github.com/chybie/file-upload-vue演示：http

2017-12-11 10:32:14 7658

转载 vue-devtools的安装与使用

vue-devtools的安装与使用一.在github上下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools二.解压到本地的某盘三.用你的npm中进入该文件夹下四.依次输:1:npm install2:npm run build (这一步一定不要忘了，没有执行这一步的话，项目文

2017-12-05 17:37:08 810

转载 vue.js移动端app实战3：从一个购物车入门vuex

什么是vuex?官方的解释是：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单来说就是集中管理所有的状态。为什么要用vuex?对于父子组件之前的通信，父组件通过porps传递到子组件，子组件通过$emit发送事件都到父组件;对于组件与组件之

2017-12-05 14:43:22 1923

原创 input File实现同时上传多个文件

默认的调用方式：可实现上传单个文件，但无法多选确认。html在input[type='file']中给我们提供了multiple参数,设置multiple="multiple"即可实现同时选中多个文件上传。欢迎交流探讨。

2017-12-04 19:18:27 40622 10

若晨工作室