- 博客(63)
- 资源 (2)
- 收藏
- 关注
原创 【笔记】nodejs基础
a. Node.js是一个JavaScript运行环境,使js可以开发后端程序b. Node.js 是一个基于 V8 JavaScript 引擎构建的 JavaScript 运行器(Ryan Dahl)a. 完全是js语法b. 超强的高并发,实现高性能服务器c. 开发周期短、开发成本低、学习成本低Node.js可以解析js代码,提供很多系统级别的API a. 文件的读写file system b. 程度的管理process c. 网络通信HTTP、HTTPS a. 下载安装包后,注意在
2022-07-04 09:42:46
230
原创 【公共数据集】经典道路提取公共数据集及下载方式
马萨诸塞州道路数据集项目介绍:https://www.cs.toronto.edu/~vmnih/data/博客推荐:https://blog.youkuaiyun.com/u014311125/article/details/121532441DeepGlobe Road Extraction Dataset比赛介绍:http://deepglobe.org/index.htmlkaggle介绍(国内注册不稳定):https://www.kaggle.com/datasets/balraj98/dee
2022-04-29 11:42:49
4549
6
原创 vue2 antd+form表单+验证async-validator实现多选:仅选择一个分组,且分组内进行多选
1. 使用form表单渲染selectref为参考值,prop为规则验证data_tpye_dict.baseGrop为预先定位的分组mode=“multiple” 为多选<a-form-model-item ref="data_type" label="模型算法" prop="data_type" v-if="activeKey == '地类分割成果服务' || activeKey == '目标检测成果服务'"> <a-select
2022-04-18 16:02:18
1993
原创 【笔记】查漏补缺进阶:WebAPIs补充点
阻止连接跳转:Javascript:; 或 Javascript:void(0);表单提交立即执行函数a. 写法:第二个()可视为调用i. (function(a,b){ 函数体 })(x,y);ii. (function(a,b){ 函数体 }(x,y));b. 独立创建了一个作用域,避免命名冲突c. 物理像素比(pc为1):dpr = document.devicePixelRatiod. 页面重新加载:pageshow(解决火狐往返缓存,e.persisted缓存取出)节流阀a.
2022-03-31 10:03:51
674
原创 【笔记】查漏补缺进阶:WebAPIs本地存储
特性:数据存储在用户浏览器中设置、读取方便,页面刷新不丢失数据容量大:sessionStorage5M,localStorage20M只存储字符串,需要将对象JSON.stringify()编码后存储window.sessionStorage生命周期:关闭浏览器窗口同一窗口(页面)共享数据,数据以键值对存储存储/修改:sessionStorage.setItem(key, value)获取:sessionStorage.getItem(key)删除:sessionStorage.r
2022-03-31 10:02:49
829
原创 【笔记】查漏补缺进阶:WebAPIs-PC端网页特效
元素偏移量offset系列作用:动态获取该元素的位置(偏移)、大小等;返回数值无单位获得元素距离带定位父元素(否则以body为基准)的位置;获得元素自身的大小宽高(包含padding,border)常用属性offset(获取)与style(设置)的区别元素可视区client系列作用:使用client系列的相关属性获取元素可视区的边框大小、元素大小等相关信息系列属性元素滚动scroll系列动态获得元素的大小、滚动距离等;包含padding不包含border系列属性页面滚
2022-03-31 10:01:31
116
原创 【笔记】查漏补缺进阶:window事件常见对象
窗口加载事件load加载事件i. 传统注册:window.onload = function () { }ii. 监听方法:window.addEventListener(“load”, function (){ })DOM加载完成事件DOMContentLoadedi. 不包括样式表、图片、flashii. 注册方法:document.addEventListener(“DOMContentLoaded”,function (){ })调整窗口大小事件传统注册:window.οnre
2022-03-31 09:59:15
177
原创 【笔记】查漏补缺进阶:WebAPIs操作
操作元素1. 获取属性值内置属性:element.属性自定义属性:element.getAttribute(“属性”)2. 设置元素属性值element.属性 = 值,eg:element.className = 值element.setAttribute(“属性”, 值),eg:element.setAttribute(“class”, 值)H5规定自定义属性data-属性名(IE11支持):element.dataset.属性名;element.dataset[“属性名”]3.
2022-03-31 09:55:24
865
原创 【笔记】查漏补缺进阶:WebAPIs获取元素
获取元素get获得element元素by,采用驼峰命名法参数是大小写敏感字符串返回的是一个元素对象采用:console.dir()能更好的查看里面的属性和方法获取iddocument.getElementById(“id”)获取标签:方法:document.getByTagName(“标签名”)返回的是获取到的元素的对象,以伪数组的形式存储(无论有无、有几个元素,均返回为伪数组形式)H5新增获取元素根据类名返回对象集合:document.getElementByClassNa
2022-03-31 09:51:07
163
原创 【笔记】查漏补缺进阶:WebAPIs事件
事件三要素:事件源:事件被触发的对象 谁?事件类型:如何触发 什么事件?事件处理程序:函数执行步骤获取事件源注册(绑定)事件添加事件处理程序(采取函数赋值方式)鼠标事件mouseEvent常见的鼠标事件鼠标事件对象i. client:可视区的距离ii. page:页面文档的距离鼠标移动事件i. 分析:事件mouseover、事件源document、处理程序绝对定位ii. 注意点:绝对定位的top、left需要加单位pxmouseenter和mouseover区别
2022-03-31 09:47:45
111
原创 【笔记】查漏补缺进阶:WebAPIs介绍
与js的关联性阶段对比JS基础阶段:ECMA Script标准规定的基本语法web APIs阶段:W3C组织的标准,主要学习DOM、BOM,实现页面的交互效果web APIweb API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)文档对象模型(Document Object Model,DOM)W3C组织推荐的处理可扩展标记语言(html,xml)的标准编程接口W3C定义了一系列DOM接口,可以通过其改变网页的内容、结构和样式DOM图示浏览器对象模型(
2022-03-31 09:41:46
275
原创 vue+leaflet卷帘(side-by-side):实现单侧地图切换效果
vue+leaflet卷帘(side-by-side):实现单侧地图切换效果
2022-03-08 09:06:20
1144
原创 vue使用Leaflet.movingMarker设置自定义icon
通过main.js文件引入import 'leaflet'import "leaflet/dist/leaflet.css"import MovingMarker from "../src/utils/MovingMarker"直接使用L.Marker.movingMarker创建latlngArry = [ [lat1,lng2], [lat2,lng2], …]vue无法通过 “…/…/xx” 定位到目标资源,可以使用require引入移除时,只需调用this.map.removeLa
2022-03-03 16:57:32
1550
原创 vue+leaflet.pm(geoman)插件绘制、编辑、拖动、点击即清除图形(以矩形为例,只保留一个绘制图形)
vue+leaflet.pm(geoman)插件绘制、编辑、拖动、点击即清除图形、修改面填充
2022-03-01 17:19:31
5891
5
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人