- 博客(28)
- 收藏
- 关注
RSS订阅原创 vue3中使用mapbox
最好是申请一个令牌，大部分mapbox自带的功能在使用时都需要有令牌。例如（自定义地图样式）npm源: npm install mapbox-gl。yarn源: yarn add mapbox-gl。
2024-03-07 15:07:14
1625
原创 es6 迭代器和生成器
es6 迭代器和生成器这里写自定义目录标题迭代器迭代器(对象)自定义的迭代器(数组)自定义斐波拉契对象设置迭代器生成器(generator)迭代器1.什么是迭代？将数据按照一定的顺序依次取出的过程叫迭代迭代能将数据依次取出但是不能保证数据全部取出，也不能确定取出的个数2.什么是迭代器？对迭代过程的封装对象。迭代器拥拥有获取下一个数据的功能 在返回的数据中存在有数据状态，判断是否可以继续向下继续迭代。3.js中规定的迭代器js中规定 一个对象中 含有next方法 并且这个next方法返回一个
2021-06-06 11:54:20
204
原创 JS中null和undefined的区别
null和undefined的区别1.undefined的理解2.null的理解3，null与undefined的区别回收特点1.undefined的理解undefined为数据初始化的时候，如果你没有进行赋值，那么它的值将会是一个undefined，全局下，预定义一个变量的时候，没有给定当前变量赋值时，它将会是undefined。简单理解为：此次应该有对象有值但是未定义值2.null的理解null表示"没有对象"，即该处不应该有值。null 一个人为进行赋予的值，比如某个引用类型或者函数，你想
2021-06-06 11:06:50
185
原创 ES6 let和const命令
let和constlet命令不存在变量提升暂时性死区不允许重复声明const命令const声明一个只读的常量。声明就赋值声明不会提升不允许声明重复let命令基本用法ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}console.log(a); // ReferenceError: a is not defined.console.log(b); // 1object HTM
2021-06-06 10:34:34
78
原创 ES6中的set和map
了解ES6中的set和mapset方法addhasdeleteclearMAPsetgethas以上就是ES6中的set和map数据结构的相关内容了，如果觉得有帮助的话记得点赞加关注哦set方法ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成Set数据结构。利用Set创建一个数组对象： var arr = [15, 16, 15, 50, 42, 50,16,42,68]; var set = new Se
2021-06-06 10:06:18
96
原创 JavaScript事件模型
细谈JavaScript事件模型js事件模型有哪些？原始(DOM0级)事件模型特点：特性：消除取消默认动作DOM2级事件模型特点停止传播阻止默认动作IE事件模型特点：Event对象不是事件处理程序的函数参数，而是window的全局变量注册：解除：拓展：什么是冒泡和捕获？冒泡和捕获js事件模型有哪些？原始(DOM0级)事件模型DOM2级事件模型IE事件模型原始(DOM0级)事件模型特点：①行内事件 <input type="button" onclick="console.log
2021-05-26 20:35:05
112
原创 Less入门以及一些前端面试题
Less入门Less是什么？如何安装？less变量赋值less封装函数less与sass的异同Less是什么？Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。因为 Less 和 CSS 非常像，因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展，这就是 Less
2021-05-19 20:51:30
3389
原创 js原型与原型链
javascript原型与原型链prototype`__proto__`constructor实例与原型原型的原型原型链prototype在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。function Person(age) { this.age = age }Person.prototype.name = 'kavin'var person1 = new Person()var person2 = new Person()
2021-05-19 19:29:16
116
原创 判断数组真伪的方法总汇
右手就行-数组真伪API前言什么是伪数组。创建伪数组和真数组实例。对象隐式原型的构造函数判断.toString()方法Object.prototype.toString.call方法instanceof判断Array.isArray()判断数组方法来判断isPrototypeOf前言在js中数组类型大家应该都不陌生，那你是否知道数组其实是有真假之分的呢？什么是伪数组。伪数组：1、拥有length属性，其它属性（索引）为非负整数(对象中的索引会被当做字符串来处理，这里你可以当做是个非负整数串来理解
2021-05-17 19:31:11
771
原创 Ajax-我说行！
Ajax-有手就行什么是Ajax工作原理使用ajax的基本步骤 :创建请求对象调用open方法get和post的区别监听响应完成事件 (onreadystatechange)send方法整体实例什么是AjaxAjax = 异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 Ajax）如果需要更新内容，必需重载整个
2021-05-16 22:49:52
91
原创 js数组去重的高阶方法
js数组去重的高阶方法利用对象的 key 的唯一性前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入利用对象的 key 的唯一性众所周知，在js的对象类型中
2021-04-28 19:48:39
203
原创 js中的深，浅克隆
js中的深，浅拷贝浅拷贝深拷贝总结浅拷贝浅拷贝是指对于基本数据类型而言，复制它的值；对引用类型的数据仅能复制到它的地址，并不能对地址内存放的值进行复制。浅拷贝效果显示：浅拷贝方法： function Clone(obj) { if (Object.prototype.toString.call(obj) === "[object Object]") { var newObj = {}; fo
2021-04-06 20:51:32
194
1
原创 js实现2048
js实现2048样式部分结构部分功能部分左移右移上移下移判断格子是否满格判断满格时是否可以移动随机数生成函数渲染视图函数初始状态函数常量定义样式部分* { margin: 0px; padding: 0px;}.case { width: 450px; height: 600px; margin: 20px auto; /*overflow: hidden;*/ position: relative; /*border: 1px so
2021-04-06 00:28:20
522
2
原创 canvas绘制随机验证码
文章目录HTML标签部分画布获取封装0~最大值的随机数的函数封装随机颜色函数绘制随机线绘制随机点绘制随机文本成果展示HTML标签部分<canvas id="code" width="100" height="50" style="border: 1px solid #ccc"></canvas>宽为100 高为50 边框为颜色为#ccc的1px的实线画布获取 var canvas= document.getElementById("code");//获取画布
2021-04-05 22:50:50
346
1
原创 使用HTML5自制视频控件
使用HTML5自制视频控件前言静态样式实现js的dom元素获取播放、暂停功能暂停时弹出广告进度条功能计时功能实现声音控件总结前言随着网络时代的到来，人们的生活也是相当便利，例如：当我们点击一个视频时，视频就会开始播放。在这个例子中，有没有大胆想过我们常用的播放，暂停，音量控制，进度条等等，这些功能我们自己来实现呢？如果你有这个想法，那么我的这篇文章就可以帮您实现。静态样式实现标签部分： <div id="father"> <video src="birds.
2021-04-05 17:51:07
665
原创 初级js两天学（第二天）
初级js两天学（第二天）运算符（算术运算符）复合运算符关系运算符各种数据类型之间比较运算符（算术运算符）运算符包含：“+” 、 “-” 、 “” 、 “%” 、 “/”“+”1.数学运算“加”2.字符串连接3.任何数据类型加字符串类型都会转换为字符串类型“-”1.数学运算"减”""1.数学运算"乘"“%”1.数学运算“求余数除法”“/”1.数学运算“求整数除法”实例如下： console.log(1+3);//此出为控制台输出1+3的数学运算结果为4；
2021-03-04 20:42:02
338
1
原创 JS初级入门两天学
JS初级入门两天学前言编程语言的分类JavaScriptJS的导入方式页面弹框取消&确认弹框输入（确认&取消）弹框页面输出控制台输出数据类型原始值数据类型isNaN 方法typeof 方法转义字符强制转换为数字类型end前言当今的it行业流行的计算机编程语言有很多，比如：Java，Python，PHP、C、C#、.net。种类繁多，那这些语言可以用来编写网页么？答案虽然是可以，但是最佳的编程语言还是我们今天的主角——JS（JavaScript）编程语言的分类编程型语言：特点：通篇
2021-01-19 20:20:13
118
原创 CSS3弹性布局
CSS3弹性布局前言css3弹性布局如何创建一个弹性盒子声明定义主轴和交叉轴主轴交叉轴flex-wrapflex-flowjustify-contentalign-itemsalign-contentflex-growflex-shrinkflex-basisend前言在我们用不同设备浏览网页的时候，我们可以发现：页面的内容的布局没有较大改变，有些元素甚至只是缩放了大小。那这些网页是怎么做到的呢？别担心，学会了今天的内容，你也可以写出一个这么“灵活”的网页。css3弹性布局弹性布局的作用是什么？
2021-01-18 21:03:21
346
原创 css3选择器
CSS3选择器前言CSS3的兼容性历史CSS3选择器关系型选择器属性选择器伪元素选择器伪类选择器边框边框阴影背景css3中对像素的算法前言CSS3 就是CSS2的一个进阶版本 带来很多新属性和新本样式C3和C2最大的区别 C3是加入了动画的概念CSS3的兼容性历史不同浏览器为了去兼容css3都使用了在样式前添加前缀的方式来解决兼容性问题。目前prefix（前缀）browser（浏览器）-webkitchrome / safari （谷歌/苹果自带）-mozfir
2021-01-14 20:42:07
109
原创 CSS定位和过度动画
CSS定位前言CCS定位css定位分类相对定位 position：relative绝对定位 position：absolute子绝父相布局固定定位css新增的选择器功能过度动画transition结合案例案例内容案例实现思路实现步骤实现代码end前言在我们设计网页的时候，我们在给页面布局的时候想要移动元素可以使用浮动布局。但是当我们需要移动到指定位置的时候，使用浮动布局就无法达到效果，那么我们该怎么办呢？我们今天学习的知识就可以解决这个问题。不仅如此我们还可以做出一个小小的表白神器。CCS定位根据所
2020-12-30 21:04:36
1635
原创 CSS入门基础两天学！！！（第二天）
CSS入门基础两天学！！！（第二天）前言选择器的计算权重css中的尺寸样式基本尺寸溢出列表的项目符号元素的分类强制改变元素的分类盒子模型 div元素框模型重新制定 box-sizing文档流概念浮动概述前言css这一部分的知识难度并不高，虽然理解知识点很容易，但是我们的学习不能仅仅停留在理解和知道使用方法上。如何灵活的把这些知识用在最合适的地方也是学习的一部分，因此今天我会更多的列举一些例子，方便理解的同时也希望能帮助看到本文的“你”会有想自己动手试一试的欲望。选择器的计算权重在我们使用种类繁多的选
2020-12-23 20:34:11
85
原创 CSS入门基础两天学！！！
css入门基础两天学！！！前言什么是CSS？CSS的类型css中的选择器四大选择器的优缺点：四大选择器的优先级：CSS字体属性：如何改变文本的样式字体系列字体复合属性：背景样式颜色的表现形式尺寸标签复合选择器后代选择器子选择器并集选择器伪类选择器伪类选择器总结end前言最近几年，前端行业逐渐开始热门，工作分量甚至开始和后端平齐，我相信有很多和我一样对这个行业感兴趣，但是又不知道入门该学什么内容的老铁，那么今天我就对入门基础知识中“css”这一部分的知识总结出了本文，希望能帮到和我一样热爱学习的每一个“你
2020-12-21 20:49:53
113
原创 HTML三天入行不是梦！冲冲冲（第三天）
HTML三天入行不是梦！冲冲冲（第三天）HTML三天入行不是梦！冲冲冲（第三天）HTML三天入行不是梦！冲冲冲（第三天）前言一、表单表单的作用组成form 代表的就是一个表单元素表单type元素``的其他重要元素``标签（关联标签）``标签``标签特殊字符特殊字符前言今天是学习HTML的第三天，我们会学习最后的部分知识和一些拓展，那么闲话不多说，开始今天的学习吧。一、表单表单的作用用于 显示、收集 用户信息 ，并且提交给服务器组成 1.表单元素 -------将信息提交给服务器
2020-12-15 09:52:14
91
原创 HTML三天入行不是梦！冲冲冲（第二天）
HTML三天入行不是梦！冲冲冲（第二天）HTML三天入行不是梦！冲冲冲（第二天）Web&InternetFont标签（已废弃）列表1、``无序列表``2、``有序列表 ``3、`` 自定义标签``表格标签 ` `1、表格的作用2、table常用属性：3、tr 行常用属性表格标题 caption表格的高级运用endHTML三天入行不是梦！冲冲冲（第二天）今天我们会学习HTML的新的知识点，整体上难度也有所加大，对刚刚开始学习的小白或许还有些难度，但是只要勤加练习，学习掌握只是时间问题，好了
2020-12-14 20:48:10
94
原创 HTML三天入行不是梦！冲冲冲
浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。
2020-12-08 14:05:12
131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人