- 博客(31)
- 收藏
- 关注
原创 java中对象和map相互转换
/** * 对象转化为 Map * * @param obj 要转换的对象 * @return map 转换结果 * @throws IllegalAccessException 访问权限的异常 */public static Map<String, Object> objectToMap(Object obj) throws IllegalAccessException { if (obj == null) { return null; }
2022-04-07 13:30:43 1669
原创 java数据处理-hashMap
HashMap:允许空的 key 和 value 值,线程不安全。初始长度默认为16之后每次扩充变为原来的两倍阿里巴巴规范建议给定初始长度,之后扩充为2的幂次方大小准备数据:定义map并赋值Map<String, Object> map = new HashMap<String, Object>(8){{ put("strKey", "value1"); put("intKey", 100); put("arrKey", new String[]{"1"
2021-12-02 15:20:12 274
原创 java读取本地json文件或请求接口数据存入数据库中
背景:java - spring-boot,mybatis,mysql获取JSON文件一、读取本地json(没有接口的时候,造一个测试用的.json文件)关键类:java/io(File,FileInputStream)/** * 读取本地JSON文件 * * @param pathName 文件路径 * @return json 字符串 */private String readLocalJSONFile(String pathName) throws IOException {
2021-10-29 10:02:23 3205
原创 当一个前端团队没有UI怎么办!
一、Type Scalehttps://type-scale.com/使用type scale来选择合适的标题、正文字体大小type-scale 是一个可让用户按比例来显示文本大小的在线工具。内置多种比例规模,用户可以通过Scale选项来改变,还带有实时预览,简单便捷。二、Happy Hueshttps://www.happyhues.co/提供多种配色方案,配色真实范例,网页插图配色三、Fontjoyhttps://fontjoy.com/快速生成一套字体,不同模块使用不同字体,有
2021-10-27 10:00:24 750
原创 实现图片懒加载的几种方式
通过element plus实现图片懒加载非常简单,只需要使用标签,然后写上lazy属性即可!!!<style scoped> .img-box { text-align: center; } .lazyImg { width: 500px; height: 500px; margin: 2rem; }</style><template><ul class="i
2021-10-15 13:43:55 711
原创 自动向上滚动,轮播,无限滚动
js实现列表自动向上滚动原理:控制dom的margin-top/** * javascript原生自动滚动 * @param domId 需要实现这个效果的domId * @param height 行高 * @param speed 滚动速度 * @param delay 间隔多久滚动一行 */auroRiseScrolling(domId, height, speed = 0, delay = 1000) { let stop = false; // 暂停滚动 let
2021-10-14 13:31:19 667 1
原创 从零搭建vue3项目(三)安装配置vue router
安装vue routervue router官网:https://next.router.vuejs.org/zh/一、使用npm包管理器安装$ npm install vue-router@4直接下载或者使用cdn引入https://unpkg.com/vue-router@4二、创建一个公共基础配置项文件// src目录下创建一个router目录router目录下创建一个router.tsimport {createRouter, createWebHistory} from 'v
2021-10-12 21:07:23 512
原创 OpenLayers实战(八)行政区域遮罩和反遮罩
今天被客户吐槽瓦片地图太丑,而且不能突出重点,那这瓦片地图又不是我做的,您又舍不得花钱定制!!!我能怎么办呢?在使用瓦片地图的时候,可以通过加入特殊的层实现行政区域遮罩和反遮罩获取行政区域轮廓数据:http://datav.aliyun.com/tools/atlas/index.html#&lat=30.37018632615852&lng=106.68898666525287&zoom=3.5准备好瓦片地图(此处简写)loadMap(){ let mapLay
2021-10-11 17:43:44 1727
原创 前端开发常用:JS对数组Array的操作
前端开发中请求接口返回数据通常伴随这对数组(对象数组)的处理let arr1 = [1,3,5,2,4,6];let arr2 = [{id:'1',name:'Banana'},{id:'2',name:'Apple'},{id:'3',name:'Orange'}];let obj1 = {id:'1',age:18};判断类型是否为数组Array.isArray(arr); // ES6中提供了 Array.isArray() 方法,返回 true 或者 false。Object.p
2021-10-09 16:10:44 1406
原创 js知识:相等(==)和全等(===)
相等运算符 ==;全等运算符 ===一:数字(==)字符串。‘6’ -> 66 == 6; // true6 === 6; // true6 == '6'; // true6 === '6'; // false二:数字(==)布尔值。true -> 1,false -> 01 == true; // true0 == false; // true1 === true; // false0 === false; // false三:0 表示空,一个字符串里什么都没有
2021-10-06 19:33:39 372
原创 js知识:防抖节流
防抖(短时间内多次重复操作,只执行最后一次操作)应用场景举例改变页面大小的统计滚动页面位置的统计输入框连续输入次数的控制防止表单多次提交…// 解决思路// 1. 设置定时器 timer// 2. timer 时间到了之后执行方法// 3. 如果时间没到,又执行了操作,就把clearTimeout清除timer(上次操作就相当于取消了)然后到 2/** * 防抖函数封装 * * @param fun 要执行的函数 * @param delay 延时,默认500毫秒 *
2021-09-30 15:20:28 124 1
原创 js知识:call,apply,bind
call,apply,bind改变this指向案例:陈龙的网易云音乐自动续费黑胶vip,在网易云上听了许多vip专属音乐这时候他的好朋友聪聪,也想听vip音乐,但是不想开通黑胶vip,于是找陈龙借了账号密码,听了几首vip专属音乐/* 创建一个对象 姓名:成龙 听过的音乐:看我72变,爱的主打歌 有一个自动续费的黑胶vip:可以听vip歌曲*/const p1 = { name:'陈龙', music:['看我72变','爱的主打歌'], listenMusicV
2021-09-30 14:33:00 57
原创 前端开发常用:JS对字符串String的操作
首先定义一个变量// 定义一个字符串let str = ' A_Big_Banana ';str.trim(); // 删除字符串前后空格字符串连接let sc = str.concat('_Good','_Nice'); // sc = "str.concat('_Good','_Nice')";/*字符串 concat 方法用于连接两个字符串,返回一个新字符串,不改变原字符串。可以接受多个参数。*/大小写转换(封装函数,匹配switch时候常用)// 大小写转换let su
2021-09-28 17:38:57 338
原创 前端开发常用:JS对数字Number的操作
首先定义一个变量let n = 3.1415926;Math中常用的方法// 绝对值Math.abs(n);// 向上向下取整Math.ceil(n); // 4Math.floor(n); // 3// 四舍五入Math.round(n);// 幂运算Math.pow(n,3); // n的三次方// 开方Math.sqrt(n);parseInt取整// 保留整数部分,丢弃小数部分parseInt(n); // 3/*parseInt() 函数可解析一个
2021-09-28 17:27:05 560
原创 OpenLayers实战(七)地图划线LineString,多个点图标
OpenLayers在VUE中的使用(七),地图划线LineStringmethods:{ createLineString(){ // 准备多个用于连线的点(后台查询结果再简单处理一下) const arr = [ [113.54381132650533, 22.266037182582796], [113.54210586066695, 22.259081722170357], [113.5
2021-09-28 13:48:35 5171 5
原创 从零搭建vue3项目(二)安装Element plus组件库
安装element plus组件库element-plus官网:https://element-plus.org/zh-CN/一、使用npm包管理器安装$ npm install element-plus --save使用cdn引入<head> <!-- Import style --> <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" /> <!--
2021-09-24 20:36:35 1617
原创 从零搭建vue3项目(一)准备环境到使用vite初始化项目
开发环境准备一.安装node.js环境node.js中文官网:https://nodejs.org/zh-cn/1.选择稳定版本下载2.安装一直next就可以(同意协议,选择安装位置)。。。3.校验安装结果在cmd命令窗口中输入指令查看对应版本# 查看node版本$ node -v# 查看npm版本$ npm -v# 安装一个cnpm$ npm install cnpm -g --registry=https://registry.npm.taobao.org二、安装vue.j
2021-09-22 21:49:24 1012
原创 OpenLayers实战(五)聚合,自定义聚合,特效聚合
地图提供的聚合能力let vectorSorce = new ol.source.Vector({ // 图标数据 // 见(三)创建自定义图标});let clusterSource = new ol.source.Cluster({ // 聚合数据源 distance: 100, // 自动聚合距离(以像素为单位,默认20) source: vectorSorce,});let clusterLayer = new ol.layer.Vector({ // 矢量图层
2021-09-17 11:27:09 1980 2
原创 OpenLayers实战(四)控制图标显示隐藏
将同一图层的元素(feature)进行分类显示和隐藏(类似于图层控制)// 接前面(三)图层和vectorSource数据源,遍历source数据源,将符合条件的feature的style置空或者重新设置样式let features = vectorSource.getFeatures();features.forEach(feature=>{ if(xxx){ feature.setStyle(null); // 隐藏 } if(xxx){
2021-09-17 11:04:25 3348
原创 OpenLayers实战(三)地图打点,自定义图标
往地图中添加删除层(layer)和元素(feature)// ===== 创建数据源和图层并加入map的图层 =====let vectorSource = new ol.source.Vector({ // 矢量数据源 features: [],});let vectorLayer = new ol.layer.Vector({ // 矢量图层 style: null, // 设置style为null,后面可以通过改变样式控制marker的显示隐藏 source: vect
2021-09-17 10:59:22 1938
原创 OpenLayers实战(二)地图常用事件
监听map常用事件// ===== 事件类型 ===== 'click',// 单击 'dblclick',// 双击 'singleclick',// 单击,延迟250毫秒 'moveend',// 鼠标滚动事件 'pointermove',// 鼠标移动事件 'pointerdrag',// 鼠标拖动事件 'precompose',//地图准备渲染,为渲染 'postcompose',//地图渲染中 'postrende
2021-09-17 10:44:31 2141 1
原创 OpenLayers实战(一)初始化加载瓦片地图
openLayers 笔记一(地图初始化,加载瓦片地图)// ===== 地图配置项 =====const mapConfig = { urlOSM:'url', // 镜头 center:[lon,lat], zoom:15, minZoom:0, maxZoom:19,}// ===== 实例化Map对象加载地图 =====let mapLayer = new ol.layer.Tile({ // 地图层 source: new ol.
2021-09-17 10:33:48 991
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人