9 aganliang

尚未进行身份认证

我要认证

不能记录一下吗

等级
TA的排名 5k+

关于浏览器的基本原理浅析

浏览器进化的路线:一是应用程序web化;二是web应用移动化;三是web操作系统化。新语言webassemble出现。node.js是前端发展的一个核心推动力。线程是依附于进程的,使用多线程的进程可以并行处理,提升运算效率。进程中的任意一个线程执行出错,都会导致整个进程崩溃。线程之间共享进程中的数据。进程关闭后,操作系统会回收进程所占用的内存。进程之间的内容相互隔离。进程间通信是ipc机制。2007年之前,浏览器都是单进程单线程的。网络、插件、js运行环境、渲染引擎和页面都是

2020-08-01 20:50:29

logstash 配置多个conf和配置增量更新

运行 ./bin/logstash -f config/myconfig/# Sample Logstash configuration for creating a simple# Beats -> Logstash -> Elasticsearch pipeline.input{ stdin{} jdbc{ jdbc_connection_string => "jdbc:oracle:thin:@//ip:port/database" jdbc_user =&.

2020-07-24 10:43:00

Parted 命令把大磁盘分区为一个大分区

Parted命令只能对gpt格式的磁盘操作分区格式化,格式化为xfs文件系统创建挂载点和挂载查看分区的UUID:设置开机自动挂载

2020-07-22 15:15:12

GeoServer 简单介绍

官网:http://geoserver.org/1.相关历史GeoServer was started in 2001 by The Open Planning Project (TOPP), a non-profit technology incubator based in New York.基本核心工具:Those involved with GeoServer founded the GeoTools project, an open source GIS Java toolkit. .

2020-07-19 13:28:43

Canvas、 SVG 和 WebGl三者之间的区别

参考:Canvas、 SVG 和 WebGl三者之间的区别

2020-07-18 13:25:45

leaflet.js 简单使用

leaflet.js官网:https://leafletjs.com/index.htmlmapbox-gl.js 与 leaflet.js的主要区别mapbox-gl使用浏览器的WebGL技术,因此它需要足够现代的浏览器并使用更多的客户端计算能力。优点是它可以原生处理矢量图块并以您喜欢的任何方式渲染(旋转,倾斜,自定义样式等)Leaflet使用普通格式DOM操作,旨在支持IE8之类的旧浏览器。对于这种旧的浏览器来说,它非常有效,并且由于这种轻量级的计算空间,它还对移动设备友好。优点..

2020-07-18 10:29:50

d3读取json,实现路径的跟踪

d3.json的用法:d3.json(datauri).then(function(data){ do someting here }).catch(function(error){something wrong})1.d3.json异步读取json2.json是一个geojson,类型是linestring3.数据源从只有一个coordinate,每10毫秒增加一个coordinate,layer自动绘制数据源。4.使用了map.jumpto({}),map.panto()成员变量。

2020-07-13 23:09:20

Arcmap 对表排序,按照排序结果导出数据

需求:shp数据需要按照time字段进行排序,按照排序结果导出为geojsonArcmap中直接对表进行排序,导出数据的话,依然是按照原有FID(OBJECTID)顺序来导出。下面介绍一种思路和做法:按照time排序、arcpy添加字段bh、导出为excel,excel删除FID字段,重新按照bh排序,excel导出arcmap。原表按照time排序//编写arcpy文件(test.py)import arcpyrows = arcpy.UpdateCurs...

2020-07-13 17:19:08

mapbox-gl 展示 撒点 图层

基本流程:1.map load的时候 添加vocter图层;2.设置layer,并添加,默认隐藏;3.menu动态添加一个图层,添加点击事件,回调函数设置图层的显示和隐藏;4.var一个popup,设置其基本属性;5.设置mouseenter, mouseleave回调函数;map.on('load', function() { map.addSource('spjks-2', { type: 'vector', url: 'http:...

2020-07-08 22:14:58

nginx 设置允许跨域请求

server { listen 8080; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; add_header 'Access-Control-Allow-Methods' 'GET,OPTIONS,POST' always; add_header 'Access-C...

2020-07-07 23:15:17

mapbox-gl 展示 cluster图层

基本流程是:1.添加 geojson数据源,设置cluster的参数2.添加cluster layer,采用step expressions,设置颜色和大小3.添加标注symbol layer,在cluster图标里面显示数字4.添加没有 cluster layer,设置颜色和大小5.添加点击事件6.添加鼠标移动事件map.on('load', function() { // Add a new source from our GeoJSON data and // set

2020-07-07 22:32:03

mapbox-gl js Customize camera animations例子 (CSS、DOM、JS 传值和交互)

在地图上显示一个控制面板,可以输入各种参数,JS或者参数值,点击按钮,实现地图的交互。html的dom如下:<div class="map-overlay top"> <div class="map-overlay-inner"> <fieldset> <label>Select easing function</label> <select id="easing" name="easing">.

2020-07-05 19:04:37

关于eslint的简单介绍

参考这个大佬的博客:ESLint 使用简介

2020-07-05 10:01:42

node-fontnik 部署安装和简单使用(基于Centos 7)

node-fontnik是mapbox开源的制作.pbf字体的工具,其官网:https://github.com/mapbox/node-fontnik1.下载.tar.gz格式,解压,cdnpm install2.测试npm testAPI:https://github.com/mapbox/node-fontnik/blob/master/API.md3.编写代码进行转换: my_test.jsvar fontnik = require('.');v...

2020-07-04 11:54:37

mapbox-gl 使用turf计算距离(代码片段)

参考:geojson对象的说明:(以后添加)HTML DOM CURSOR :https://www.w3school.com.cn/jsref/prop_style_cursor.asp基本思路是:1.定义geojson对象,包括point和linestring;2.map.on就启动回调函数,回调函数做以下几件事:2.1添加数据源,添加图层2.2 监听鼠标点击事件2.3 如果点击在点图层,进行删除,如果不是,那么就是添加;2.4 添加点、添加线2.5对...

2020-06-28 22:57:35

var let const 三者的区别

var定义的变量,没有块的概念,可以跨块访问, 不能跨函数访问。let定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问。const用来定义常量,使用时必须初始化(即必须赋值),只能在块作用域里访问,而且不能修改。...

2020-06-27 22:30:06

@mapbox/mapbox-gl-geocoder 简单使用

参考:https://github.com/mapbox/mapbox-gl-geocoderhttps://github.com/mapbox/carmen/blob/master/carmen-geojson.md使用nodejs环境,用webpack打包1.项目结构:2.package.json{ "name": "demo001", "version": "1.0.0", "description": "20200623", "main": "i..

2020-06-27 13:46:56

NodeJS的export和import使用方法

官方指引:https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/importhttps://developer.mozilla.org/en/docs/web/javascript/reference/statements/export参考:https://www.cnblogs.com/guanghe/p/6560698.html

2020-06-25 10:04:11

webpack 使用样例(以mapbox-gl为例)

webpack参考:https://www.webpackjs.com/ 和https://webpack.github.io/windows 10提前安装好node环境,node自带npm包管理器。1.建立项目文件夹,在此文件夹里面进行项目初始化cd 项目文件夹npm init -y # 不添加参数 -y 的话,可以个性化填写各类项目信息初始化后,自动生成package.json文件2.安装 webpaacknpm install --save-dev...

2020-06-21 15:10:09

npm 简单使用

参考:npm 包管理器简介npm 将软件包安装到哪里package.json 指南查看 npm 包安装的版本

2020-06-19 15:14:45

查看更多

勋章 我的勋章
  • 技术圈认证
    技术圈认证
    用户完成年度认证,即可获得
  • 阅读者勋章Lv3
    阅读者勋章Lv3
    授予在CSDN APP累计阅读博文达到30天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。