自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 WMS和WMTS的区别

WMS(Web Map Service)是一种动态地图服务协议,可以通过对服务器发送请求来动态地生成地图图像。而WMTS(Web Map Tile Service)是一种基于瓦片的地图服务协议,它通过预先生成的瓦片集合来提供地图数据;WMS在每个请求时生成图像,而WMTS则预先生成瓦片,可以在需要时快速响应请求。WMTS支持缓存和离线使用,因为瓦片可以被预先下载和存储。总之,WMS和WMTS都有各自的优缺点和应用场景。WMTS通常用于较大的地图数据集合,而WMS通常用于较小的数据集合。

2023-03-23 18:16:08 4337

原创 什么是事件委托

事件委托是利用事件冒泡的机制,将事件处理器绑定在其祖先元素上,当事件触发时,根据事件目标的不同,决定是否执行该处理器。事件委托可以提高性能,避免给多个子元素绑定事件处理器,也可以动态绑定事件处理器。

2023-03-10 16:25:49 269

原创 前端禁止复制文本

【代码】前端禁止复制文本(关闭鼠标事件)。

2022-12-02 16:46:01 652

原创 web和小程序本地存储的区别

1、代码的方式不一样web中本地存储数据::localStorage.setItem("key","value");小程序中本地存储数据:wx.setStorageSync("key","value");web中获取本地存储的数据:localStorage.getItem("key");小程序中获取本地存储的数据:wx.getStorageSync("key");2、本地存储数据是否需要类型转化web中不管存入的是什么数据类型,最终都会先调用toString(),把数据变成字符串,最后再存入;小程序中不存在

2022-06-12 20:37:20 331

原创 Vue的特点

一、特点1、组件化。保留了 react 框架的优点,实现了封装和重用,且组件间可以相互嵌套;2、轻量级。相对于其他框架,Vue学习成本低,简单易上手;3、虚拟 DOM。虚拟 dom 中存在 diff算法,是 cpu 密集型运算,占用内存较少,可以提高运行效率,并压缩运行时体积;4、Vue是一个MVVM框架,数据绑定。数据单项绑定(v-bind),单向指data中的值绑定到视图中,但视图中修改不会影响到data数据;双向绑定(v-model),数据发生变化会驱动视图的更新,视图的更新也会驱动数

2022-05-24 23:02:00 12647

原创 vue创建脚手架时常见的报错

我们在创建脚手架结构时,会出现很多的报错:为此我搜集了一些常见的报错:1. error Mixed spaces and tabs no-mixed-spaces-and-tabs这个报错代表缩进和换行报错,此时需要对 .vue 后缀的组件进行格式化,简单粗暴的办法就是:shift + alt + f格式化一下组件就解决缩进和换行的问题了。2.export 'default' (imported as 'Vue') was not found in 'vue'这个报错主要是因为我..

2022-05-05 17:59:04 2352 1

原创 JavaScript中async和await的实现原理

由于js是单线程的执行模型,因此为了提高效率就有了异步编程,单线程在程序执行时,所走的程序路径按照连续顺序排下来,前面的必须处理好,后面的才会执行。 但是我们也需要类似多线程机制的这种执行方式,我们需要异步执行编程,异步执行编程会使得多个任务并发执行。 异步编程可以实现多任务并发执行,指同一时刻内多任务同时进行,边煮饭,边烧水,可以同时进行,进而提高效率。

2022-04-25 21:19:53 3425

原创 在JavaScript变量、属性、函数、方法的概念以及区别

变量是一个存储数据的容器,本质:变量是内存里面的一个空间,通过变量名来获取数据;声明一个变量就是在内存里面获取一个存储空间。什么是属性?为元素提供各种附加信息的就是属性,存在对象里面表示对象有什么样的特征,常用名词来表示,它总是以"属性名=属性值"这种键值对的形式出现。2. 相同点他们都是用来存储数据的。3. 不同点变量单独声明并赋值,使用的时候直接写变量名,它是单独存在的; 属性是在对象里面,不需要声明,使用格

2022-04-19 22:07:05 2145 1

原创 浮动元素的特点

html初始网页布局常见有:标准流、浮动、定位。 标准流:简单来说就是普通流、常规流,占位; 浮动:就是从标准流中浮动出来;不占位; 定位:也是从标准流脱离出来;不占位;如果给个层级的话:标准流 > 浮动 > 定位。浮动元素的特点:代码:float:left;或者:float:right;只有左浮动和右浮动。特点:1. 脱标(脱离标准流),不占位置;2. 元素浮动,后面标准流会上来把没浮动元素之前的位置占了,浮动元素会压住后面上来的标准流,不会对前面...

2022-04-18 23:04:07 2079

原创 c3新增属性

border-radius:边框圆角box-shadow:边框阴影box-sizing:盒子模型background-size:背景图片的尺寸background-origin:背景图片的原点background-clip:背景图片的裁切区rgba:颜色text-shadow:文字阴影linear-gradient、radial-gradi:渐变颜色transition:过渡animation:自定义动画transform:translate()、rotate()

2022-04-15 23:20:32 461

原创 h5新增标签

h5是html的最新版本,是14年由w3c完成标准制定,增强了浏览器的原生功能,减少浏览器插件的应用,提高用户体验满意度,让开发更加方便。

2022-04-14 23:03:12 7850

原创 break, continue, return三者的区别

1、break:翻译成中文是打断、中断的意思,作用是结束当前的循环体,后面的循环也不再继续了,经常使用在for、while循环里面;2、continue:翻译成中文是继续、延续的意思,作用是跳出本次循环,继续执行下一次循环(不是继续执行当前次循环),和break最大的区别就是还会继续执行下一个循环,经常被使用在for、while循环中;3、return:翻译成中文是返回、归还的意思,它不仅可以退出循环,还可以返回return语句中的值,同时还可以结束当前的函数体内的代码;用处广泛,函数、

2022-04-13 23:59:59 1474 1

原创 如何利用css来制作三角形

如何利用css来制作简单的小三角形样式,原理就是利用控制边框的样式来实现三角形的样式。

2022-04-12 21:33:47 1321

原创 css中的边框图片

为了实现丰富多彩的边框效果,在css3中,新增了 border-image属性,这个新增属性允许指定一副图像作为元素的边框。2. 边框图片的使用场景盒子大小不一,但是边框样式相同,此时就需要边框图片来完成,不是背景图片,而是用边框图片来实现。3. 边框图片的切图原理最主要是把四个角切出去,利用井字型来把四个角切出去,一定要保留四个角的完整性,顺序是:上 右 下 左;4. 边框图片语法规范border-image-source:用在边框的图片的路

2022-04-11 20:22:25 875

原创 px、em、rem单位间的区别

1. px px是pixel的缩写,中文翻译是像素的意思;我们一般用来设置元素的宽高、字体大小,查了一下它不是自然界的长度单位。px是就是一张图片中最小的点,一张图就是由这些点构成的。1024px就是1024像素,如果是1024px×768px,也就是说水平方向上有1024个点,垂直方向上有768个点。谁能说出一个“点”有多长多大么?可以画的很小,也可以很大。如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”。所以,像素的大小是会“变”的,也称为“相对长度”;特点:不会随着浏览.

2022-04-11 20:07:57 1411

原创 VSCode插件推荐

1. VSCode汉化包插件 :Chinese (Simplified) (简体中文) Language VSCode汉化包,原始默认是英文的所以我们需要下一个中文插件。2.VSCode自动补全标签:Auto Close TagAuto Close Tag对Html或Xml文件自动创建结束标签;如在Html中输入div:敲回车显示:3. VSCode 自动同步修改前后标签名插件:Auto Rename Tag修改前面标签后面跟着修改:4. ...

2022-04-10 22:47:44 25538 2

原创 css中实现元素隐藏的几种方法

一、display:none;display翻译成中文是显示、展览的意思;将display的属性改为none可以实现元素的隐藏,元素和盒子模型也不生成,被隐藏的元素不占位置,看不见摸不着,它会导致浏览器的重排和重绘。二、visibility:hidden;visibility翻译成中文是能见、可见性的意思;hidden翻译成中文的是隐藏、不易察觉的意思。将visibility的属性改成hidden可以实现元素的隐藏,和display:none的区别是它占位置,看不见但是摸得着,所以它只会导致浏览

2022-04-09 21:26:49 23424

原创 利用js来制作简单倒计时效果

利用JavaScript函数做一个简单的倒计时 <script> // 代码如下: function countDown(time) { var nowTime = +new Date(); // 返回的是当前时间总的毫秒数 var inputTime = +new Date(time); // 返回的是用户输入时间总的毫秒数 var times = (inputTime - no

2022-04-08 20:14:49 4451 1

原创 transition和animation的区别

一、transition(过渡、转变的意思)transition 属性是一个简写属性,用于设置四个过渡属性:1. transition-property:设置过渡效果的属性名称(默认值是all);2. transition-duration:设置过渡完成所需要的时间(默认值是0);3. transition-timing-function:设置过渡速度效果曲线(默认值是ease);4. transition-delay:设置过渡的开始时间(默认值是0);语法:transition:

2022-04-07 21:16:45 4244

原创 js中for循环是如何进行的?

Javascript中的for是如何实现循环的?一、语法结构单for循环for(初始化变量; 条件表达式; 操作表达式){ 循环体 };双重for循环(也叫循环嵌套)for(外层初始化变量; 外层的表达式; 外层的操作表达式){ for(里层的初始化变量; 里层的条件表达式; 里层的操作表达式){循环体} };二、循环机制1. 初始化变量:就是var声明的变量,通常作为计数使...

2022-04-06 19:35:53 2290

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除