自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

连小雪的代码世界

代码洁癖患者

  • 博客(20)
  • 资源 (1)
  • 收藏
  • 关注

原创 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 2067

原创 使用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 4407 3

原创 使用QGIS配准栅格地图

文章目录下载安装QGIS设置语言安装插件使用配准工具将图片转为栅格地图打开配准工具打开栅格图片设置配准参数根据实际尺寸设置原点和四个角的坐标配准生成tif下载安装QGIS下载地址:https://www.qgis.org/zh-Hans/site/forusers/download.html根据自己的需求和系统选择下载:设置语言安装插件使用配准工具将图片转为栅格地图打开配准工具打开栅格图片设置配准参数关于目标空间参照系,可以了解一下:https://blog.csd

2020-12-10 14:36:02 7259 2

原创 浏览器事件模型

文章目录关于事件事件订阅事件传播捕获阶段目标阶段冒泡阶段阻止事件传播阻止事件默认行为关于事件事件(Event)是JavaScript应用跳动的心脏 ,也是把所有东西粘在一起的胶水。当我们与浏览器中 Web 页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏览器中发生的事情,比如说某个 Web 页面加载完成,或者是用户滚动窗口或改变窗口大小。事件订阅浏览器的交互是通过浏览器的内置事件响应实现的,常见的浏

2020-12-06 09:55:28 511

转载 js事件循环Event Loop机制

文章目录浏览器环境下js引擎的事件循环机制执行栈与事件队列macro task与micro tasknode环境下的事件循环机制与浏览器环境的区别事件循环模型事件循环各阶段参考浏览器环境下js引擎的事件循环机制执行栈与事件队列当javascript代码执行的时候会将不同的变量存于内存中的不同位置:堆(heap)和栈(stack)中来加以区分。堆里存放着一些对象,而栈中则存放着一些基础类型变量以及对象的指针。而执行栈与此不同。执行同步方法时:当我们调用一个方法的时候,js会生成一个与这个方法对应的执

2020-12-06 00:01:16 65

原创 css布局盒模型

文章目录基本概念displaypositionfloatflex布局概念容器属性项目属性常见使用场景或面试题水平垂直居中方式1、绝对定位(已知子容器高宽)2、绝对定位(设置子容器高宽)3、绝对定位(未知子容器高宽)4、flex弹性布局5、table-cell模拟表格布局基本概念盒模型是css布局的基础,它规定了网页元素如何显示以及元素间相互关系,所有HTML元素都可以看作盒子,它包含边距,边框,填充,和实际内容。标准盒模型:box-sizing设为content-box是标准盒模型,盒子大小=内边距

2020-12-05 23:16:47 137 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 690

原创 Java 开发环境配置(Windows)

文章目录概念简介Java分三个体系开发工具下载JDK配置环境变量测试概念简介Java 是由 Sun Microsystems 公司于 1995 年 5 月推出的 Java 面向对象程序设计语言和 Java 平台的总称。由 James Gosling和同事们共同研发,并在 1995 年正式推出。后来 Sun 公司被 Oracle (甲骨文)公司收购,Java 也随之成为 Oracle 公司的产品。Java分三个体系JavaSE(J2SE): Java2 Platform Standard Ed

2020-12-03 15:36:46 227

原创 地图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 1024 2

原创 git的常用基础操作

初始化本地仓库git init 配置用户信息git config --global user.name "Shirley"git config --global user.email "[email protected]"克隆仓库到本地git clone https://github.com/zhangxuelian/electron-vue-frame.git添加远程仓库// 查看本地关联的远程仓库git remote -v// 本地仓库ggit remote ad

2020-12-03 09:27:00 71

原创 node/electron实现串口通信

node/electron实现串口通信安装串口通信包获取com口列表基础使用例子(通过串口通信打开物品柜)相关文档安装串口通信包npm install -S serialport获取com口列表serialport.list().then((ports) => { console.log(ports);});文档:https://serialport.io/docs/api-stream#serialportlist基础使用例子(通过串口通信打开物品柜)import S

2020-12-02 14:13:32 1291 1

原创 angular对接openlayers

angular对接openlayers地图选型相关版本号及说明地图相关基础大地测量学 (Geodesy)大地水准面 (geoid)参考椭球体(Reference ellipsoid)坐标系(coordinate system)地理坐标系(Geographic coordinate system)投影坐标系(Projected coordinate systems)web map 开发EPSG:4326 (WGS84)EPSG:3857 (Pseudo-Mercator)openlayers基础概念地图(ol

2020-12-02 13:51:27 1384

原创 angular的踩坑之路

angular的踩坑之路vscode中export class报错vscode中配置了angular.json中指定的tsConfig的compilerOptions的paths属性,路径对了,但vscod仍报错vscode中export class报错版本号: ~10.0.6 & ~11.0.1问题描述: Experimental support for decorators is a feature that is subject to change in a future releas

2020-12-01 10:57:36 304

原创 切换使用32位和64位的nodejs

切换使用32位和64位的nodejs应用场景安装nvm查看已安装node版本列表安装node版本切换node版本卸载node版本命令汇总应用场景node对接32位动态链接库dll需要32位的nodenode对接64位动态链接库dll需要64位的node安装nvm下载地址:https://github.com/coreybutler/nvm-windows/releases选择下载nvm-setup.zip;下载完成后直接解压安装即可。查看已安装node版本列表nvm list安

2020-10-23 09:43:04 5440 2

原创 electron对接dll

应用场景对接硬件(多用于对接第三方厂家硬件)使用系统 API 操作或扩展应用程序js无法实现而由dll实现的其他功能DLL介绍Dynamic Link Library(动态链接库)的缩写,DLL是建立在客户/服务器通信的概念上,包含若干函数、类或资源的库文件,函数和数据被存储在一个DLL(服务器)上并由一个或多个客户导出而使用,这些客户可以是应用程序或者是其它的DLL。DLL库不同于静态库,在静态库情况下,函数和数据被编译进一个二进制文件(通常扩展名为*.LIB), Visual C++的编译

2020-08-18 11:37:55 2230 5

原创 使用webpack搭建electron+vue框架

一、准备环境1、安装node下载地址:https://nodejs.org/en/安装完成后:cmd命令行,输入node -vnpm -v即可查看node和npm的当前安装版本,如下:2、安装git(不用git管理代码则不必安装)下载地址: https://git-scm.com/安装成功后:系统右键菜单可看到 Git Bash Here,选择即可打开git命令终端二、创建项目// 创建git项目git init// 创建git的忽略提交规则文件touch .gitignor

2020-08-12 14:13:52 3275

原创 安装系统基础

UEFI: 统一可扩展固件接口(Unified Extensible Firmware Interface);BIOS: 基本输入输出系统(Basic Input OutputSystem),是一组固化到计算机内主板上一个ROM(Read-OnlyMemory:只读存储器)芯片上的程序,它保存着计算机最重要的基本输入输出的程序、开机后自检程序和系统自启动程序,它可从CMOS(Complem...

2019-12-15 22:43:53 110

原创 web端语音识别

一、获取录音设备var getAudioDevice = function(){ var deferred = $.Deferred(); if(navigator.mediaDevices && navigator.mediaDevices.enumerateDevices){ try{ var deviceArray = []; ...

2019-12-15 17:14:44 1973

转载 I/O操作

摘自:博客园文章11.3 I/O类使用         由于在IO操作中,需要使用的数据源有很多,作为一个IO技术的初学者,从读写文件开始学习IO技术是一个比较好的选择。因为文件是一种常见的数据源,而且读写文件也是程序员进行IO编程的一个基本能力。本章IO类的使用就从读写文件开始。11.3.1 文件操作         文件(File)是 最常见的数据源

2014-10-29 15:26:05 198

转载 原码, 反码, 补码 详解

本篇文章讲解了计算机的原码, 反码和补码. 并且进行了深入探求了为何要使用反码和补码, 以及更进一步的论证了为何可以用反码, 补码的加法计算原码的减法. 论证部分如有不对的地方请各位牛人帮忙指正! 希望本文对大家学习计算机基础有所帮助! 一. 机器数和真值在学习原码, 反码和补码之前, 需要先了解机器数和真值的概念.1、机器数一个数在计算机中的二进制表示形式

2014-10-29 15:21:22 200

js实现图片裁剪

js实现图片裁剪

2016-04-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除