基于Vue简易封装的快速构建Echarts组件 -- fx67llQuickEcharts

fx67llQuickEcharts A tool to help you use Echarts quickly! npm 组件说明这本来是一个测试如何发布Vue组件至npm库的测试项目做完之后发现很有意思,就稍微完善了一下成为一个简易快速构建Echarts图表的组件基本上消灭了我之前关于Echarts渲染DOM的一堆冗余代码功能不多后续有想法的话再考虑继续封装,github源码地址在底部,各位自行取用使用步骤安装 -> npm install fx67ll-quick-echar…

基于vue模块化开发后台系统——构建项目

文章目录如下:项目效果预览地址项目开源代码基于vue模块化开发后台系统--准备工作基于vue模块化开发后台系统--构建项目基于vue模块化开发后台系统--权限控制前言在熟悉上一篇说到准备工具之后,现在开始构建属于自己的项目,这是一个VUE的项目,那么使用vue-cli来构建,输入以下命令 vue init webpack xxxx 在构建过程中,因为之前说的要规范代码,因此在eslint这个提问中,要回复Y.等一切都结束后,我们来看看目录结构项目目录结构当然这个目录添加了一些,已经做了备…

vue-amap | 基于 Vue 2.x 与高德的地图组件

vue-amap | 基于 Vue 2.x 与高德的地图组件参考:https://elemefe.github.io/vue-amap/#/…

如何快速构建React组件库

前言俗话说:"麻雀虽小,五脏俱全",搭建一个组件库,知之非难,行之不易,涉及到的技术方方面面,犹如海面风平浪静,实则暗礁险滩,处处惊险- 目前团队内已经有较为成熟的 Vue 技术栈的 NutUI 组件库[1] 和 React 技术栈的 yep-react 组件库[2].然而这些组件库大都从零开始搭建,包括 Webpack 的繁杂配置,Markdown 文件转 Vue 文件功能的开发,单元测试功能的开发.按需加载的 Babel 插件开发等等,完成整个组件库项目实属不易,也是一个浩大的工…

【antd Vue】封装upload图片上传组件（返回Base64）

最近需要把上传的图片信息存储到数据库,以base64的方式,需要重新封装一下antd的upload组件 1. 使用方法引入组件然后配置一下即可使用,配置项包括 defaultImageList,需要回显的图片(必传),[ url1, url2 ] fileTypeList ,文件格式(可选),默认不做限制 limitSize ,单个图片大小限制(可选),单位MB limitNum ,上传图片个数限制(可选),默认200个 multiple ,是否可以多选(可选),默认否 disabled ,是…

基于Vue+VueRouter+ModJS+Fis3快速搭建H5项目总结

技术选型 • 框架 - Vue+VueRouter • 相比较于react/angular/avalon ? • 简单轻量,社区配套完整• 模块化 - ModJS • 相比较于require/seajs/browserify/webpack ? • commonjs规范• 构建工具 - Fis3 • 相比较于grunt/glup/webpack ? • 插件完善,配置简单清晰目录结构规范 MVVM开发模式 • 数据驱动• 双向绑定• 组件化开发构建处理任务 • less编译• 资源内嵌• 模…

基于vue的web应用如何构建成手机端的原生安装包

话不多说,点击前往…

基于 Vue3.0 Composition Api 快速构建实战项目

Quick Start 项目源码:https://github.com/Wscats/vue-cli 本项目综合运用了 Vue3.0 的新特性,适合新手学习…

基于Vue的事件响应式进度条组件

写在前面找了很多Vue 进度条组件!,都不包含拖拽和点击事件,input range倒是原生包含input和change事件,但是直接基于input range做进度条的话,样式部分需要做大量调整和兼容性处理.即使做好了,将来需要修改外观,又是一番折腾. 基于以上两个原因,做了一个可以响应input和change事件(即一个是拖动进度条到某处,一个是在进度条某位置点击使其值变为该位置)的div实现的Vue组件,这样既满足了对进度条事件的需求,也带来了如有需求变动,样式修改很方便的好处. 事件响…

Vue项目中使用基于Vue.js的移动组件库cube-ui

cube-ui 是滴滴公司的技术团队基于 Vue.js 实现的精致移动端组件库.很赞,基本场景是够用了,感谢开源!感谢默默奉献的你们. 刚爬完坑,就来总结啦!!希望对需要的朋友有小小的帮助. (一)创建一个vue项目 (1) (安装全局vue-cli,通过vue -V查看版本) npm install -g vue-cli (2)vue init 你用的模板工具项目名称 (这里采用webpack作为模板工具) vue init webpack cubeUiPro (根据选项填写或者选择,可以按…

基于VUE开发项目

前言最近由于公司需要,需要写一个相对来说比较大型的后台管理系统.为了保证管理系统操作体验较为舒适并且项目后期益于维护,最后决定基于VUE全家桶来开发一个高度组件化的单页SPA应用. 技术选型 vue:进行数据绑定以及开发组件 vue-router: 处理页面路由 vuex: 处理各组件间的通讯 vue-resource:处理HTTP请求 element-ui:使用UI框架中部分UI组件进行快速开发项目创建首先我们需要保证自己电脑安装有Node运行环境打开命令行工具,输入下面指令进行全局安…

基于vue模块化开发后台系统——准备工作

文章目录如下:项目效果预览地址项目开源代码基于vue模块化开发后台系统--准备工作基于vue模块化开发后台系统--构建项目基于vue模块化开发后台系统--权限控制前言本文章是以学习为主,练习一下vue的操作,可能存在一些不足,首先明确功能: 要有权限控制存在会话记录不使用第三方插件,从而自定义通用组件在开始撸代码之前,先准备一下项目所需求的一些工具,俗话说:工欲善其事必先利其器. Mock.js 由于本文没有后台做支撑,那么问题来了,如何去模拟数据?难道打算一个个去写模拟的json数据…

【JAVASCRIPT】React学习-如何构建一个组件

摘要 react 学习包括几个部分: 文本渲染 JSX 语法组件化思想数据流组件化思想组件就是 UI + UI 交互逻辑,组件有三个常规map , 分别为state 状态 . props 数据 .refs 不知道是啥. 组件输入为 state 状态 . props 数据, 输出为页面dom 元素. 原理本质是一个状态机,存在state 标志位,当state变化(调用setState(data, callback))时,会合并data 与 state,并重新渲染组件. 实现时,尽量拆…

GearCase UI - 自己构建一套基于 Vue 的简易开源组件库

最近 1 ~ 2 月除了开发小程序之外,还一直在继续深入的学习 Vuejs.利用零碎.闲暇的时间整合了一套基于 Vue 的 UI 组件库.命名为 GearCase UI,意为齿轮盒.现在把该项目进行开源分享,希望能和更多的人一起交流学习. 在构建该项目的过程中我也收获颇丰.除单纯的造轮子之外,还学习了单元测试.持续集成,更加熟悉工程化.并了解 TDD.BDD等. GearCase UI 组件库 0.1.2 版本已经完成,本篇文章简要讲解安装.引入.注册使用 GearCase 的方法.各组件的具体…

快速构建一个简单的单页vue应用

技术栈 vue-cli webpack vux,vux-loader less,less-loader vue-jsonp vue-scroller ES6 vue-cli:一个vue脚手架工具,利用vue-cli可以快速构建一个vue项目. webpack:一个现代 JavaScript 应用程序的模块打包工具. vux: 一个移动端的UI组件库. vue-jsonp vue的一个插件,用于送jsonp请求. vue-scroller vue的一个插件,用于实现下拉刷新和上拉加载. 构建过程:…

基于vue-cli快速构建

基于vue-cli快速构建 https://www.jianshu.com/p/2769efeaa10a Vue是近两年来比较火的一个前端框架(渐进式框架吧),与reactjs和angularjs三国鼎立,我不是职业前端,做过Vue,了解了一下React,听说过Angluar.我只能这么说,我来晚了,没经历所有.闲话少说进入正题. Vue是什么,是一套构建用户界面的渐进式框架(官网解释),什么叫渐进式框架呢,简单回答就是主张最少,这些概念只能自己去看,自己去理解,一千个读者一千个…

[译]基于Vue.js的10个最佳UI框架，用于构建移动应用程序

原文查看10 Best Vue.js based UI Frameworks for Building Mobile Apps 如果您期待使用Vue.js构建移动应用程序,那么您可以选择许多可用的UI框架. 在本文中,我们将介绍一些基于Vue.js的框架,这些框架可用于构建多设备混合(Cordova或Phonegap)应用程序以及Native应用程序. 理论上,您可以使用支持移动浏览器的任何Web框架(或自己动手),并使其与Vue.js和Cordova一起使用. 但是,拥有专用的UI框架允许您选…

Jeecg-Boot 2.0 版本发布，基于Springboot+Vue 前后端分离快速开发平台

目录 Jeecg-Boot项目简介源码下载升级日志 Issues解决 v1.1升级到v2.0不兼容地方系统截图 Jeecg-Boot项目简介 Jeecg-boot 是一款基于代码生成器的智能开发平台!采用前后端分离技术:SpringBoot,Mybatis,Shiro,JWT,Vue & Ant Design.提供强大的代码生成器, 前端页面和后台代码一键生成,不需要写任何代码,保持jeecg一贯的强大,绝对是全栈开发者福音!! JeecgBoot的宗旨是降低前后端分离的开发成本,提高UI…

在微信框架模块中，基于Vue&Element前端，通过动态构建投票选项，实现单选、复选的投票操作

最近把微信框架的前端改造一下,在原来基于Bootstrap框架基础上的微信后台管理,增加一套Vue&Element的前端,毕竟Vue的双向绑定开发起来也还是很方便的,而且Element本身也提供了很强大的界面组件.因此在原来数据库的基础上,增加Web API+Vue&Element的前端,相当于双前端的后台管理,可以根据自己的喜欢选择不同的开发方式和管理界面. 1.基于WebAPI+Element的方式改造微信框架在原先的微信框架功能基础上,我们在他们的基础上增加了一个新的前端,完全的前…

【技术博客】基于vue的前端快速开发(工具篇)

一.Vue教程 vue.js是一套构建用户界面的渐进式框架.vue采用自底向上增量开发的设计.vue的核心库只关心视图层,非常容易学习,非常容易与其它库和已有项目整合.vue完全有能力驱动采用单文件组件和vue生态系统支持的库开发的复杂单页应用.vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件. 这里介绍一些我学习vue时用的教程. 1.入门教程官网教程:https://cn.vuejs.org/v2/guide/ vue.js的官网教程是很全面的,包括文档和视频.…

使用PowerApps快速构建基于主题的轻业务应用 —— 进阶篇

作者:陈希章发表于 2017年12月14日在上一篇使用PowerApps快速构建基于主题的轻业务应用 -- 入门篇中,我用了三个实际的例子演示了如何快速开始使用PowerApps构建轻业务应用,你可能已经发现,我都是使用默认生成的设置,没有做任何修改.当然,那样做出来的应用看起来不那么酷,但已经可以运行了,作为一个起点,已经不错了,不是吗? 但这样自动生成的应用,估计也不能直接用于咱们实际的工作中,为了达到这个目的,你还多多少少需要掌握一些"高级"知识,并且要多一些练习.这一篇…

VUE项目快速构建

IDE :VScode 1.新建项目文件夹 ctrl+~ 调出命令板,/IDE找到当前文件夹右键点击‘在命令提示符中打开’ 安装 node:官网(https://nodejs.org/en/download/ )下载安装 node -v 查看版本 cnpm 用淘宝镜像安装 npm install -g cnpm --registry=https://registry.npm.taobao.org 快速构建项目 vue 初始化webpack项目(选项里面有个询问是否安装 v…

Spring Boot 基于Spring Initializer 的快速构建 day02

一.基于Spring Initializr 快速构建Spring Boot项目(快速) 备注:需要联网这是使用Intellij Idea快速构建可以为我们省去大量的pom.xml配置时间,简单操作,可谓是程序员必会技巧.如果您是使用的开发工具是Eclipse那么你必须在Eclipse中下载Spring插件STS,然后创建Spring Starter Project即可. 1.在idea开发工具右键new>>"Project">>"Spring Ini…

基于vue和echarts的数据可视化实现

基于vue和echarts的数据可视化: https://github.com/MengFangui/awesome-vue.git…

转载：我如何使用 Django + Vue.js 快速构建项目

原文链接: https://www.ctolib.com/topics-109796.html 正文引用如下引言大U的技术课堂的新年第一课,祝大家新的一年好好学习,天天向上:) 本篇将手把手教你如何快速而优雅的构建前后端分离的项目 ,想直接上手请往后翻! 目录: 我为什么要选择Django与VueJS? Django和VueJS是如何结合起来的? 实操创建 Django 项目创建 Django App 做为后端创建 VueJS 项目作为前端使用 Webpack 处理前端代码配置…

即插即用，基于阿里云Ganos快速构建云上开源GIS方案

对于轻量级GIS应用,选择具备时空能力的云上数据库再搭配开源GIS软件,能够快速构建稳定.廉价.实用的GIS解决方案.Ganos是阿里云自研时空基础设施(PaaS层)的核心引擎,该引擎整合了云上异构计算并行加速.OSS大规模存储等基础设施能力,上层与RDS PostgresSQL数据库.POLARDB for PG/Oracle云原生数据库.HBase大数据等融合,为云计算基础产品提供了免费但专业级的时空数据存储.查询与分析计算能力.本文主要介绍如何将Ganos作为数据源与GeoServer.u…