- 博客(23)
- 收藏
- 关注
原创 前端使用MQTT
假设我跟你还有B是wx好友关系,但是你跟B不是,那么有天我群发了一个"中秋节快乐",这就是发布,你跟B接收到了消息,这就是订阅(个人想法,不喜勿喷)。
2023-11-06 09:46:07
330
原创 使用mapbox地图的一丢丢小心得
Mapbox是一个基于云的地图平台,提供开发人员在他们的应用程序中集成地图,并提供各种地图样式、地图数据和地理编码服务。Mapbox的地图可用于各种应用程序、网站和移动应用中,包括路线规划、导航、地点搜索、位置定位、数据可视化等。Mapbox以开源和透明度为基础,为开发人员提供了无限制的灵活性和个性化定制。Mapbox的API易于使用、精确和平滑,并支持多种开发语言和平台。此外,Mapbox还提供了开发人员工具和SDK,以便他们在开发地图应用程序时更轻松、更高效。
2023-05-30 15:04:49
6320
2
原创 盘点一下使用高德api踩得坑
采用在vue项目下public公共资源包的index.html文件里面引用高德的cdnkey :你在高德开放平台里面申请的一个web服务key,注意:如果你要使用高德的搜索api,那么你一定要申请一个web服务型key,不然无法使用搜索apiplugin=AMap.Geolocation,导入高德地图的插件,并不是地图上使用的组件。这是第一个坑。...
2022-08-31 17:01:19
1920
2
原创 js中string类型
String类型内置对象已经定义好的,有浏览器厂商已经实现的标准的对象,内置对象中有封装了专门操作数据常用的api(方法 属性)内置对象有哪些?上面提到的引用类型内置对象有哪些特殊的类型包装对象 String Number Boolean(专门封装原始数据类型),提供了对数据常用的内置类型为什么要有包装类型?var num = 52.1242;//只有对象才有方法num.toFixed(2)保留两位小数(括号内输入几就是保留几位小数)要想执..
2021-12-14 11:09:04
1187
原创 简述js数组
数组数组:属与数据类型中的引用类型,都存储在堆中,连续存储多个数据的存储空间使用:相当于多个变量的集合为什么要有数组?现实生活中数据都是批量分类管理的。如何使用创建:数组都是用[]创建出来的(字面量的形式)语法:var arr=[];//创建了一个数组,数组包含了0个元素var arr=[66,67,68];创建了一个数组,数组中连续存储了三个元素访问数组的某个元素。数组[数组中某个元素的下标]要获取最后一个元素的方式,数组[数组名.length-1]数组
2021-12-08 09:06:42
110
原创 js里面的for循环和while循环
循坏语句程序反反复复的执行统一代码块,遇到条件不满足的时候就会停止循环。循环三要素: 循环条件:循环要继续循环的条件 循环体:每次循环要做的事情 循环变量:循环条件做判断的一个变量 for的语法:for(声明的循环变量;循环条件,叠加循环变量){循环体}continue;跳出本轮循环,继续下一轮continue,break,return有什么区别?contine:只能再循环里面使用,跳出本轮循环,继续下一轮break:能在循环和swi
2021-12-08 08:55:49
296
原创 js中的作用域
作用域概念:一个变量的可用范围全局的变量局部的变量作用域:全局的作用域:直接放在全局的作用域中的变量,只希望所有的作用域能够共有的变量就声明在全局的作用域局部的作用域:声明在函数内部的变量或者方法的参数变量只要在方法内部声明的变量就是局部的变量全局变量和局部变量的生命周期全局变量的生命周期,全局变量在打开网页的时候就创建了,关闭网页的时候就销毁局部变量的生命周期,方法调用的时候创建,方法调用完之后销毁。全局变量都属于window下面的属性window对象:是整
2021-12-08 08:54:21
78
原创 函数和js中的运算符
函数(方法)概念:专门执行一系列专门任务步骤的代码块定义:function 方法名([参数列表]){一系列任务步骤的代码块;return}字面量定义函数的方法,它有自动提升的功能调用:方法名(实际的参数)关于 return第一种方式:如果只有return的时候,后面的语句就不会执行,退出功能第二种方式:如果return+值,退出并且可以返回这个值给这个函数为什么要有参数?需求:要求得到两个数字的和形参:方法内部的独有的变量,接收参数,在代码块里面去处理
2021-12-07 09:19:22
416
原创 Javascript(初级 变量)
JavaScript前端开发三大基础语言 html css javascript 专门设计网页的交互效果交互:输入数据,程序处理数据,返回结果由三部分组成 ECMASCRIPT(核心语法) es5--es6--typescript DOM(文档对象模型,w3c制定的标准) BOM(专门操作浏览器的窗口 浏览器厂商自行绝定的标准,所以没得什么标准) js的特点 解释执行(从上往下依次执行) 纯文本 基于对
2021-12-01 11:30:17
263
原创 h5新增的标签
HTML5概述html5是html最新的修订的版本,2014年10月份w3c完成标准的制定,html5设计的目的是为了在移动端设备上支持多媒体,html5是在html4.0之后的设计的一个版本html4.0诞生于1999年大部分主流的浏览器都支持html5html5新增了很多的特性 用于绘画的canvas元素 用于媒体 video audio元素 本地存储 新增了很多的内容元素 artice footer header nav section
2021-11-25 08:37:17
121
原创 css3新增的选择器
css3是css2的升级版本,它在css2的基础上增加了很多强大的功能,主流的浏览器都支持css3前缀 浏览器 -webkit 谷歌和safari -moz firefox -ms ie -o opera 加前缀的目的是为了更好的兼容css3的新的特性css3新增的选择器 关系选择器 h1~p:选择h1元素后面的同级的p元素 属性选择器 选择器 介绍 e[att] 选择具有attr属性的
2021-11-25 08:36:22
81
原创 css 样式跟他的选择器们
内部样式:<style> /* css样式写这里边 语法: 选择标签{ css属性名:属性值; } 标签选择器:通过标签去选择标签 */ h1{ color:red; } /* id选择器:通过id去选择标签 */ #p2{ color:green; } /* class选择器:通过class名去选择标签(页面可...
2021-11-25 08:34:28
63
原创 css相对定位与绝对定位
绝对定位:position:absolute;表示绝对定位left:500px;/top../right.. /bottom..设置了绝对定位以后可以使用这种定位<style> div{ /*当left/top/right/bottom为0px时,用绝对可以把div填充到整个html*/ width:200px; heiht:200px; position:absolute; left:0px;...
2021-11-24 11:58:43
139
原创 css 文本样式
文本属性样式属性 含义 举例 color 设置文本颜色 color:#00c; text-align 设置水平对齐方式 text-align:right; text-indent 设置首行文本的缩进 text-indent:20px; line-height 设置文本的行高 line-height:25px; text-decoration 设置文本的装饰 text-decoration:underline;
2021-11-24 11:57:21
178
原创 box-sizing
可替换元素与不可替换元素可替换元素:比如说img标签不可替换元素:h1和p标签关于input标签input标签比较特殊:因为这个标签他有不同的类型input标签也是一个可替换元素outline:none; /可以去掉元素选中默认出现的边框/超出显示省略号text-overflow:ellipsis;不换行white-space:nowrap;超出隐藏overflow:hidden;关于标签属性和css样式属性注意:html标签会自带一些标签属性
2021-11-24 11:56:45
78
原创 css 盒子模型
盒子模型边框<style> #box{ border:1px solid red; /*可以分别设置边框颜色。*/ border-top:10px solid red; }</style>border-solid:实线border-dashed:虚线border-dotted:点线border_double:双线外边框:margin:20px 200px 30px 100px;设置与其他元素边界的...
2021-11-24 11:56:13
66
原创 css 浮动
浮动伪类对象:/*伪类对象:伪类对象会在页面中作为一个伪元素,展示出来*//* h1::before:在内容最前面显示*/<style> h1::before{ content:"哈哈"; color:red; } /* h1::before:在内容最后面显示*/ h1::after{ content:"呵呵"; color:red; } /* 总结 ...
2021-11-24 11:55:33
69
原创 css overflow属性
overflow<style>#box{ width:100px; height:100px;/*overfiow:hidden; 超出部分隐藏*/ overflow:hidden;} </style><div id="box"> </div>overflow:auto;只有当内容超出时,才会出现滚动条overflow:scroll;不管内容是否超出,都会出现滚动条overflow解决...
2021-11-24 11:54:51
97
原创 css display属性
display属性属性 作用 display:none; none值表示隐藏元素,在页面不占位置 display: block; 将行级变块级元素 display: inline; 将块级元素改成行级元素 display: inline-block; 有行级元素和块级元素的特点,可以设置宽高以及外边距,不会独占一格 块级元素:1)块级元素独占一行2)块级元素可以设置宽高3)块级元素默认宽度占一行,默认高度为0但可以由内容撑开4)块级元
2021-11-24 11:54:02
77
原创 table跟form表单 input
表格table:tr标签:表示一行td标签:表示一行里面的一个单元表格th标签:表示一行里面的一个单元表格(一般放在thead中)<!-- cellspacing设置单元格的外边距距离 cellpadding设置内边距 border设置表格外边框线条大小 --><table cellspacing="0" cellpadding="20px" border="1"> --(表头 -- 显示每一列字段 一般用th做单元格) <thead
2021-11-24 11:53:03
916
原创 h5的列表
表格ul:无序列表li:列表下面的项<ul> <li>电脑</li> <li>手机</li> <li>苹果电脑</li></ul>type属性取值disc:实心圆square:实心方块 ■circle:空心圆 ⚪ol:有序列表li:列表下面的项<ol type="1"> <li>电脑</li>
2021-11-24 11:52:25
574
原创 a标签的局部刷新iframe
a标签target属性:跳转的页面要显示的位置_blank属性值:表示新的窗口打开_parent属性值:表示在父级窗口打开锚链接:1.通过a标签进行跳转本页面跳转2.需要在跳转到的位置,设置瞄点<a href="#name-1">a标签</a><a name="name-1">嗓子干</a> --name=锚点名字<a href="mailto:***@qq.com">邮箱</a>
2021-11-24 11:49:27
656
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人