- 博客(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
原创 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中的边框图片
为了实现丰富多彩的边框效果,在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
空空如也
不知道大家在开发中有没有遇到过这种情况,如何解决?(关键词-input)
2023-02-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人