未来-更美好-CSDN博客

原创 js获取当前时间

时间格式 ‘"YYYY-MM-DD"’，‘yyy-MM-dd hh:mm:ss’ ， ‘"YYYY/MM/DD hh:mm:ss"’

2022-06-01 09:41:34 363

原创 openlayers TileArcGISRest params属性添加过滤

引用import TileArcGISRest from "ol/source/TileArcGISRest";import TileLayer from "ol/layer/Tile"; // 过滤条件 let filter = { "2": `CITY_CODE = '${this.user.districtid1}'` }; let sourceTileArcGISRest = new TileArcGISRest({ url:.

2022-03-10 17:38:02 1902 2

原创 openlayer 添加绘制 “点、线、面” ，并输出arcgis “FeatureServer”服务保存格式。

import "ol/ol.css";import Map from "ol/Map";import View from "ol/View";import VectorSource from "ol/source/Vector";import VectorLayer from "ol/layer/Vector";import { GeoJSON } from "ol/format";import { Draw, Modify, Select } from "ol/interaction";.

2022-02-17 11:58:44 488

原创 openlayer 添加框选

import "ol/ol.css";import Map from "ol/Map";import View from "ol/View";import OSM from "ol/source/OSM";import VectorSource from "ol/source/Vector";import VectorLayer from "ol/layer/Vector";import { Draw, Modify, Select } from "ol/interaction";impor.

2022-02-17 11:46:30 570

原创 openlayer 添加闪烁点,并移动到点位置

import "ol/ol.css";import Map from "ol/Map";import View from "ol/View";import VectorSource from "ol/source/Vector";import VectorLayer from "ol/layer/Vector";import Feature from "ol/Feature";import Point from "ol/geom/Point";import { Fill, Stroke, S.

2022-02-17 11:33:53 597 4

原创 openlayer 添加arcgis FeatureServer图层，并按需区分颜色

import "ol/ol.css";import Map from "ol/Map";import View from "ol/View";import VectorLayer from "ol/layer/Vector";import VectorSource from "ol/source/Vector";import { GeoJSON } from "ol/format";import EsriJSON from "ol/format/EsriJSON";import { tile.

2022-02-17 11:24:37 1111

原创 openlayer 加载arcgis 切片底图

引入import TileGrid from "ol/tilegrid/TileGrid";import TileLayer from "ol/layer/Tile";import XYZ from "ol/source/XYZ";import Map from "ol/Map";import View from "ol/View"; // 原点 let origin = [-400.0, 400.0]; // 地图范围初始范围 let in

2022-02-17 10:31:59 613

原创 VUE+ARCGIS4.2X----QueryTask封装

import store from '@/store'class QueryUtil { constructor(options) { this.options = options ? options : {}; this.map = store.getters.Map; this.mapModular = store.getters.mapModular; } /** * 关键字：查询支持(where,geometry) .

2021-11-17 11:17:09 214

原创 vue+arcgis4.2X---部分方法封装----FeatureLayer（3D,2D)

import store from '@/store'class LayerUtil { constructor(options) { this.options = options ? options : {}; this.map = store.getters.mapModular.Map; this.mapModular = store.getters.mapModular; } /**.

2021-11-17 11:11:19 1138

原创 vue+arcgis4.2x初始化

整体思路：将arcgis API方法放入到vuex中。方便全局调用。vue新建就不多说了。引用arcgis,需要先安装esri-loader。安装命令npm install --save esri-loader或yarn add esri-loader安装完成后，开始正式步骤了：1.文件夹引用esri-loader；import store from ‘@/store’import { loadModules } from “esri-loader”;2.引用API，提

2021-11-17 11:05:06 319

原创 vue+arcgis4.2x初始化

这里写自定义目录标题**整体思路：**将arcgis API方法放入到vuex中。方便全局调用。vue新建就不多说了。引用arcgis,需要先安装esri-loader。安装命令npm install --save esri-loader或yarn add esri-loader安装完成后，开始正式步骤了：1.文件夹引用esri-loader；import store from ‘@/store’import { loadModules } from “esri-loader”;

2021-11-17 11:01:17 299

原创 vue+arcgis3.x---部分方法封装（打点、坐标定位Point）

必须将arcgis api添加到vuex中。不了解先看我的文章“vue+argis3.x 初始化”import store from '@/store'class PointUtil { constructor(options) { this.options = options ? options : {} this.map = store.getters.Map; this.mapModular = store.getters.mapM..

2021-11-17 10:51:19 880

原创 vue+arcgis3.x 部分方法封装（query 查询相关）

必须将arcgis api添加到vuex中。不了解先看我的文章“vue+argis3.x 初始化”import store from '@/store'class QueryUtil { constructor(options) { this.options = options ? options : {}; this.map = store.getters.Map; this.mapModular = store.getters.mapM..

2021-11-17 10:43:20 814

原创 vue+arcgis3.x---部分方法封装(图层相关)

必须将arcgis api添加到vuex中。不了解先看我的文章“vue+argis3.x 初始化”import store from '@/store'class LayerUtil { constructor(options) { this.options = options ? options : {}; this.map = store.getters.mapModular.Map; this.mapModul.

2021-11-17 10:40:23 750

原创 vue+argis3.x 初始化

整体思路：将arcgis API方法放入到vuex中。方便全局调用。vue新建就不多说了。引用arcgis,需要先安装esri-loader。安装命令npm install --save esri-loader或yarn add esri-loader安装完成后，开始正式步骤了：1.文件夹引用esri-loader；import store from '@/store'import { loadModules } from "esri-loader";2..

2021-11-17 10:31:46 733 2

原创 vue2.x + ArcGIS API for JavaScript 3.3x

1. 通过 npm 安装esri-loader ；思路：通过vuex 将ArcGIS模块保存，加上vue的watch监听达到全不同模块间的调用。<template> <div class="mapBox">  <div id="viewDiv" class="viewDiv" > </div></template><script>import...

2020-11-27 15:41:40 1134

原创 arcgis api for javascript 3.33 清空、删除图层

var nameRemoveLayer = ""; nameRemoveLayer = map.getLayer(图层ID); // 清空图层 nameRemoveLayer.clear(); // 删除图层 map.removeLayer(nameRemoveLayer)

2020-10-09 16:17:20 3943 3

原创 arcgis api for javascript 3.33 网格选择后更改选中图层样式

添加图层（图中“未选中”） var layers = []; var layer = new FeatureLayer("图层URL", { id: "图层ID", outFields: ["*"], opacity:0.5, // 透明度 visible: true/..

2020-10-09 16:07:40 601

原创 ArcGis 4.x + vue 初始化引用

<template> <div> <div id="viewDiv"> </div> </div></template> <script>// import { loadScript, loadCss, loadModules } from "esri-loader";import { loadCss, loadModules } from "esri-loader";e.

2020-08-17 16:31:19 559

原创 arcgis 4.x 更换底图 vue

方法一： let map = new this.gisConstructor.Map(); let view = new this.gisConstructor.MapView({ map: map, zoom: 2, container: "viewDiv", }); // 底图服务 let tjUAVLayer = new this.gisConstructor.TileLayer({ .

2020-08-17 16:22:36 555

原创 vue+echarts 柱状图

父页面 <Bar :getData="otherProportion" title="同区域设备数量" />data: otherProportion: [ { value: 50, name: "莲湖区" }, { value: 53, name: "碑林区" }, { value: 25, name: "高新区" }, { value: 21, name: "未央区" }, {..

2020-06-19 17:17:35 1071

原创 vue+echarts 环状图

父页面引用 <RingGraph class="margin-t50" :getData="EquipmentQuantityAnalysis" title="教学设备种类占比" />data EquipmentQuantityAnalysis: [ { value: 105, name: "电子黑板" }, { value: 82, name: "电子班牌" }, { value: 66, name: "会议一体机" }, ..

2020-06-19 17:15:36 1591

原创 vue +echarts地图

<template> <div class="bg" :style="{height:'60vh',width:'100%'}" ref="myEchart"></div></template><script>import echarts from "echarts";import "echarts/map/js/china"; // 引入中国地图数据import { mapGetters } from "vuex";export.

2020-06-19 17:08:56 733

原创 vue 文字超出打点打包时不报错

/*文本溢出*/.fix_text_overflow1{overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:1;display:-webkit-box;display:-moz-box;-moz-box-orient:vertical;/*!autoprefixer:ignore...

2020-06-15 16:12:22 227

原创 vue 请求封装

import axios from 'axios'import qs from 'qs'// 在config.js文件中统一存放一些公共常量，方便之后维护import API from './config.js'const baseURL = API.baseURL // 添加请求拦截器，在发送请求之前做些什么(**具体查看axios文档**)--------------------------------------------axios.interceptors.request.us.

2020-06-05 11:36:31 209

原创 vue 手机号邮箱非法字符验证

弹层为elementUI手机号验证let reg=/^1[3456789]\d{9}$/; if(!reg.test(value)){ this.$message.error("请输入有效的手机号码"); }邮箱验证let reg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/; if(!reg.test(value)){ this.$message.error("请输入有效的邮.

2020-05-13 10:05:01 639 2

原创 vue 加解密

安装npm install crypto-js --save引入使用let CryptoJS = require('crypto-js');/** * 解密 */let decrypt = function(cryptoData) {// key 根据自己的需求修改 var key = '6^)(9-p35@%3#4S!4S0)*0)$Y%!#O@*G$Y%...

2020-04-26 11:42:10 348

原创微信小程序部分事件二次封装(页面跳转传参、子页面获取参数、弹框、提示文本)

var HttpService = require('./Http.js');var AppServer = require('./config.js').appvar QR = require("./qrcode.js");// var CryptoJS =require("./cryptojs.js");var CryptoJS = require("./tripledes.js")...

2020-03-26 11:59:02 579

原创微信小程序HTTP请求个人封装

function getFn(url, param, success, fail) { wx.showNavigationBarLoading() var param = { param: param } wx.request({ url: url, data: param, method: 'GET', header: { ...

2020-03-26 11:51:00 321

原创微信小程序自定义带金额的日历组件

// component/dateSelect/dateSelect.jsComponent({ /** * 组件的属性列表 */ properties: { timeData: { type: Array, value: [] } }, options: { addGlobalClass: true, // ...

2019-08-05 17:49:37 2166 1

原创 angularjs 移动端web仿ios年月日三级联动

封装：使用了picker .js picker .js详情介绍：https://ustbhuangyi.github.io/picker/.factory('DateSelection', [function () { /** * 前提条件，必须使用picker js */ var picker, yea...

2019-03-29 17:45:06 396

原创仿“今日头条”导航菜单左右滑动

div class="topmenu border-bottom-cd"> div class="swiper-container"> div class="swiper-wrapper"> span class="swiper-slide padding" ng-click="selectedTab($index)" ng-repeat="slide in slides"

2017-12-13 11:23:24 6593

翻译 react native 缓存

export function _cache(keys, value) { //缓存 storage.save({ key: keys, data: value, //要缓存的数据 expires: 1000 * 3600 });}//缓存_cache('ListPictureData', this._ListPi

2017-07-21 09:36:35 913

原创 angularjs 图片上传回显

function imgFile(file) { var reader = new FileReader(); $scope.guid = (new Date()).valueOf(); //通过时间戳创建一个随机数，作为键名使用 reader.onload = function (ev) { $scope.$apply(function () {

2017-07-11 11:46:27 2451

翻译 react-native 轮播图

//插件安装$ npm install react-native-swiper--save$ npm i react-timer-mixin--save我项目的源码：注：这个是我的轮播图板块，this.props.item为我调用该模板传递过来的数据/*** Created by YangZe on 2017/5/17.

2017-05-31 11:07:04 372

转载 react-native 学习之旅

http://reactnative.cn/docs/0.44/getting-started.html#contentreact-native英文网https://facebook.github.io/react-native/releases/0.33/docs/getting-started.html贾鹏辉的技术博客//注：一个不错的翻译，技术文档。很实用。适合初

2017-05-27 17:59:24 222

原创 angularjs 指令"directive"举例

在多数页面，需要用到的模块。可以写成指令，简单方便。eg:搜索框指令 restrict 值可以是以下几种:E 作为元素名使用A 作为属性使用C 作为类名使用M 作为注释使用restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。/** * 图标使用 font-awesome */angula

2017-04-09 15:57:11 291

原创 gulp举例

var gulp = require('gulp');var gutil = require('gulp-util');var bower = require('bower');var concat = require('gulp-concat');var sass = require('gulp-sass');var minifyCss = require('gulp-min

2017-04-09 15:55:10 257

原创数据请求（写在一个JS文件里，方便调用）

注意命名规则// 外网// var serverUrl = ' http://xx.com';var GlobalConfig = { url: { api: { information: { homeNews: serverUrl + '/api/information/home_ne

2017-04-09 15:52:53 1928

转载 angularjs页面传参方式

angularjs页面传参方式 1. 基于ui-router的页面跳转传参(1) 在AngularJS的app.js中用ui-router定义路由，比如现在有两个页面，一个页面（producers.html）放置了多个producers，点击其中一个目标，页面跳转到对应的producer页，同时将producerId这个参数传过去。.state('producers', {

2017-04-09 15:31:23 334

空空如也

空空如也