- 博客(23)
- 收藏
- 关注
原创 webGIS开发中常见的坐标系
国测局02年发布的坐标体系,对WGS84的数据加密后得到的坐标系,即加⼊随机的偏差。目前使用的厂商有腾讯地图、高德地图、谷歌中国地图。
2024-02-18 16:59:43
1089
原创 mac使用vite初始化Vue3项目踩坑,权限报错 Error: EACCES: permission denied, mkdir
全程都是用sudo,但是却报了权限错误,最后发现是原因node版本问题导致的,vite官方推荐的node版本是v14.18.0。之后选择vue,下一步选择javaScript或者typeScript。*mac os 在命令行前面都加上sudo,以确保权限没有问题。首先使用vite初始化Vue项目,在终端中输入。切换node版本之后,项目就可以正常跑起来了。安装完依赖包之后启动项目。进入项目后先安装依赖包。
2023-05-30 10:03:09
2107
3
原创 JS-立即执行函数
javascript中没用私有作用域的概念,如果在多人开发的项目上,你在全局或局部作用域中声明了一些变量,可能会被其他人不小心用同名的变量给覆盖掉,根据javascript函数作用域链的特性,可以使用这种技术可以模仿一个私有作用域,用匿名函数作为一个“容器”,“容器”内部可以访问外部的变量,而外部环境不能访问“容器”内部的变量,所以( function(){…使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式。
2023-03-06 10:16:50
281
原创 物理层的基本概念
物理层解决如何在连接各种计算机的传输媒体上的传输数据比特流,其主要任务是确定与传输媒体接口有关的一些特性:数据通信基础知识通信方式传输方式。
2023-02-07 10:07:21
171
原创 计算机网络分层结构-OSI参考模型
计算机网络分层结构分为 7层和 4层其中是根据法定标准规定(理论),TCP/IP参考模型是基于事实标准(常用)。
2023-01-31 15:55:12
919
原创 分层结构、协议、接口、服务
服务:下层为相临上层提供的功能调用,第n层向n+1层提供提供服务时,此服务不仅包含第n层本身,还包含由下层服务提供的所有功能。接口(访问服务点SPA):相临两层之间,上层使用下层服务的入口,所提供的服务细节对上一层完全屏蔽。协议:为进行网络中的对等实体数据交换而建立的规则、标准或约定称为网络协议(水平)PDU协议数据单元:对等层次之间传送的数据单位(传递到下一层作为下一层的SDU)实体:第n层中的活动元素被称为n层实体,同一层的尸体被称为对等实体。SDU服务单元数据:完成用户所要求的功能而应传送的数据。
2022-11-03 16:10:10
469
原创 CSS 样式优先级&权重
行内样式的优先级要高于嵌入和外链,嵌入和外链如果使用的选择器相同就看他们在页面中插入的顺序,在后面插入的会覆盖前面的。(类选择器 | 伪类选择器 | 属性选择器 )>无论何种引入方式和选择器,优先级都是最高的;(元素选择器 | 伪元素选择器。
2022-11-02 10:36:16
567
原创 时延、时延带宽积、RTT和利用率
从发送方发送数据开始,到发送方收到接收方的确认(接收方收到数据后立即发送确认),总共经历的时延(指数据的第一个bit放上信道,到第一个bit的确认帧收到的时间)。指数据(报文、分组、比特流) 从网络(或链路)的一端传送到另一端所需的时间。传播时延:信道长度 (m)/ 电磁波在信道上的传播速率(2x10^8 m/s);数据在信道上的传播时间。高速链路:指提高发送速率,如由10b/s提升到100b/s,并不会影响电磁波在信道上的传播速率。发送时延:数据长度 (b)/ 信道带宽(发送速率 b/s);
2022-10-26 17:28:25
686
原创 基于Vue2使用Vuex3
在使用state中的属性时,我们往往需要使用属性的派生状态,如过滤等操作,getter可以认为是store中的计算属性,就像计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算。Vuex使用单一状态树,用一个对象包含全部应用层级的状态,这意味着每个Vue应用将仅仅包含一个store实例。简单理解为可以把多个组件共享的变量(状态)全部存储在一个对象里面,将该对象放在顶层的Vue实例中,让其他组件使用并响应式刷新。
2022-09-21 13:57:00
510
原创 export&import
之前介绍的导入语句被称为静态导入,import不能动态生成任何参数,也无法根据条件或在运行时导入(import语句在{}代码块内不生效)。-构建工具(webpack等)的优化器optimizer会在打包时对模块的依赖进行优化,删除未使用的代码以提高加载速度,从而使构建更小,这就是所谓的摇树tree-shaking。命名的导出会强制我们使用正确的名称进行导入,默认导出时我们可以自由选择名称,为了代码易于维护通常遵循导入变量与文件名相对应的规则。在导入和导出时,我们可以使用as使得名称更为简洁。
2022-08-22 16:32:49
350
原创 Axios+Vue 网络模块封装
为了维护方便通常会将axios进行封装,在src下新建axisoConfig目录,在request.js下进行封装。,可以在node.js中发送http请求,支持Promise API,拦截请求和响应,etc。1.安装axiox(开发时依赖--save-dev;运行时依赖--save)浏览器中发送XMLHttpRequests。4.axios的相关常见配置信息。3.axios发送并发请求。二、axios的基本使用。5.创建axios实例。...
2022-08-17 15:34:06
219
原创 Promise-相关
ES6中异步编程的一种解决方案,解决地狱回调,常用于网络请求。四、Promise的all方法。二、Promise的三种状态。三、Promise的链式调用。一、什么是Promise。
2022-08-15 16:59:48
107
原创 速率相关的性能指标
计算机网络中,带宽用来表示网络的通信线路传送数据的能力,通常是指单位时间内从网络中的某一点到另一点所能通过的“最高数据率”(网络设备所支持的最高速度)。单位是“比特每秒”,b/s,kb/s,Mb/s,Gb/s。速率/数据率/数据传输率/比特率连接在计算机网络上的主机在数字信道上传送数据位数的速率,单位是b/s,kb/s,Mb/s,Gb/s,Tb/s。单位b/s,kb/s,Mb/s等。“带宽”原本是指某个信号具有的频带宽度,即最高频率与最低频率之差,单位是赫兹(Hz)...
2022-07-22 17:20:39
439
原创 标准化工作及相关组织
事实标准某些公司的产品在竞争中占据了主流,时间长了这些产品中的协议和技术就成为了标准eg.Internet工程任务组IETF负责因特网相关标准的制定RFCXXXX。RFC(Requestforcomments)因特网标准的形式。国际电气电子工程师协会IEEE学术机构,IEEE802系列标准、5G。法定标准有权威机构制定的正式的、合法的标准eg.制定OSI参考模型,HDLC协议。国际电信联盟ITU制定通信规则。国际标准化组织ISO。...
2022-07-22 15:34:03
389
原创 计算机网络的概念、组成、功能和分类
广播式网络共享公共通信信道,所有主机都能接受到传输数据,根据地址选择是否接收。边缘部分用户直接使用,分为C/S和P2P两种方式。三、分布式处理多台计算机承担同一任务的不同部分。主机、链路(光纤)、通信设备(交换机,路由器)核心部分为边缘部分服务(大量网络和路由器)个人区域网PAN个人使用电子设备,手机。局域网WAN1km左右,使用广播技术。是一个将分散的、具有独立功能的。资源子网实现资源共享,数据处理。广域网WAN跨国,使用交换技术。资源共享(硬件,软件,数据)安装在主机上的软件。...
2022-07-19 16:58:33
4002
原创 数据结构与算法01
概念&名词解释数据(Data):能输入计算机且能被计算机处理的各种符号的集合;1.信息的载体;2.对客观事物符号化的表示;3.是能够被计算机识别、存储和加工;包括数值型数据:能进行数学运算的数据,如整数实数等;非数值型数据:声音,图片,视频等;数据元素:是数据的基本单位,在计算机中常作为一个整体进行考虑;也称为元素,记录,节点或者顶点;一个数据元素可以有若干个数据项组成;数据项:构成数据元素的不可分割的最小单位;数据&数据元素&数据项之间的关系:..
2022-05-26 16:28:21
89
原创 element ui Tree 树组件如何用按钮控制全部展开和折叠
首先引入树组件,需要通过按钮来控制展开/折叠必须要配置 ref 属性和node-key,树数据要和node-key能匹配<template> <el-tree ref="treeNode" :data="treeData" :props="defaultProps" :default-expand-all="isExpand" node-key="id"> </el-tree></template>
2022-03-22 17:33:06
7613
13
原创 element-ui dialog 对话框局部显示(不全屏遮罩)
问题一:遮罩覆盖住了对话框设置 modal-append-to-body 或者 append-to-body 属性为false<el-dialog title="新增对话框" width="80%" :modal-append-to-body='false' :append-to-body="false" :center="true" ></e
2022-03-22 17:09:21
5656
8
原创 Vue CLI 2基础使用与目录分析
1. 什么是Vue CLI?CLI (Command-Line Interface)命令行界面,俗称脚手架 Vue CIL是一个官方发布 vue.js 项目脚手架 使用 vue-cli 可以快速搭建vue开发环境以及对应的webpack配置2. Vue CLI 的使用使用前提:vue cli依赖于node环境和webpack,node环境要求8.9及以上安装vue cli3 & 初始化项目:npm install @vue/cli -g //安装vue c...
2022-01-05 10:06:36
517
原创 Webpack:基于node.js搭建本地服务器与webpack配置的抽离
webpack提供了一个可选的本地开发服务器,本地服务器基于node.js搭建,内部使用express框架,实现浏览器自动刷新代码修改后的结果(代码的修改会储存在内存里面而不是打包后的磁盘里,内存的读取速度会比磁盘读取速度快很多)。1.搭建本地服务器npm install webpack-dev-server@2.9.1 --save-devdevserver作为webpack中的一个选项,选项本身可以设置如下属性:contentBase:为哪一个文件夹提供本地服务,默认是根文件夹..
2021-12-31 11:43:15
323
原创 webpack——Loader示例:打包css文件
什么是Loader?webpack通过扩展对应的loader以支持更多文件的转化,如scss,less转换成css;ES6转换为ES5代码等。大部分loader可以在webpack官网找到,并学习对应的用法。loader的使用过程1. 通过npm装需要使用的loader2.在webpack.config.js中的module关键字下配置1.利用css-loader和style-loader给css文件打包项目中新建一个css文件夹,文件夹内新建normal.css文件:bod.
2021-12-23 17:18:08
721
原创 Webpack详解及基础使用
什么是Webpack? webpack是一个现代的JavaScript应用的静态模块打包工具模块:前端模块化的一些方案有CommonJS,ES6,AMD,CMD;webpack可以作为项目模块化开发提供底层支撑,处理模块之间的相互依赖(JavaScript文件,CSS,图片,json文件等都可以被当作模块来使用)并将其进行整合处理成浏览器可识别的代码。打包:将webpack中的各种资源模块进行打包合并成一个或多个包(Bundle),并且在打包过程中可以对资源进行优化和处理:TypeScrip..
2021-12-23 10:14:13
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人