m0_68505386的博客

原创 微信小程序登录+坐标定位显示km数

【代码】微信小程序登录+坐标定位显示km数。

原创 gitee使用中的一些问题

远程上传提示主机“gitee.com(212.64.63.190)”的真实性无法确定。ED25519密钥指纹为SHA256:+ULzij2u99B9eWYFTw1Q4ErYG/aepHLbu96PAUCoV88。此键不为任何其他名称所知您确定要继续连接(yes/no/[fingerprint])?选择yes之后报错无法从远程存储库读取数据。请确保您有正确的访问权限并且存储库已经存在。重新 git pull origin master会报错已将'gitee.com' (ED25519)永久添加到已知主机列表中

原创 简单了解什么是闭包

什么是闭包？简单的说，作用域是针对变量的，比如我们创建一个函数 a1，函数里面又包了一个子函数 a2。此时就存在三个作用域： 全局作用域、a1 作用域、a2 作用域；即全局作用域包含了 a1 的作用域，a2 的作用域包含了 a1 的作用域。 当 a1 在查找变量的时候会先从自身的作用域区查找，找不到再到上一级a2 的作用域查找，如果还没找到就到全局作用域区查找，这样就形成了一个作用域链。理解闭包首先要理解，js 垃圾回收机制，也就是当一个函数被执行完后，其作用域会被收回，如果形.

原创 内置对象--Math对象

Math对象(数学对象)是一个内置对象，它拥有一些数学常数属性和数学函数方法。他不是构造函数(不需要用到new,可以直接使用)。Math的所有属性与方法都是静态的。Math的常用方法Math.abs( 1 ) ==> 1 返回一个数的绝对值。Math.floor( 1. 2 ) ==> 1 向下(往小)取整Math.ceil( 1. 2 ) ==> 2 向上(往大)取整Math.round( 1. 4 ) ==> 1 四舍五入*Math.round( ...

原创 substring()方法和slice()方法用法和区别

substring()方法substring() 提取两个字符串之间的字符,第一个参数是起始位置,第二个参数是结束位置,不包括最后一个字符let str='hello'let nstr=str.substring(0 , 2)--->返回的就是 he一个值从指定位置开始提取到最后let nstr=str.substring( 1 ) --->返回的是 ello最后一个参数表示不包括最后这个数,所以可以直接使用str.lengthlet nstr=str.subst

原创 字符串对象string

字符串对象string用于处理文本(字符串)把简单包装类型包装成复杂数据类型,例如:let str = 'hello world'let str = new String('hello world')可以理解为构造函数String 实例化了一个str字符串对象把简单包装类型包装成复杂数据类型之后也就可以使用他的方法了...

原创 内置对象--date对象日期对象

日期对象Date(日期对象)是一个构造函数,必须使用 new 来调用创建日期对象(首字母大写的内置函数就是构造函数)例如: var odate=new Date();可以理解为构造函数Date实例化的一个日期对象odate,Date的属性var odate=new Date();如果值为空就返回当前系统时间var odate=new Date("9 1,2017,14:58:12");var odate2=new Date('2019-10-1 8:8:8');var o

原创 简单了解什么是对象,如何使用字面量的方式创建对象

什么是对象:对象是一组无序的相关属性(事物的特征)和方法(事物的行为)的集合,所有事物都是对象,例如字符串,数组,函数等等.创建对象的方式;利用字面量创建对象调用对象的属性:第一种方法:(对象名.属性名)第二种方法(对象名['属性名'])调用对象的方法对象名.方法名();...

原创 简单认识数组

数组;就是一组数据的集合,存储在单个变量下的方式,创建数组的方式有:1.使用字面量(一种固定值得表示方法)创建数组var arr=['前端','js',5,true]//里面的数据称为数组元素,2.利用构造函数的方式创建数组var arr = new Array(3);//通过索引给数组赋值,索引是从0开始的,arr[0] = '前端'arr[1] = 'js'arr[2] = 'html'数组是有索引的 ,从0开始,依次对应,获取单个数组元素可以加上元素的索引号do

原创 break；和continue；循环中经常用到的两个关键字

break;和continue;循环中经常用到的两个关键字,continue关键字用于立即跳出本次循环,继续下一次循环,break 关键字用于立即跳出整个循环(循环结束

原创 初识函数以及while循环和do while循环

while 循环语法结构 while 当...的时候while(条件表达式){循环体}执行思路 当条件表达式结果为true 则执行循环体 否则退出循环例如:do while循环语法结构do{循环体}while(条件表达式)执行思路 跟while不同的地方在于do while 先执行一次循环体再判断条件所以do while至少执行一次...

原创 es6提供了新的声明变量的关键字以及for循环

// var str='123'; // var str='456'; //后一个会把前一个覆盖,es6提供了新的声明变量的关键字,let // let str='123';写一样的会报错,不用害怕变量被重复声明. let str = '456' const s = 23 //const es6新增的声明常量的关键字,常量不可以被改变 document.write(str);//...

原创 逻辑运算符,选择结构,输出的一些语法以及数据转换

一.逻辑运算符<script> &&(与号) var num1 = 5; var num2 = 10; // document.write(num1<15<num2)==>true document.write(num1 < 15 && 15 < num2)//==>false &&表示两者都要满足才为true /...

原创 初识JS--变量的数据类型以及算数运算符

js的变量数据类型只有在程序运行的过程中,根据等号右边的值来确定,js是动态语言,变量的数据类型是可以变化的,typeof检查数据变量类型1.number 数字型, 包含整数型(如5)和浮点型(如2.1)2.boolean 布尔型, 包含true(真的),false(假的)3.string 字符串型,字符串都带引号(如"张三" )4.underfined 声明变量没有赋值的5.null 空值 .声明了变量值为空值6,es6新增了一个类型 Symbol ...

原创 前端面试--水平垂直居中的问题

(一)行内元素水平垂直居中设置text-align:center文本水平居中,在设置行高就可以.(二)块元素水平垂直居中第一种方法,定位配合 margin:;和position: absolute;必须要有宽高才可以使用第二种方法,父元素设置flex布局.第三种方法,不用flex布局,父盒子宽高不确定的情况下使用position: absolute;和transform: translate第四种 不用css3变形和flex布局, 父盒子宽高不固定的情况下..

原创 多个css的响应式布局

响应式布局:<!-- 如果需要很多css的情况下可以用这布局 --><!-- screen在电脑屏幕或者移动设备下 --><!-- only screen 仅仅在电脑屏幕或者移动设备下 其他屏幕无效 --><!--all 包含所有设备 --><!-- 在屏幕小于600px的时候显示如下样式 --><link rel="stylesheet" href="../css/6.css" media="screen and (

原创 响应式布局

@media all 表示包含所有的设备,比如电脑屏幕和打印机及其他屏幕screen 表示电子设备的屏幕print 表示打印机的屏幕理想视口 name="viewport"显示的宽度为设备的实际宽度 width=device-width,是否对屏幕的尺寸进行缩放 initial-scale=1.0 1.0表示不缩放em;相对于父元素rem;相对于根元素(html的大小)使用 物理单位 在不同的宽度和不同的手机上会有一定的差异我们在这里推荐使用em或者rem 作为移

原创 弹性盒子模型(二)

align-content:设置元素在换行后每行元素在辅轴上的对齐方式一旦设置 align-content,那么align-items 的优先级低于align-contentalign-content: center; 换行居中align-content: stretch; 拉伸对齐,子元素没有设置高度, 将占满整个容器的高度,如果子元素设置高度,将失效 align-content: flex-end; 底部对齐align-content: flex-s...

原创 弹性盒模型的几种属性值

display: flex;弹性盒模型加在其父元素上,flex-direction: ; 决定主轴方向及项目其他方向flex-direction: row;默认水平方向从左往右flex-direction: row-reverse; 水平方向从右往左flex-direction: column; 垂直方向从上到下flex-direction: column-reverse; 垂直方向从下到上排列flex-wrap: nowrap; 不换行,默认值flex...

原创 css3动画

通过伪类触发动画效果.animation动画写法:前提要设定好关键帧,将动画的规则分成多份,最多可以分成100份例如:（1）语法animation: name duration timing-function delay iteration-count direction fill-mode;animation: 关键帧名 过渡时间 过渡函数 延迟时间 动画播放次数 动画播放方向 动画播放状态 动画开始之前和结束之后发生的操作动画播放次数...

原创 c3过度动画属性

transition呈现的是一种过渡，是一种动画转换的过程，如渐现、渐弱、动画快慢等CSS3 transition的过渡功能更像是一种“黄油”，通过一些CSS的简单动作触发样式平滑过渡.属 性 名 IE Firefox Chrome Opera Safaritransition 10+ 4.0+ 4.0+ 10.5+ 3.1+transition-property 过渡或动态模拟的CSS属性transition-duration 完成过渡所需要的时间transition-timing

原创 固定定位, 绝对定位和相对定位的用法和区别

position: fixed;固定定位定位基准是浏览器窗口,固定在指定位置,不受滚动条影响写法:position: fixed;left: 20px;top: 30px;left: 20px;表示:距离左边20pxtop: 30px; 表示:距离上面30px position: relative;相对定位相对原来的位置,对父元素和相邻的盒子没有影响,原来的位置会被保留.写法: position: relative; left: 20px...

原创 C3的一些高级特效(1)

transform 变形2D位移 transform:translate写法:transform: translate(20px, 30px);表示x轴移动的向量长度x轴向右20px,y轴移动的向量长度y轴向下30pxtransform:translateY(30px) 表示 X轴不移动,Y轴向下30px.以此类推,可以有负值.2D缩放 transform: scale写法:transform: scale(1,1) 表示不变可简写transform: scale(1)t

原创 什么是浮动,以及解决父级边框塌陷的四种方法

float 浮动,浮动样式主要用于对块元素的布局,元素一旦浮动起来就会脱离标准文档流,这样就可以让块元素一行多个显示,float浮动属性值包括:left,right,none(默认值),分别就是向左浮动,向右浮动和不浮动.clear清除浮动元素产生的空间,属性值包括left,right,both,分别是清除左浮动,清除右浮动和清除左右浮动.清除左浮动或者清除右浮动可能会让元素重叠.解决父级边框塌陷清除浮动，防止父级边框塌陷的四种方法 1、浮动元素...

原创 渐变,文字阴影,文本溢出换行和特殊字体的使用

线性渐变：background: linear-gradient(to right top, red, yellow, skyblue);径向渐变：background: radial-gradient(red, yellow, blue);position渐变方向,不给方向默认是从上到下,顺序从哪里来是相反的bottom对应top ,right对应left文字阴影:文字阴影: X轴偏移 Y轴偏移 模糊大小 阴影颜色text-shadow: 3px 3px 3...

原创 圆角,阴影以及背景设置

border-radius圆角设置写法:border-radius: 20px 10px 30px 50px;顺序左上.右上.右下.左下 值越大越圆四个角设置50%.或者宽度的一半px就是圆形.border-radius: 50%;△两个值第一个值表示左上角和右下角的圆角大小,第二个值表示右上角和左下角的圆角大小(对角关系)☆三个值:第一个表示左上角的圆角大小,第二个表示右上角和在左下角大小(对角),第三个表示右下角的圆角关系阴影分为外阴影和内阴影;box-shadow.

原创 html5新增的一些表单属性

<input type="range" name="" id="">进度条 ,默认中间值min最小值,step每次数字间隔值(步长), value设置默认值<input type="date" name="" id=""> 选择年月日,可以手动可以选择<input type="month" name="" id=""> 选择年月<input type="week" name="" id=""> 选择周和年<input type="

原创 html5新增的一些标签，属性，元素以及css选择器权重

contentEditable 规定是否允许用户编辑内容hidden对包内元素隐藏新的表单标签，增加了提交时会自动校验功能：邮箱: input type="email"input type="submit" value="提交"选取颜色: input type="color"搜索框: input type="search"url类型用于应该包含URL地址的输入域。在提交表单时，会自动验证url域的值。css：/*p:first-of-type p元素的首个...

原创 html5新的特性和新增的网页元素

html5新的特性:会新增一些语义化标签.新的表单的控件用于绘画的元素用于媒介的回放的元素<header>一般用在头部信息上,导航引导信息</header><main>包裹主体内容<nav>导航可以用nav包裹</nav><section>内容区域块用它包裹<aside>非正文内容,一般用作侧边栏</aside><article>用作包裹正文内容</artic

原创 怪异的盒子模型

盒子尺寸:box-sizing设置盒子属性值box-sizing:content-box 默认值(内容盒子)如下:页面显示:由此可见,盒子设置的200*200是盒子的储物空间,盒子实际一边的大小为200+padding的30+border的40+margin的20组成,也就是290*290.box-sizing:border-box 边框盒子如下:由此可见,盒子设置的200*200是盒子包含边框内的盒子全部尺寸,也就是去除margin外总的尺寸为2..

原创 盒子模型常用标签

网页里面的任何一个标签都可以当做一个盒子模型.盒子边框:border边框样式;border-style: dotted; 变成点状 dashed 虚线 none/hidden 无显示 double 双实线 solid 实线...

原创 css的几种常用样式(二)

文本样式主要有:text-decoration: none; 去掉下划线text-decoration: underline;设置下划线text-decoration: overline;上划线text-decoration: line-through;删除线对应效果:链接样式;a:link表示鼠标未点击的样式a:visited表示鼠标点击过后的样式a:hover伪类,表示鼠标 悬停样式a:active鼠标点击未松开时的样式☆注意顺序必须是ilnk &gt

原创 几种常用的基础样式(一)

字体样式：font-size 设置字体大小，px表示像素，例如font-family 设置字体，中英文皆可，如果同时有英文也有中文需要先设置英文在设置中文。例如font-weight 设置字体粗细，属性表示bold例如font-style 设置字体风格，italic是斜体。。。font是字体缩写属性，可以同时设置风格，粗细，大小等。快捷写法：font：20px/40px，楷体文本样式：color 设置文本颜色，颜色可以是red这种可以是选取图片的颜色1,47,166这

原创 css几种高级选择器

css的高级选择器主要分为层次选择器和属性选择器两种。层次选择器主要有：后代选择器，子选择器，相邻兄弟选择器，通用兄弟选择器。后代选择器如下，样式只针对.a里面的p标签。

原创 css的几种样式

元素选择器：

原创 表单标签的应用