Vue
文章平均质量分 78
Jdoit CW
一个要做全栈的前端小陈
Just move on---陈稳
展开
-
vue项目中纯前端Excel文件(.xlsx)的导入导出
目录应用场景Excel文件导入Excel文件导出应用场景在需要展示大量数据的表格中,一条条插入显然有些鸡肋。此时我们会想到使用文件的形式插入。Excel表格的插入方式往往是种不错的选择。如果当Excel文件上传时后端无暇解析怎么办。此时我们就需要在前端进行Excel文件的解析,用后端容易接收的形式进行添加。那么如果这个Excel文件的添加面向用户,用户不清楚添加模板怎么搞,此时我们就需要为用户提供一套模板,可以导出Excel文件(模板)。Excel文件的导入/导出1. 此处封装了导入、导出原创 2021-06-10 20:57:04 · 2339 阅读 · 0 评论 -
ECharts实操手册
内容摘要ECharts 的基本使用ECharts常用图表ECharts配置项小结原创 2021-02-25 11:18:44 · 5791 阅读 · 1 评论 -
【vue进阶】打造自己的 UI 组件库
内容组件的基本封装思路把封装的组件发布到 npm原创 2020-09-28 08:41:59 · 10471 阅读 · 0 评论 -
vue 3.x 实用特性,赶快码起来
内容对 vue 3.x 中的一些常用特性做下记录比对 vue 2.x 做分析原创 2020-09-10 22:36:56 · 10543 阅读 · 1 评论 -
【vue项目】企业级权限管理
内容权限管理的应用vue 项目中的权限管理原创 2020-09-06 22:13:11 · 10801 阅读 · 5 评论 -
【手撸vue源码】深入响应式原理
目标原创 2020-07-15 12:02:17 · 16369 阅读 · 2 评论 -
【vue组件封装】ECharts组件封装随笔
内容记录组件封装思路实现ECharts 组件的封装原创 2020-09-05 20:18:11 · 11028 阅读 · 1 评论 -
这个【vue】项目,让我明白了…
写在前面写在前面:最近一直感觉对vue好像没有想象中的那么熟悉,对vue底层原理的理解还是若隐若现,于是模糊的自己上手了个vue项目,还别说,对vue底层理解还是作用甚微。不过也算是复习下vue项目的业务逻辑,特在此记录一下。关于项目关于项目:电商后台管理:管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计,采用典型的前后端分离的开发模式。前端项目是基于Vue的SPA(单页应用程序)项目。后端技术栈(Node.js,Express,Jwt(模拟se原创 2020-07-09 19:05:32 · 11306 阅读 · 0 评论 -
【vue】记一次移动端项目知识点
内容移动端值得注意的地方Vue 中值得注意的地方原创 2020-10-06 10:54:06 · 8313 阅读 · 0 评论 -
项目优化+上线(掌握了么?)
目标了解vue项目的优化过程能够将web项目部署到服务器原创 2020-07-10 18:21:53 · 11143 阅读 · 0 评论 -
拿下Mockjs 要了解下嘛
目标懂得什么是mock明白mock的基本用法了解json5的作用会使用mock和vue-cli结合会把mock应用于原生、jquery中的ajax请求1. Mock1.1 Mock简介Mock.js,生成随机数据,拦截Ajax请求Mock官网http://mockjs.com/1.2 Mock实战作用当前端工程师要独立于后端并行开发时,后端接口还没有完成(只有后端提供参考的接口文档),那么前端怎么获取数据。前端自己搭建web server自己模拟假数据,为了使数据更接近于实际需原创 2020-06-13 21:10:59 · 12784 阅读 · 2 评论 -
1:Vue模板语法
Vue 是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架渐进式:声明式渲染,组件系统,客户端路由,集中式状态管理,项目构建(每一层都可以搞)vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合使用Vue将hello Vue 渲染到页面上以下代码均除去HTML框架 <div id="app"> ...原创 2020-04-23 16:35:28 · 1420 阅读 · 0 评论 -
2:Vue常用特性
Vue常用特性表单基本操作获取单选框中的值通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的值就是选中的值,...原创 2020-04-24 17:33:04 · 1359 阅读 · 0 评论 -
3:Vue组件化开发
组件化开发组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代码思想体现:标准,分治,重用,组合一:组件注册全局注册Vue.component(‘组件名称’, { }) 第1个参数是标签名称,第2个参数是一个选项对象全局组件注册后,任何vue实例都可以用组件基础用法 <div id="app"&g...原创 2020-04-28 12:24:17 · 3203 阅读 · 0 评论 -
4:一顿饭时间拿下---Vue前后端交互(1)
接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程,是指JS引擎中负责解释和执行JavaScript代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函数promise主要解决异步深层嵌套的问题promise 提供了简洁的API 使得异步操作更加容原创 2020-05-13 16:20:45 · 3372 阅读 · 0 评论 -
4:用实战提升你的---Vue前后端交互(2)
Vue前后端交互案例(图书管理)前言:本案例在:2:Vue常用特性中静态实现过,本次实战,我们用axios请求动态数据的方式来实现(奥利给)1.首先:node服务器先奉上(涵盖本文所有路由)app.js(入口文件,启动服务器)const express = require('express');const path = require('path');const router = require('./router.js');const bodyParser = require('body原创 2020-05-13 17:10:31 · 3521 阅读 · 0 评论 -
5:Vue前端路由
一:路由的概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现,并完成资源的分发2).前端路由是依靠hash值(锚链接)的变化进行实现后端路由性能相对前端路由来说较低,所以,我们接下来主要学习...原创 2020-04-30 10:05:08 · 2570 阅读 · 0 评论 -
【Vuex】核心概念解读
目标知道什么是Vuex掌握Vuex的基本使用掌握Vuex的核心概念及其用法1. Vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。了解更多——传送官网:https://vuex.vuejs.org/zh/1.1原创 2020-07-11 20:55:29 · 11054 阅读 · 0 评论 -
模块化的相关规范
内容1.能够了解模块化的相关规范2.了解webpack3.了解使用Vue单文件组件4.能够搭建Vue脚手架5.掌握Element-UI的使用start一:能够了解模块化的相关规范1.模块化的分类a.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品为:Require.js 2).CMD(C...原创 2020-05-01 16:22:46 · 2477 阅读 · 1 评论 -
带你读懂webpack
1.webpack的概念webpack是一个流行的前端项目构建工具,可以解决目前web开发的困境。webpack提供了模块化支持,代码压缩混淆,解决js兼容问题,性能优化等特性,提高了开发效率和项目的可维护性2.webpack的基本使用a.创建项目目录并初始化创建项目,并打开项目所在目录的终端,输入命令: npm init -yb.创建首页及js文件在项目目录中创建inde...原创 2020-05-01 16:54:24 · 2797 阅读 · 0 评论 -
Vue单文件组件
1.Vue单文件组件传统Vue组件的缺陷:全局定义的组件不能重名,字符串模板缺乏语法高亮,不支持css(当html和js组件化时,css没有参与其中)没有构建步骤限制,只能使用H5和ES5,不能使用预处理器(babel)解决方案:使用Vue单文件组件,每个单文件组件的后缀名都是.vue每一个Vue单文件组件都由三部分组成1).template组件组成的模板区域2).script组...原创 2020-05-01 21:32:36 · 2813 阅读 · 0 评论 -
Vue脚手架
1.Vue脚手架Vue脚手架可以快速生成Vue项目基础的架构。A.安装3.x版本的Vue脚手架:npm install -g @vue/cliB.基于3.x版本的脚手架创建Vue项目:1).使用命令创建Vue项目(可用cmd,powershell,vscode终端)命令:vue create my-project选择Manually select features(选择特性以创建...原创 2020-05-02 15:19:27 · 2752 阅读 · 0 评论 -
Element-UI的基本使用
Element-UI的基本使用Element-UI:一套基于2.0的桌面端组件库官网地址:http://element-cn.eleme.io/#/zh-CN1:通过命令行方式进行安装使用A.安装:npm install element-ui -SB.导入使用:import ElementUI from “element-ui”;import “element-ui/lib/the...原创 2020-05-02 15:33:14 · 2787 阅读 · 0 评论