基于vue的arcgis

2026-09-03

vue地图可视化 ArcGIS篇

ArcGIS for javascript开发心得本次实例中采用ArcGIS for javascript3.24版本,由于版本3与4在API等存在较大区别,就不一一列举,详细区别看官方解释arcgis for js4.7版本能够自动创建layer.graphs等类,而不像3.24版本需要在图形渲染前重新new 新的类.然而,查找大量文件资料,网上有关ArcGIS forjavascript的资料甚少,更不用说通过vueJS+arcGIS开发出一套可视化平台,在不断查看官方文档和实际操作,总结

一次基于Vue.Js用户体验的优化

.mytitle { background: #2B6695; color: white; font-family: "微软雅黑", "宋体", "黑体", Arial; font-size: 18px; font-weight: bold; height: 25px; line-height: 25px; margin: 15px 0 !important; padding: 5px 0 5px 20px; width: 97% } .arti

发布自己第一个npm 组件包（基于Vue的文字跑马灯组件）

一.前言总结下最近工作上在移动端实现的一个跑马灯效果,最终效果如下: 印象中好像HTML标签的'marquee'的直接可以实现这个效果,不过 HTML标准中已经废弃了'marquee'标签既然HTML标准已经废弃了这个标签,现在工作上用的是Vue,所以想着能不能自己也发布一个基于Vue的文字跑马灯组件包,这样别人可以通过npm install ...就可以用,想想还有点激动,于是开始我的第一个npm组件之旅! 二.用npm发布一个包有点惭愧,之前通过npm install ...安装pac

基于vue的颜色选择器color-picker

项目中有用到颜色选择器的童鞋们可以看过来了关于color-picker的jquery的插件是有蛮多,不过vue组件没有吧,反正我没有找到, 虽然element-ui里面有这个,但是你愿意为了一个小功能去引入这么大的依赖库吗? 适用于:想写基于vue的单个color-picker功能的童鞋甩github地址啦:https://github.com/alexzaolin/vue-color-picker (麻烦觉得有用的童鞋帮我点个star,谢谢谢谢谢~~) 凑个字数贴一下代码(部分算法来自网络

基于Vue实现后台系统权限控制

原文地址:http://refined-x.com/2017/08/29/基于Vue实现后台系统权限控制/,转载请注明出处. 用Vue/React这类双向绑定框架做后台系统再适合不过,后台系统相比普通前端项目除了数据交互更频繁以外,还有一个特别的需求就是对用户的权限控制,那么如何在一个Vue应用中实现权限控制呢?下面是我的一点经验. 权限控制是什么在权限的世界里服务端提供的一切都是资源,资源可以由请求方法+请求地址来描述,权限是对特定资源的访问许可,所谓权限控制,也就是确保用户只能访问到被分配

基于vue，打印机打印暂且处理

基于vue单页面应用.暂且没找到合适的方案,什么vue-print .jquery.print.js.jqprint.js..canvas生成图片啊大多不能保证页面样式保持原样. 所以,选择了最土的办法. 走起 window.print() 嗯,各种问题又来了了了了了.直接调用window.print()会把整个页面都给打印. 所以, 依据业务重写媒体查询css.(无法保证以后还要改) @meida print 专门定义控制打印显示样式,跟打印机相关的都写在它底下由于现在只进行弹窗内容区域

基于Vue的SPA动态修改页面title的方法

最近基于VUE做个SPA手机端web发现动态修改页面标题通过document.title=xxxx 来修改着实蛋疼,而且在IOS的微信端据说没效果.百度发现要针对IOS的微信做点额外的操作,即:创建一个隐藏的Iframe,然后随便加载一个图片文件,然后加载完成移除,这样就能修改页面title了.网上有几种方案: 1,App.Vue里面设置title属性,然后页面title去绑定,所有子组件修改标题就通过 this.$root.data.title=xxxxx;去修改缺点:App.Vue默认的e

VBox 一款基于vue开发的音乐盒序章

己基于vue写了一个 Mplayer, github地址:https://github.com/xiangwenhu/MPlaer, 演示地址:http://babydairy2017.cloudapp.net:3000/index#/index 只有简单的搜索播放随心听功能,样式适配上也很差, 路由就两个,数据都走vuex,数据转发是用nodejs自己转发,而且只是PC能比较好的展现,之后不了了之,偶尔也自己上来听听歌曲. 有一天,抬头看,有一片云,特别的蓝,风一吹,一阵花香飘来,美好,美好的

基于Vue的小日历（支持按周切换）

基于Vue的日历小功能,可根据实际开发情况按每年.每月.每周.进行切换 <template> <div class="date">  <div class="month"> <p>{{ currentYear }}年{{ currentMonth }}月</p> </div>  <ul class="w

优秀的基于VUE移动端UI框架合集

1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约,是我喜欢的风格 star 2.3k 中文文档在线预览 2.vux 基于WeUI和Vue(2.x)开发的移动端UI组件库 star 10k 基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式. 中文文档在线预览 3.Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的

一款基于Vue的扩展性组件库 VV-UI

github: https://github.com/VV-UI/VV-UI 演示地址: https://vv-ui.github.io/VV-UI/#/meta-info 1. LoadingBar 当我们访问知乎或者Github的时候,会经常看到这样的加载进度条: 这种交互对于单页面应用来说,也是可以极大地增强用户体验,那么我们基于Vue 该如何实现这样的加载进度条呢?其实很简单,目前我做了一套基于Vue的开源组件库,里面完善和补充了其他组件库不存在的一些组件.比如我们的LoadingBar

基于vue.js的简单用户管理

功能描述:添加.修改.搜索过滤效果图: <!DOCTYPE html> <html lang="en"> <head> <title>简单用户管理</title> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <s

基于VUE框架与其他框架间的基本对比

基于VUE框架的基本描述与其他框架间的基本对比 2018-11-03 11:01:14 A B React React 和 Vue 有许多相似之处,它们都有: 使用 Virtual DOM 提供了响应式 (Reactive:其特点是异步或并发.事件驱动.推送PUSH机制以及观察者模式的衍生) 和组件化 (Composable: 其特点是能够被组成(来自多个较小的元素)) 的视图组件. 将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库. 1. 运行时性能 React

基于vue现有项目的服务器端渲染SSR改造

前面的话不论是官网教程,还是官方DEMO,都是从0开始的服务端渲染配置.对于现有项目的服务器端渲染SSR改造,特别是基于vue cli生成的项目,没有特别提及.本文就小火柴的前端小站这个前台项目进行SSR改造效果下面是经过SSR改造后的前端小站xiaohuochai.cc的网站效果,github源码地址概述 [定义] 服务器渲染的Vue应用程序被认为是"同构"或"通用",因为应用程序的大部分代码都可以在服务器和客户端上运行 [优点] 与传统SPA相比,服务器

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-calendar 基于 vue 2.0 开发的轻量，高性能日历组件

vue-calendar-component 基于 vue 2.0 开发的轻量,高性能日历组件占用内存小,性能好,样式好看,可扩展性强原生 js 开发,没引入第三方库 Why Github 上很多点击弹出日历选择某个时间的组件,却没有找到单纯展示日历并且能点击获取时间的组件少部分日历组件的占用内存过于大,对于日历这样简单的功能来说显然不够合理 Demo 或者请用浏览器的手机模式查看效果

基于vue项目的组件中导入mui框架初始化滑动等效果时需移除严格模式的问题

基于vue项目的组件中导入mui框架初始化滑动等效果时,控制台报错:Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them 可使用 babel-plugin -transform-remove-strict-mode 移除严格模式可先进行$ n

基于vue和svg的树形UI

vue-svg-tree 基于vue和svg的动态树形UI 截图应用 npm install vue-svg-tree 示例 <template> <div> <vue-svg-tree :treeData="treeData" svgId='svg' ref="svgTree" ></vue-svg-tree> </div> </template> <script> impo

基于Vue.js 2.0 + Vuex打造微信项目

一.项目简介基于Vue + Vuex + Vue-router + Webpack 2.0打造微信界面,实现了微信聊天.搜索.点赞.通讯录(快速导航).个人中心.模拟对话.朋友圈.设置等功能. 二.项目预览 (请在chrome手机模式下打开) 点击这里预览项目移动端扫描下方二维码可直接打开三.技术栈 MVVM框架:Vue.js 2.0 状态管理:Vuex 移动端组件库:Mint-ui 前端路由:Vue-router 数据交互:Vue-resource 打包工具:webpack 2.0 环境

一次基于Vue.Js的用户体验优化（vue drag）

一.写在前面半年以前,第一次在项目上实践VueJs,由于在那之前,没有Angular,avalon等框架的实践经验,所以在Vue的使用上,没有给自己总结出更多的经验和体验.随着项目进行和优化改版,无论是新代码的增加还是旧代码,在功能的实现和代码的书写上,Vue逐渐替代了Jquery,除了有些不容易替换和没有找到基于vue更合适的组件.Vue的使用,在我个人的感受中减轻了我操作dom的负担,我不需要从dom中获取数据,然后拼装数据,也不需要向dom中回写展示数据.更不需要我各种拼接html,即使

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

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

基于vue的arcgis

热门专题