- 博客(56)
- 收藏
- 关注
RSS订阅原创 uniapp中使用百度地图(初学者保姆式教学，持续更新)
基本使用讲解//创建地图实例，与id匹配 var point = new BMapGL . Point(116.404 , 39.915);//创建中心点的坐标(经纬度)，百度地图在坐标上有个转换，百度对外接口用的是BD09坐标系，这个下一个博客会细说 map . centerAndZoom(point , 15);// 初始化地图，设置中心点坐标和地图级别 map . setHeading(64.5);//设置地图旋转角度 map . setTilt(73);//设置地图的倾斜角度部分参数。
2023-03-25 13:01:54
5113
3
原创 vue2vue3生命周期详解
用官方的话来说就是每一个vue实例从创建到销毁的过程。这个过程，vue经历了创建—初始化数据—编译模板—挂载dom—渲染、更新、渲染、卸载等一系列操作。先来看看官方给出的一张图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传相信这就是"万恶之源"的开始，让我们来仔细看看这到底是个什么意思。
2022-09-21 17:32:08
3701
1
原创 Css的flex布局(弹性盒子)详解
相信Css的弹性盒子大家都不陌生，在平时中也有很多地方会用到它，最近随着学习的慢慢深入，发现css的弹性盒子用的越来越多，而这个词对于我的印象还停留在学习css的时候，当时并没有过多的去了解它，现在才发现，css的弹性盒子是多么的重要，所以这次写下这个博客来恶补。
2022-09-13 09:32:58
646
1
原创 前端面试题
前端面试题，如何将组件所有props传递给子组件，多个组件有相同的逻辑，如何抽离，何时要使用异步组件，何时使用Keep-alive，何时使用Keep-alive
2022-09-06 08:34:41
1688
原创 前端面试题
mvvm全称是model-view-viewmodel，是M-V-VM三部分组成，对于我们前端而言，我们是基于视图UI开发，mvvm就是将view的状态和行为抽象化，其中的viewModel将视图ui和业务逻辑分开。
2022-09-01 13:15:26
390
原创 Vue面试题(持续更新)
v-show是切换元素的显示状态即显示与隐藏，修改的是元素的display值v-if也是切换元素的显示与隐藏，但是是在操作dom都能让页面元素达到显示隐藏的效果一个是操作display，一个是操作dom。 v-if组件真正的是渲染与销毁，如果频繁的切换显示与隐藏效果，v-if的开销比v-for更大，使用v-for更好。
2022-08-31 08:34:49
237
原创 Css3的~+,＞详解
css3特有的选择器，我们都知道A.B是所选A元素的所有B子元素而A>B,选择A后面的一代(这里的一代指的是A下面的一级所有类标签，不是指一个)举个栗子:这里的**.one>.box** 选择的就是one的下一级所有的box，不包括下下一级，也可以理解为父类的子类，不包括孙子类,指的是同级(兄弟)的样式指的就是同级的css样式这个+也是同级，但与,有点区别，它是相邻兄弟选择器，即元素之间必须相邻，比如A+B，B必须紧随着A，在A前面也不行，并且只会改变B的样式可以看到，只有.box2的样式发生了改变A
2022-06-02 08:22:15
483
原创 Animate.css使用方法
使用npm安装1.2导入Animate.css文件官网搬运代码见另一个博客Animate.css大部分情况下用这种，比较方便2.Animate.css的使用Animate.css基本用法 之前的animate.css用法，只需要在class里加上animated +动画名称就可以使用了，但现在animate.css已经更新了官方文档，现在的使用方法如下:从Animate.css版本4开始，可以自定义属性来定义动画的持续时间、延迟、迭代
2022-06-01 17:11:10
6737
1
原创 JS算法之二叉树的深度
JS算法之二叉树的深度//例子[1,2,3,4,5,6]// 4// / \// 2 5// /\ \// 1 3 6// 这个树的深度就是3//var tree={ val:4, //根节点 left:{ val:2, //结点的值 left:{ val:1, left:null, right
2022-05-15 19:09:57
456
原创 jquery初介绍
jquery初介绍文章目录jquery初介绍1.jquery介绍2.jquery的特性3.jquery的dom对象与js对象的互换4.jquery选择器5.jquery的事件1.jquery介绍jquery可以理解为一个javascript的库(也可以叫轮子)，跟我们写的js文件一样，jquery是一个凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档，操作DOM，执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数2.jquery的特性jq
2022-05-15 19:00:15
228
原创 JS继承和监听
JS之继承拷贝继承function CreatePerson(name,sex){ this.name=name; this.sex=sex; // 这里的this指向的是window，将传入参数的name和sex上传到浏览器window保存，变成全局 } CreatePerson.prototype.show=function(){ console.log('我是'+this
2022-04-27 17:55:17
192
原创 JS部分算法
JS部分算法素数环function t1(){ this.as=Array(20);//存放环 this.as[0]=1; this.run=function (n) { this.run1(this.as,n); } this.run1=function(as,n){ if(n==8){ console.log(this.as); return
2022-04-24 21:07:47
123
原创 DOM事件流和事件委托
DOM事件流和事件委托事件冒泡 IE的事件流叫做事件冒泡(event bubbling)，即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收，然后逐级向上传播到较为不具体的节点(文档)。所有现代浏览器都支持事件冒泡，并且会将事件一直冒泡到window对象。事件捕获 事件捕获的思想是不太具体的节点应该更早接收到事件，而最具体的节点应该最后接收到事件。事件捕获的用意在于在事件到达预定目标之前就捕获它。IE9+、Safari、Chrome、Opera和Firefox支持，且从window开
2022-04-21 18:42:08
438
原创 JSON介绍
JSON介绍什么是JSONJSON 是一种存储和交换数据的语法。json本质就是字符串， json数据 是用在 语言 里面使用的, （ 语言有java，c#,js ）json对象：的意思就是一组键值对的数据对象，在JavaScript里面就是JavaScript的对象，在c#(控制器就叫c#写法)，java里面就是java的json对象（类/VO），不止JavaScript里面有json，c#控制器也会用jsonJSON 指的是 JavaScript 对象表示法（JavaScript Objec
2022-04-17 18:47:24
454
原创 JS算法(日常练习)
js算法(日常练习)返回最长重复字符串function tp21(i){ var arr=i.split('');//将字符串分隔 var num=0;//计数器，用来比较重复字符串长度 var maxstr1=''; var maxstr2='';//如果有2个相同字符串用来存放 var a; a=arr[0]//赋初值 var strend; for(va
2022-04-16 18:18:22
1049
原创 JS算法之归并算法和分治算法
归并算法function merge(left, right) { var tmp = []; while (left.length && right.length) { if (left[0] < right[0]) tmp.push(left.shift());//将第一个元素删除并返回，即存放到tmp空数组中 else tmp.push(right.shift());}// console.log(tmp
2022-04-14 20:59:02
312
原创 JS算法之8皇后
JS算法之8皇后算法 8皇后算法算是回溯算法中很典型的案例，算法要求是在一个8x8的棋盘上，同一行同一列，并且斜线上不能同时有皇后，问在这个棋盘上放8个皇后有多少种方法？0123456701234567假设第一个皇后在第一个位置那么，此时的行和列以及斜线都不能再有皇后那么我们就得从第二行
2022-04-13 22:08:56
624
原创 JS算法之数组重组与快速排序
JS的算法题数组去重function clearArray(arr){ new clearArray=new Array; for(var i;i<arr.length;i++){ if(clearArray.indexOf('arr[i]')==-1)//如果没有匹配元素则添加，也可以用来除重 clearArray.push(arr[i]); }}利用indexOf匹配进行去重，用indexof来判断数组中是否已有重复元素来添
2022-04-12 08:50:49
420
原创 js的this(简单)
js的this this是很多编程语言中的关键字，在JavaScript中一般这样理解this：this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象普通函数调用一般没有特指的情况下指向的都是全局对象windowvar username='cn'function fn(){ alert(this.username);//cn}fu();window.username='cn'function fn(
2022-04-10 17:52:27
1199
原创 JS的部分方法
JS的部分方法indexOfvar str='abcdgdjfahgzk' console.log(str.indexOf('g'));//4console.log(str.indexOf('l'));//-1匹配是否有相同的字符，有，返回其位置，无，返回-1joinjoin将数组变成字符串var str2=new Array();str2=[5,4789,4,9,4,9,4,9,4,94]console.log(str2.join(''));//54789494949494括号内
2022-04-07 15:16:21
64
原创 JS的同步与异步
js的同步与异步 众所周知，js是一个单线程的语言，学过java、c之类的都知道，其他语言有个叫类继承的东西，就相当于开辟另个一个流水线，是多线程 而javascript就像一条流水线，它无法开辟别的流水线，是一个单线程，也就是说js要么加工，要么包装，不能同时进行多个任务和流程同步与异步什么是同步，什么是异步 举个例子，我一边吃饭一边看剧，这是同步还是异步？有人说我同时在做2件事情，那肯定是异步了，但这其实是同步。 以js来说，同步就是在浏览器执行js代码的时候，将所有同步（也就是大部
2022-04-04 14:55:52
19329
8
原创 JS的全局变量与局部变量
Js的全局变量和局部变量全局变量 先来简单了解一下什么是全局变量 定义在函数外部，拥有全局作用域（即这个变量可以在函数中任何地方被访问）举个小栗子：<script> var a=0;//我们在script中定义一个a total(); function total(){ //在total这个函数用我们发现我们仍然可以调用a alert(a); } </script>局部变量定义在函数内部，拥有局
2022-04-02 15:24:23
1036
原创 Css布局的常见问题
Css布局的一些常见问题em和rem的区别 1em，等于本元素的字体大小，所以在不同的元素里1em的绝对大小是不一样的。 而1rem，等于根元素的字体大小，在一个页面中，无论在哪个元素上1rem都是一样的。 em 适合于用在需要大小需要跟随字体变化的属性上，比如padding、margin、height、width等等，元素继承了不同的字体大小，这些属性最好也能跟着变化； 当使用 rem 单位，他们转化为像素大小取决于页根元素的字体大小，即 html 元素的字体大小。 根元素字体大小乘以你 rem
2022-03-31 16:18:19
403
原创 Css的布局
浅谈Css的布局标准文档流文档流中，内联元素默认从左往右进行排序，遇到阻碍或者宽度不够的时候自动换行，块级元素单独占据一行，按照从上到下排序。脱离文档流文档一旦脱离文档流，则元素不再按照文档流的排列方式进行排列，如块级元素脱离文档流后，该块级元素不再接着上个元素从上到下排列，而是成为第一个元素，从顶部开始排列。脱离文档流的方法：float:leftposition:absolute;position:fixedbfc 官方定义：BFC（Block Formatting Cont
2022-03-28 15:45:02
69
原创 Css的介绍
Css文章目录Css什么是cssid和classid选择器class选择器css的创建内部样式表外部样式表多重样式Css的一些属性background-colorbackground-imageText链接列表盒子属性元素的宽度与高度bordermarginpadding选择器通配选择器什么是cssCSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样
2022-03-27 16:19:44
330
原创 HTML基础
HTML基础浏览器内核1.Trident内核 该内核程序在1997年被IE4首次采用，现在的IE浏览器基本上都上这个内核2.Gecko内核 刚开始的Netscape6采用的此内核，现在的火狐也采用此内核3.WebKit内核 是苹果公司自主研发的内核，也是Safari浏览器的内核,Google Chrome和国产浏览器高速模式也使用此内核4.Blink内核 由Google和Opera Software开发的浏览器排版引擎，在Chrome(28及往后版本)、Opera中使用渲染引擎
2022-03-24 15:38:16
272
原创 前端是什么
1.web1.0时代的网页 网页制作是web1.0时代的产物，那个时候的网页主要是静态网页，所谓的静态网页就是没有与用户进行交互而仅仅供读者浏览的网页，我们当时称为“牛皮癣”网页 例如一篇QQ日志、一篇博文等展示性文章; 在web1.0时代，用户能做的唯一事情就是浏览这个网站的文字图片内容，这时用户也不能像现在在大多数网站都可以评论交流(缺乏交互性) 相信可能大多数人都听过“网页三剑客 Dreamweaver+Fireworks+Flash”吧，这个组合就是web1.0时代额产物2.web2.
2022-03-22 08:57:23
7091
原创 数据结构链表操作
线性表3.51.顺序存储结构线性表1.1删除操作Status ListDelete(SqList *L,int i,ElemType *e){ if(L->length==0)//判断是否为空表 { return error; } if(i>L-length||i<1)//判断删除的位置是否在表内 { return error; } *e=L->data[i-1];//将删除位置的数据给e
2022-03-05 16:57:06
856
原创 数据结构——线性表
线性表1.线性表的定义 线性表：由0个或多个数据元素组成的有限序列 首先线性表是一个序列，也就是说元素之间是有顺序的，第一个无前驱，最后一个无后继,元素是一对一的1.2线性表的抽象数据类型数据类型：是指一组性质相同的值的集合及定义在此集合上的一些操作的总称抽象数据类型的标注格式：ADT 抽象数据类型名Data 数据元素之间逻辑关系的定义Operation 操作ednADTOperation InitList(*L)：初始化操作，建立一个空的线性表 ListEmpty(
2022-03-04 16:28:56
124
原创 数据结构——算法效率
算法效率的度量1.度量算法采用的策略、方案编译产生的代码质量问题的输入规模机器执行指令的速度2.算法 算法效率研究的是算法随着输入规模扩大增长量的一个抽象，不是精准的执行多少次2.1函数的渐进增长对于两个函数f(n)g(n)，当有一个整数N，n>N时，f(n)>g(n)，我们就说在n以后f(n)的增长率比g(n)大最高次项越大的函数，随着n增长，结果也会增长特别快结论:判断一个算法的效率时，我们通常去判断它的最高次项，一般忽略次要项，项前数字也可以忽
2022-03-04 16:27:39
374
原创 Vue第三天
2021.11.23一、Vue属性标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-11-23 17:28:10
392
原创 Vue第二天
2021.11.19处理用户输入<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-11-19 18:54:15
460
原创 Vue框架
2021.11.18学习完三剑客后基本上就要开始学习框架了，先从用的最广泛的Vue框架开始下手vue.js 是一个以数据处理为核心的前端框架 ( 模块化，组件 .vue)vue.js 个人开发 支付宝 尤雨溪模式：MVVM（vue.js） M ：model 数据层 V: view 视图层(html+css) VM：viewModel 薄片层:是链接数据层和视图层的薄片层（vue的实例 )学习Vue推荐官方文档和视频，不理解的地方B站看视频，简单介绍
2021-11-18 15:41:15
185
原创 JavaScript实例第二十天
2021.11.16实例一、实现一个Ajax框架<!doctype html><html><head><meta charset="utf-8"><title>实现一个Ajax框架</title></head><body></body> <script type="text/javascript"> /*11~25行利用了正则表达式来获取异步加载文件的类型*/
2021-11-16 11:35:07
476
原创 JavaScript实例第十九天
2021.11.15Ajaxa和XMLHttpRequest前文简介????Ajax即异步的JavaScript和XML（可拓展的标记语言），Ajax不是一门编程语言，是指一种前端开发新方法,Ajax特点在于前端页面与后台服务器进行交互的全新方法，通过核心的XMLHttpRequest对象在无须加载整个网页的前提下对网页进行修改，所以Ajax被人定义为“异步方式的JavaScript和XML技术”XMLHttpRequest对象创建:var xhr=new XMLHttpRequest();
2021-11-15 18:22:56
487
原创 JavaScript实例第十八天
2021.11.9实例一、隐藏层<!doctype html><html><head><meta charset="utf-8"><title>隐藏层</title></head><body> <div id="id-div"> <p>这是一个隐藏层</p> </div> <input type="button" value="隐藏上
2021-11-11 15:28:22
786
原创 数据结构顺序表的基本操作
一、顺序表的插入操作在顺序表中进行插入操作时，因为顺序表是一个有序且有长度的序列，例如在第四个和第五个之间插入一个元素，那么从五到顺序表最后一个元素依次向后移动一个位置，表长加一，顺序表的插入操作总结如下：.将第n个至第i个位置的元素顺序向后移动一个位置，为新元素空出第i个位置将x置入空的第i个位置表长加一int insert_SeqList (SeqList &L,ElemType x,int i){/*定义插入操作和一个要插入的元素x和位置i*/int k;if(i<0|
2021-11-08 16:40:11
797
原创 JavaScript实例第十七天
2021.11.7实例一、定时关闭页面<!doctype html><html><head><meta charset="utf-8"><title>定时关闭页面</title></head><body> <div> 设定定时关闭窗口时间： <input type="text" id="id-input-time" value=""> <input ty
2021-11-07 17:55:03
226
原创 数据结构线性表
一、线性表定义线性表是具有相同数据类型的n(n>=0)个数据元素的有限序列，记作(a1,a2,a3…an)其中n为表长，当n=0时称为空表ai-1称为ai的前继节点，ai+1称为ai的后继节点，线性表的第一个节点没有前继节点，最后一个节点没有后继节点线性表的特点:有序性。线性表中相邻的数据元素之间存在这序偶关系有穷性。线性表由有限个数据元素组成同一性。线性表由相同数据类型组成，每个ai必须属于同一种数据类型线性表的基本操作二、创建一个线性表基本操作:(1) InitLi
2021-11-07 14:37:03
318
原创 数据结构前言
一、先看看数据结构的具体内容是什么：基本概念：分为数据，数据项，数据元素，数据对象，数据结构。数据项是组成数据元素的最小单元，数据元素是组成数据的基本单位数据对象：相同数据元素的集合。数据结构：存在一种或多种特定关系的数据元素集合。二、算法的五个重要特效：有穷性可行性确定性输入输出三、优劣判断1.正确性2.可读性3.高效性4.健全性当一个算法转换成程序并在计算机上执行时，决定因素有：一、硬件的读取速度二、数学程序的语言三、编译程序所生成的代码质量四、问题的规模四、时间
2021-11-07 14:04:43
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人