GIS摆渡人

nvm是一个node的版本管理工具，可以简单操作node版本的切换、安装、查看等等，与npm不同的是，npm是依赖包的管理工具。如果想在同一个机器（电脑）上安装多个不同版本的nodejs，则需要借助 nvm 工具。提醒：同一天机器可以同时安装多个不同版本的nodejs，但是使用时只能使用其中一个。可以使用命令nvm use 来切换不同版本的nodejs。

使用nvm安装新的node版本后切换版本号，发现npm没有，执行npm命令的时候报npm命令不存在。运行npm -v也查不到npm的版本号。

电脑在使用一段时间后，C盘会越来越大，也不知道是些什么原因。所以我养成了一个习惯，安装所有的软件后，都要修改配置文件，以将所有的后续安装和下载的文件放到别的盘。建议在文档中新建目录".Nodejs”，我个人习惯是所有系统配置文件、插件、缓存等非我写的文件都保存到以 ‘.’开头的文件夹内。参考：https://blog.csdn.net/wjun520/article/details/123467439。然后在这个目录内新建两个目录：prefix（插件）、cache（缓存）

Vue.js新手入门指南 最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目。 在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以PHP......

文章目录一.技术开源库1. Echarts -百度开源可视化库2. Mapv - 百度地理信息可视化开源库3. 蚂蚁AntV4. Amcharts - 矢量地图定制下载5. D3.js - 数据驱动的文档6. billboard.js - 简易界面的可交互图表库7. FusionCharts二. 设计辅助工具1. Kitchen - 蚂蚁金服官方插件2. FusionCool - 阿里Fusion Design开源中后台UI解决方案辅助工具3. Map Generator - 快速地图生成填充4. Amch

Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。即把用户的markdown文件，按照指定的主题解析成静态网页安装使用hexo之前需要先安装Node.js和Git，当已经安装了Node.js和npm(npm是node.js的包管理工具)，可以通过以下命令安装hexo可以通过以下命令查看主机中是否安装了node.js和npm二.建站安装完Hexo之后，执行下列命令，Hexo将会在指定目录中新建所需要的文件，指定

文章目录简介一.初级篇1.R.swift2.SwiftLint3.LSUnusedResources4.淘系工程师个人项目5.Pedometer6.Lottie二.中级篇1.CollectionKit2.swift-style-guide3.Drafter4.高仿短视频推荐5.Google breakpad6.老司机周报三.高级篇1.ReSwift2.RxSwift3.Texture4.yoga5.VirtualAPK6.wanAndoid7.Epic8.YYKit简介继26个好玩又有挑战的前端练习项目

文章目录简介一、运行环境二、能力限制三、用户体验四、访问入口简介H5和小程序不具备可比性，只是很多移动端的场景下，两种选择都能实现产品的大部分功能。最近几年，小程序的兴起，让人们理解他等同于H5，其实不然。一、运行环境H5是网页，主要依赖浏览器运行，如手机内置浏览器，APP，微信，而小程序只能依赖微信打开。二、能力限制H5在微信里可以直接分享朋友圈，而小程序只能转发好友或好友群，要想发到朋友圈只能生成有小程序码的图片发到朋友圈。再如支付能力，小程序只支持微信支付，H5里可以选择多种支付方式。

文章目录一.简介2.项目介绍二.功能2.功能介绍三.核心技术1.系统架构图2.技术选型五.运行3.截图前端界面后台管理界面总结1.完整工程2.其他一.简介2.项目介绍本系统基于Springboot和Vue实现的前后端分离的一个在线音乐网站系统，系统功能完整，页面简洁大方，是一个非常优秀的JAVA系统，比较适合做毕业设计使用。二.功能2.功能介绍音乐播放用户登录注册用户信息编辑、头像修改歌曲、歌单搜索歌单打分，歌单、歌曲评论歌单列表、歌手列表分页显示歌词同步显示音乐收藏、下载、拖动

文章目录一.简介1.背景2.项目介绍3.难度系数二.功能1.系统组成(产品组成图)2.功能介绍学生系统管理管理系统功能三.核心技术1.系统架构图2.技术选型后端前端3.系统特性4.优势四.项目介绍1.运行环境2.前端3.后端4.Api接口学生端管理端5.部分源码6.表结构设计试卷表其他五.运行1.集成部署1.前后端分离部署3.截图学生系统后端管理系统六.总结1.完整工程一.简介1.背景2.项目介绍系统是一款 java + vue 的前后端分离的考试系统。主要优点是开发、部署简单快捷、界面设计友好、代

文章目录一.简介二.阶段学习阶段1.基础阶段2.项目管理阶段3.UI组件阶段4.网络请求阶段5.图表阶段6.样式阶段7.工具阶段8.混合阶段其他三.路线图一.简介前端技术纷繁复杂，技术变革日新月异，怎么才能在最短的时间内对前端技术栈有一个全面的了解呢？怎样才能由浅入深逐渐成长，完成有小白到大牛的过程转换呢？本文由浅入深，次第而进的罗列了前端目前的技术栈，一是方便小白入门学习，二来也是方便有开发经验的前端工作人对自身的技术栈有一个完善和补充，如果有哪些地方写错了，还请不吝赐教。二.阶段学习阶段1.基础

文章目录一.简介二.全栈1.基础2.项目管理3.UI组件4.网络请求5.图表6.样式7.工具8.混合其他三.全栈图一.简介前端技术纷繁复杂，技术变革日新月异，怎么才能在最短的时间内对前端技术栈有一个全面的了解是每个前端人所迫切希望看到的。本文罗列了当下前端所用到的一切技术栈，基本能覆盖前端的使用场景，也是国内大厂所通用的技术栈，希望对初学者有一个指引和参考，如果有哪些地方写错了，还请不吝赐教。二.全栈1.基础包含html,javascript,css,ajax,es6等基础知识2.项目管理包含

文章目录一.Webpack1. Webpack的HMR2. webpack-dev-server的热更新：3. 原理二.Vite1. Vite2的HMR2. esbuild3.Vite原理:一.Webpack1. Webpack的HMR第一次冷启动慢的原因：在之前的浏览器中没有模块化的设计，所以期望把所有源代码编译进一个 js 文件中提供给浏览器使用，所以在开发中当我们运行启动命令的时候，webpack 总是需要从入口文件去索引整个项目的文件，编译成一个或多个单独的 js 文件，即使采用了代码拆分，

文章目录简介1.为什么 Webpack 得到了迅速发展2.现在的生态系统3.为什么不应该使用 Webpack3.1 速度慢3.2 易于配置3.3 打包大小4.备选方案总结简介如今对于每一位前端工程师来说，Webpack 已经成为一项基础技能，它基本上包办了本地开发、编译压缩、程序打包等工作。从这个角度来看，Webpack 确实是伟大的，但即使它如此伟大，也有个巨大的问题，就是 Webpack太难用了。Webpack 是当今最流行的打包工具之一。大量生产应用程序和框架（比如Next.js、Create

文章目录一 PROMISE用法PromisePromise的相关概念基于promise发送ajax请求promise常用的API二 接口调用 FETCH 用法基本特性GET请求DELETE 请求POST请求 传统参数三 接口调用 AXIOS 用法基本特性:axios常用APIGET传递参数POST传递参数四 接口调用 ASYNC/AWAIT 用法一 PROMISE用法Promiseresolve成功状态reject拒绝状态then是前面返回promise的处理Promise的相关概念es6新语

文章目录一. AJAX原理1.ajax 有那些优缺点?二. Promise封装Ajaxpromise 封装实现三. JQuery Ajax1.优缺点：四. Axios1.优缺点：五. Fetch1.优缺点：补充：为什么要用axios?一. AJAX原理Ajax的原理简单来说是在用户和服务器之间加了—个中间层(AJAX引擎)，通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。使用户操作与服务器响应异步化。Ajax的过程只涉及Ja

文章目录简介一、Ajax1. 创建XHR2. XHR对象常用方法（1）XMLHttpRequest.open()（2）XMLHttpRequest.send()（3）XMLHttpReqeust.abort()（4）XMLHttpRequest.setReqeustHeader()（5）XMLHttpRequest.getResponseHeader()3. 封装一个原生的Ajax请求二、Promise1. 创建Promise2. Promise的基本API（1）Promise.prototype.then

文章目录简介1. 在Vue组件中提交 mutation2. 对象风格提交mutation3. 展开运算符+mapMutations辅助函数（...mapMutations）4. Action 异步变更状态5. 展开运算符+mapActions 辅助函数（...mapActions ）简介dispatch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch(‘action方法名’,值)commit：同步操作，写法：this.$store.commit(‘mutations

文章目录一. 理解Vue中的computed用法二：computed 和 methods的区别?三：Vue中的watch的用法四：computed的基本原理其他一. 理解Vue中的computed用法computed是计算属性的; 它会根据所依赖的数据动态显示新的计算结果, 该计算结果会被缓存起来。computed的值在getter执行后是会被缓存的。如果所依赖的数据发生改变时候, 就会重新调用getter来计算最新的结果。下面我们根据官网中的demo来理解下computed的使用及何时使用compu

文章目录一.速识概念：二.八大生命周期钩子函数：三、学习基本代码1. beforeCreate：2.created：3.beforeMount：4.mounted：5.beforeUpdate:6.updated：7.beforeDestroy：8.destroyed：一.速识概念：我们把一个对象从生成（new）到被销毁（destory）的过程，称为生命周期。而生命周期函数，就是在某个时刻会自动执行的函数。  按照官方的原话，就是每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置

文章目录一、state1.1 state使用1.2 mapState 辅助函数二、getters2.1 getters的使用三、Mutation3.1 mutations的使用3.2 mapMutations3.3 使用常量替代Mutation事件类型四、actions4.1 action类似于mutation一、state1.1 state使用引入vuex 以后，我们需要在state中定义变量，类似于vue中的data，通过state来存放状态import Vue from 'vue'impo

文章目录一. 简介二. 简单路由（1）配置项目路由权限（2）新建一个公共的asyncRouter.js文件（3）创建路由守卫：创建公共的permission.js文件，设置路由守卫（4）在main.js中引入permission.js文件（5）在login登录的时候将roles存储到store中三. 复杂路由（后端动态返回路由数据）（1）配置项目路由文件，该文件中没有路由，或者存在一部分公共路由，即没有权限的路由（2）新建一个公共的asyncRouter.js文件（3）创建路由守卫：创建公共的permiss

文章目录组件安装Vue代码展示组件安装cnpm i ol -S Vue代码<template> <div id="map" ref="rootmap"></div></template><script>import 'ol/ol.css'import { Map, View } from 'ol'import TileLayer from 'ol/layer/Tile'import OSM from 'ol/source

文章目录后端服务前端 Axios工具类前端页面测试后端服务@RestController@RequestMapping("/user")public class UserController { @PostMapping("/login1") public void login1(String username, String password) { System.out.println(username + " " + password); } @

文章目录业务说明代理配置修改截图后端服务器代码前端Vue代码业务说明假设vue项目的地址是：localhost:80/，比如，页面中请求’http://127.0.0.1:8080/api/user/ss’时，地址只需要写为’/api/user/ss’就可以了。代理配置const { defineConfig } = require('@vue/cli-service')const AutoImport = require('unplugin-auto-import/webpack')cons

嵌套路由又称为子路由，在实际应用中，通常由多层嵌套的组件组合而成。同样地，URL中各段动态路景观也按某种结构对应嵌套的各层组件，例如我们看Vue的官网教程。当我们点击左边的项目的时候，我们知道，他左边和上面两个导航栏是不会改变的。改变的只是右边那一块区域。将鼠标放在某个标签上面，我们可以看到，他就是一个路由。或者我们应该说，他就是一个子路由。接下来，我们就说一下怎么实现这个子路由功能。我们先去ElemetUI里面选一个吧。我选的是下面它对应的代码如下：我们将它写到我们的Main.vue文件中即可

文章目录一.简介二.Vue方向web端主流技术方案：移动端小程序端技术方案三.React方向web端主流技术方案：移动端小程序端技术方案四.Angular方向web端主流技术方案：移动小程序端技术方案其他一.简介随着市场的不断发展壮大以及js这门语言的不断完善发展，前端开发这个岗位也变得复杂多样，各式各样的开源框架层出不穷，现在的前端不仅仅能够开发各种PC页面、H5页面、同时也包含小程序开发、移动App开发、甚至是桌面应用的开发。(前端真吃香，但是也是一个苦逼的职业0.0，哎!)然而一个人的精力怎么也

文章目录一.安装nodeJs二.安装vue三.创建新项目四.使用vue-cli再一次创建新项目四.引入Elements ui五.运行已有项目六.补充安装axios +sass+store(1).安装axios(ajax的封装）(2).安装sass(3).安装store(4).引入jq(5).安装css-loader(6).安装better-scroll(7).vue项目添加一些触摸事件以及fastclick的支持(8).vue项目配置了babel-polyfill 兼容低版本浏览(9).配置jsonp(10