![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
WEB前端
文章平均质量分 84
web前端技术汇总
冰羽幻灵
兴趣广泛、好奇心强、喜欢有挑战的东西
展开
-
H5+APP封装本地数据库sqlite的基础操作
文章目录已封装源码使用案例说明打开数据库是否已打开数据库关闭数据库执行增删改等操作的SQL语句执行查询的SQL语句执行事务创建表根据固定条件获取统计数根据条件获取统计数插入记录批量插入记录更新记录批量更新记录批量更新记录(若该记录不存在则新增)查询全部记录根据条件查询记录删除全部记录根据条件删除记录已封装源码https://gitee.com/zhangxuelian/h5plus-sqlite/blob/master/src/sqlite.js使用案例https://gitee.com/zhang原创 2022-05-19 10:01:14 · 2226 阅读 · 0 评论 -
使用geoserver发布tif栅格地图并使用openlayers加载
文章目录geoserver安装部署使用QGIS配准工具将图片转化为栅格地图通过geoserver地图服务发布tif地图新建工作区添加数据存储新建栅格数据源发布图层编辑图层预览图层使用openlayers地图js库加载wmsopenlayers选型获取wms服务相关参数openlayer加载代码示例geoserver安装部署关于geoserver: GeoServer实施行业标准的OGC协议,例如Web功能服务(WFS),Web地图服务(WMS)和Web Coverage服务(WCS)。其他格式和发布选原创 2020-12-11 14:36:02 · 4776 阅读 · 3 评论 -
使用QGIS配准栅格地图
文章目录下载安装QGIS设置语言安装插件使用配准工具将图片转为栅格地图打开配准工具打开栅格图片设置配准参数根据实际尺寸设置原点和四个角的坐标配准生成tif下载安装QGIS下载地址:https://www.qgis.org/zh-Hans/site/forusers/download.html根据自己的需求和系统选择下载:设置语言安装插件使用配准工具将图片转为栅格地图打开配准工具打开栅格图片设置配准参数关于目标空间参照系,可以了解一下:https://blog.csd原创 2020-12-10 14:36:02 · 7869 阅读 · 2 评论 -
浏览器事件模型
文章目录关于事件事件订阅事件传播捕获阶段目标阶段冒泡阶段阻止事件传播阻止事件默认行为关于事件事件(Event)是JavaScript应用跳动的心脏 ,也是把所有东西粘在一起的胶水。当我们与浏览器中 Web 页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏览器中发生的事情,比如说某个 Web 页面加载完成,或者是用户滚动窗口或改变窗口大小。事件订阅浏览器的交互是通过浏览器的内置事件响应实现的,常见的浏原创 2020-12-06 09:55:28 · 519 阅读 · 0 评论 -
css布局盒模型
文章目录基本概念displaypositionfloatflex布局概念容器属性项目属性常见使用场景或面试题水平垂直居中方式1、绝对定位(已知子容器高宽)2、绝对定位(设置子容器高宽)3、绝对定位(未知子容器高宽)4、flex弹性布局5、table-cell模拟表格布局基本概念盒模型是css布局的基础,它规定了网页元素如何显示以及元素间相互关系,所有HTML元素都可以看作盒子,它包含边距,边框,填充,和实际内容。标准盒模型:box-sizing设为content-box是标准盒模型,盒子大小=内边距原创 2020-12-05 23:16:47 · 149 阅读 · 1 评论 -
安装GeoServer(Windows)
文章目录关于GeoServerJava 开发环境配置下载安装配置运行修改端口号运行访问关于GeoServerGeoServer是 OpenGIS Web 服务器规范的 J2EE 实现,利用 GeoServer 可以方便的发布地图数据,允许用户对特征数据进行更新、删除、插入操作,通过 GeoServer 可以比较容易的在用户之间迅速共享空间地理信息。GeoServer实施行业标准的OGC协议,例如Web功能服务(WFS),Web地图服务(WMS)和Web Coverage服务(WCS)。其他格式和发布选原创 2020-12-03 15:56:35 · 750 阅读 · 0 评论 -
地图web开发技术选型
文章目录汇总OpenlayersLeafletjsMapboxGoogle Maps APIDatamapsBing MapsArcGISZeemaps参考汇总名称价格官网类别地图数据来源Openlayers免费https://openlayers.org/JS库OpenStreetMapLeafletjs免费https://leafletjs.com/JS库OpenStreetMapMapbox部分免费https://www.mapbox.co原创 2020-12-03 10:18:46 · 1069 阅读 · 2 评论