aganliang的专栏

https://home.code-nav.cn/

1. js data对象 参考：https://www.runoob.com/jsref/jsref-obj-date.htmlvar d = new Date();var d = new Date(milliseconds);var d = new Date(dateString);var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);getDay();getDate();get...

<div class='map-overlay-2' id='features'> <h2>US population density</h2> <div id='pd'> <p>Hover over a state!</p> </div></div><div class='map-overlay-2' id='legend'> <div> <sp...

h1 { font-size: 20px; line-height: 30px;};h2 { font-size: 14px; line-height: 20px; margin-bottom: 10px;}a { text-decoration: none; color: #2dc4b2;};#console { position: absolute; width: 300px; top: 30px; marg.

参考一下博客：async/await基本理解及项目案例（结合Promise）async/await使用ES6新特性async await进行异步处理

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

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

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()成员变量。

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

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

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.......

参考：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对...

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

参考：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..

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...

参考：alex3165 / react-mapbox-gl一个简单的例子:import React,{Component} from 'react';import ReactMapboxGl, { Layer, Feature } from 'react-mapbox-gl';import './mapbox-gl.css'; const Map = ReactMapboxGl({ accessToken:'your token'}); class MapGl ext.

Sublime Text中文版安装：http://www.sublimetext.cn/插件安装：1.配置package control下载：https://github.com/wbond/package_control解压，文件夹重命名为:Package Control拷贝到：{安装路径}\Sublime Text3\Data\Packages重启sublime text2.安装插件：打开首选项--package control---选择 Package Con...

通过一个简单例子，理解React的props和stateindex.jsimport React from 'react';import ReactDOM from 'react-dom';import App from './app.js';import './index.css';ReactDOM.render(<App />, document.getElementById('root'))app.jsimport React,{Component} fr

官网：https://react.docschina.org/docs/getting-started.html入门资料：https://www.taniarascia.com/getting-started-with-react/

1.搭建前端服务器node.js安装参考：https://blog.youkuaiyun.com/aganliang/article/details/103228597cnpm install -g vue-cli把vue命令添加到bin路径ln -s /root/node-v12.14.0-linux-x64/lib/node_modules/vue-cli/bin/vue /u...

单点登录技术(Single Sign On简称SSO)主要用于应用系统集成，实现所谓的“一次登录，多次漫游”，即用户只需要登录一次就可以无缝的切换访问其被授权允许访问的多个应用系统或者资源。1.实现单点登录基本条件 单点登录技术主要基于Web。基于Web的SSO的实现机制是一个涉及用户浏览器、SSO客户端(Web应用)和SSO服务器3个角色相互交互的过程。要实...

关于影像图的比例尺和分辨率：https://blog.youkuaiyun.com/liliiii/article/details/40261953 当我们说到 像素、分辨率、DPI、PPI等专业术语的时候，一般会涉及到图像、屏幕、打印机等等。 像素（Pixel）为图像显示的基本单位，是用来计算数码影像的一种单位。Pix是picture的简写，加上“元素”...

1.什么是SVGSVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用来定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失SVG 是万维网联盟的标准SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体在 2003 年一月，SVG 1.1 被确立为 W3C 标准。...

holder.js用于网页的排版布局，它非常方便地自动生成占位图片，并定义样式1.下载和引用holder.js到网页中   下载：holder.js官网2.在网页中直接调用&lt;img class="card-img-top" data-src="holder.js/100px112?theme=gray&amp;bg=#D15FEE&amp;fg=eceeef&amp;...

icomoon是一个专门制作矢量字体图标的在线服务系统，在其官网上有大量已经设计好的字体图标，选择下载即可，也可以自定义字体图标。icomoon 官网：https://icomoon.io/下面介绍一下 使用方法1.右上角 IcoMoon App ，打开 https://icomoon.io/app/#/select，在这个工作台，选择或者导入自定义的Icons2.选择完毕，点...

1.支持HTML5&lt;!doctype html&gt;2.多国语言&lt;html lang="zh"&gt;或者&lt;html lang="en"&gt;&lt;html lang="zh-cn" class="no-js"&gt;3.头部&lt;head&gt; &lt;meta charset

CSS border 属性  用于设置四个边框样式直接看使用方法：.sjx:before{ content: ''; display: inline-block; width: 100px; height: 100px; background: #FFC; border-top: 80px solid #0F0; border-ri...

通过border来实现小三角形，模拟微信的对话框：&lt;div class="left"&gt; &lt;p&gt;你好，我是卖茶叶的&lt;/p&gt;&lt;/div&gt;&lt;div class="right"&gt; &lt;p&gt;你好，我是种茶的&lt;/p&gt;&lt;/div&gt;其

 1.跳动&lt;div class="ball1"&gt;1&lt;/div&gt;&lt;div class="ball2"&gt;2&lt;/div&gt;&lt;div class="ball3"&gt;3&lt;/div&gt;.ball1 { animation: move .6s ease-in infinite

1.display 属性 display 属性规定元素应该生成的框的类型。可能的值。比如设置为block的时候，它就单独成为一行；设置为inline的时候，它就与前后的元素保持在一行内；设置为inline-block的时候，它与前后元素保持在一行内，而且是最底部是保持整齐。值 描述 none 此元素不会被显示。 block 此元素将显示为块级元素，此...

1.window对象window对象不但充当全局作用域，而且表示浏览器窗口。window对象有innerWidth和innerHeight属性，可以获取浏览器窗口的内部宽度和高度。还有一个outerWidth和outerHeight属性，可以获取浏览器窗口的整个宽高。2.navigator对象navigator对象表示浏览器的信息navigator.appName：浏览器名称；na...

1.从github下载的zip文件，文件名字一般是aa-master.zip。2.解压到b文件夹3.cd 到b文件夹--aa-master4.运行npm install前提条件是电脑安装了npm

1.HTTP简介 HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议来传递数据。 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息...

详细 区别就不说了，参考这篇博客：【转】JSON与XML的区别比较具体看两个例子：<?xml version="1.0" encoding="utf-8" ?><country> <name>中国</name> <province> <name>黑龙江</name> &lt...

        Bootstrap下载： Bootstrap官网        4.0 .zip 文件包括   CSS和JS文件        放到本地项目文档中。        Bootstrap依赖于Jquery   :  JQuery官网        Jquery 目前是3.3.1，包括压缩版（jquery-3.3.1.min.js）、未压缩版（jquery-3.3.1.j...