亚博vip86.com 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
?Vue.js
Vue使用mixin分发组件的可复用功能

Vue使用mixin分发组件的可复用功能

vue创建高阶组件的实现不够react优雅,但那是vue和react的设计思想导致的。在react中一切都是函数,而在vue中,组件最终都是函数,但在开发时可以是JSON对象,而且每个vue组件要注意三个点:props、events和slots,就是这三个导致vue创建高阶组件时要传入相应的属性,...[2019/9/2]

Vue函数式组件的应用实例详解

亚博vip86.com 一、函数式组件和普通组件的区别 渲染快 没有实例,意味着没有(this) 没有生命周期(没有响应式数据) 二、组件函数的使用   1.以局部组件为例,将组件标记为functional=ture; 因为函数式没有实例,因此组件需要的一切都是通过context参数...[2019/8/30]

vuex vue简单使用知识点总结

vue概念:vuex 是 Vue 配套的 公共数据管理工具,它可以把一些共享的数据,保存到 vuex 中,方便 整个程序中的任何组件直接获取或修改我们的公共数据; 配置vuex的步骤: 1、运行cnpm i vuex -S 2、导包 import Vuex from ''v...[2019/8/30]

VUE路由动态加载实例代码讲解

首先新建vue工程,一般我们不会特殊处理路由,但当项目页面越来越多,路由配置也会越来越大,路由文件就会变得不好维护 import Vue from ''vue'' import Router from ''vue-router'' import HelloWorld from ''...[2019/8/27]

vue router动态路由设置参数可选问题

在日常工作中,我们需要将匹配到的所有路由,映射到一个组件上。 如下代码想要达到的效果: 不传page和id,则映射到user默认list页面 传page和id,根据page不同,显示不同的页面 问题 使用以下代码片段是不能实现以上效果的,因为默认情况下page和id参数...[2019/8/22]

使用 Vue 实现一个虚拟列表的方法

使用 Vue 实现一个虚拟列表的方法

因为 DOM 性能瓶颈,大型列表存在难以克服的性能问题。 因此,就有了 “局部渲染” 的优化方案,这就是虚拟列表的核心思想。 虚拟列表的实现,需要重点关注的问题一有以下几点: 可视区域的计算方法 可视区域的 DOM 更新方案 事件的处理方案 下面逐一分解说明。 ...[2019/8/20]

基于vue手写tree插件那点事

目录 iview提供的控件 手写控件 手写控件扩展 手写控件总结 Tree树形控件在前端开发中必不可少,对于数据的展示现在网站大都...[2019/8/20]

解决vuex刷新状态初始化的方法实现

vuex五种基本对象 state:存储状态(变量) getters:对数据获取之前的再次编译,可以理解为state的计算属性。我们在组件中使用$sotre.getters.fun() mutations:修改状态,并且是同步的。在组件中使用$store.commit(''''...[2019/8/15]

koa2+vue实现登陆及登录状态判断

这里我们先说说登陆以及登陆状态控制需要的插件jsonwebtoken,jsonwebtoken就可以实现token的生成与反向解密出用户数据。 安装步骤: npm install jsonwebtoken --save 安装之后先创建一个token.js, 为了项目目录的清晰,可以创建一个...[2019/8/15]

浅析Vue中拆分视图层代码的5点建议

一.框架的定位 框架通常只是一种设计模式的实现,它并不意味着你可以在开发中避免所有分层设计工作。 SPA 框架几乎都是基于?MVC 或?MVVM 设计模式而建立起来的,这些模式都只是宏观的分层设计,当代码量开始随着项目增大而增多时,问题就会越来越多。许多企业内部的项目仍...[2019/8/15]

vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)

vue项目中使用AES实现密码加密解密 区别 ECB:是一种基础的加密方式,密文被分割成分组长度相等的块(不足补齐),然后单独一个个加密,一个个输出组成密文。 CBC:是一种循环模式,前一个分组的密文和当前分组的明文异或或操作后再加密,这样做的目的是增强破解难度。(不容易主动攻击,安全...[2019/8/13]

后端小白的VUE入门笔记, 进阶篇

使用 vue-cli( 脚手架) 搭建项目 基于vue-cli 创建一个模板项目 通过 npm root -g 可以查看vue全局安装目录,进而知道自己有没有安装vue-cli 如果没有安装的话,使用如下命令全局安装 cnpm install -g vue-cli 创建一个基于w...[2019/8/9]

Vue全局loading及错误提示的思路与实现

Vue全局loading及错误提示的思路与实现

前言 近期项目马上上线,前两天产品提个需求,加个全局loading,我这半路出家的vue选手,有点懵逼,这玩意还是第一次,但是作为一个初级的前端切图仔,这个东西是必须会的,花了五分钟思考了一下,然后动键盘码出来 ,今天总结一下,与各位分享交流,有错误还请各位指出。 思路 我们项...[2019/8/9]

详解Element-UI中上传的文件前端处理

Element-UI对于文件上传组件的功能点着重于文件传递到后台处理,所以要求action为必填属性。但是如果需要读取本地文件并在前端直接处理,文件就没有必要传递到后台,比如在本地打开一个JSON文件,利用JSON文件在前端进行动态展示等等。 下面就展示一下具体做法: 首先定义一个jso...[2019/8/8]

Vue路由前后端设计总结

一开始我还以为vue的路由只能用在工程化的项目里面呢,然后研究了一下才发现,在脚本化里面也是可以用的。其实呢不管在哪里用,把原理研究明白就对了。 一、 官网demo 这里不得不吐槽一下官网,写的不清不楚的,在哪里使用都没有说清楚,几行代码一句话就轻飘飘的交代完事了,剩下的事情还得自己研究,...[2019/8/7]

Vue代码整洁之去重方法整理

在开始本篇的主题之前,让我们把上次遗留下来的问题都清理一下: 将其他组件中 axios 请求的地方封装起来。 这里就不把代码放在开头了,相关代码都放在文末,有兴趣了解的童鞋可以先往下翻。 好了, 我们现在把上篇剩下的任务给完成了,接下来我们来正式开始本篇内容吧。 去重是什么 字...[2019/8/7]

解决vue单页面修改样式无法覆盖问题

解决vue单页面修改样式无法覆盖问题