![](https://img-blog.csdnimg.cn/33efed361a3043fa8e301dced16b4a3c.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript学习
文章平均质量分 79
JavaScript学习笔记
可可鸭~
青春没有返程,感谢您的关注与来访!
展开
-
【每日阅读】JS知识(三)
右边 Scope 项就体现出了作用域链的情况:Local 就是当前的 getName 函数的作用域,Closure(foo) 是指 foo 函数的闭包,最下面的 Global 就是指全局作用域,从“Local–>Closure(foo)–>Global”就是一个完整的作用域链。但需要注意的是:内存中栈区的数据,在函数调用结束后,就会自动的出栈,不需要程序进行操作,操作系统会自动回收,也就是:栈中的变量在函数调用结束后,就会消失。栈是内存中一块用于存储局部变量和函数参数的线性结构,遵循着先进后出的原则。原创 2023-02-25 17:03:10 · 495 阅读 · 0 评论 -
Js中blob、file、FormData、DataView、TypedArray
ArrayBuffer对象代表储存二进制数据的一段内存,它不能直接读写,只能通过视图(TypedArray视图和DataView视图)来读写,视图的作用是以指定格式解读二进制数据。简单说,ArrayBuffer对象代表原始的二进制数据,TypedArray视图用来读写简单类型的二进制数据,DataView视图用来读写复杂类型的二进制数据。TypedArray视图,与DataView视图的一个区别是,它不是一个构造函数,而是一组构造函数,代表不同的数据格式。一种数据格式,用于表单的上传。原创 2023-02-21 11:25:54 · 1483 阅读 · 0 评论 -
【web百度离线地图开发】原生实现百度地图离线版速览
下载瓦片存放在nginx搭建的服务器上瓦片的存放,交给后端,前端只需要知道瓦片存放路径即可。第一步:把配置好的离线地图文件拖入public文件夹下。需求如下,在基于在线地图的基础上展现离线地图。vue页面中创建百度地图实例对象。在我的资源可以自行下载js文件。index.html中引入。vue中展示离线地图。原创 2022-12-27 14:57:33 · 2238 阅读 · 2 评论 -
【vue必备】ES5+ 和 ES6
JavaScript 除了提供正常模式外,还提供了严格模式(strict mode)。ES5 的严格模式是采用具有限制性JavaScript变体的一种方式,即在严格的条件下运行 JS 代码。严格模式在 IE10以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。严格模式对正常的 JavaScript 语义做了一些更改:消除了 Javascript 语法的一些不合理、不严谨之处,减少了一些怪异行为。消除代码运行的一些不安全之处,保证代码运行的安全。提高编译器效率,增加运行速度。原创 2022-11-24 17:45:51 · 1334 阅读 · 0 评论 -
原生js如何引入百度地图
如何获取所在位置经纬度进行展示?查找当前坐标点经纬度。原创 2022-11-08 16:03:40 · 994 阅读 · 0 评论 -
光速掌握-CSS预处理器SASS从入门到高级
Sass (英文全称:Syntactically Awesome Stylesheets) 是一个最初由 Hampton Catlin设计并由 Natalie Weizenbaum 开发的层叠样式表语言, Sass 是一个 CSS 预处理器。Sass 是 CSS扩展语言,可以帮助我们减少 CSS 重复的代码,节省开发时间。Sass 完全兼容所有版本的 CSS。为什么使用 Sass?CSS 本身语法不够强大,导致重复编写一些代码,无法实现复用,而且在代码也不方便维护。......原创 2022-08-11 18:22:29 · 777 阅读 · 0 评论 -
JS中表单操作、addEventListener事件监听器
useCapture是可选参数,默认值为false,它代表:控制监听器是在捕获阶段执行还是在冒泡阶段执行,通常我们都没传递第三个参数(传 true 的情况太少了)。先执行捕获,也就是从父元素到子元素,然后在执行冒泡也就是子元素到父元素。༼ つ ◕_◕ ༽つaddEventListener事件监听器。༼ つ ◕_◕ ༽つJS中表单操作。选中当前ul里面当前的点击的li。由子元素向父元素执行。由父元素向子元素执行。多选、多选框中的全选。多选、多选框中的反选。...原创 2022-08-08 17:28:56 · 1436 阅读 · 0 评论 -
JavaScript--继承模式、数组操作、操作dom
操作数组二、操作Dom点击按钮更改按钮颜色点击当前按钮显示对应的盒子定时器操作键盘事件复习案例原创 2022-07-29 15:40:23 · 254 阅读 · 0 评论 -
JavaScript-正则表达式语法规则与示例
JavaScript-正则表达式语法规则一、正则表达式初识1.什么是正则表达式正则表达式是由一个字符序列形成的搜索模式,搜索模式可用于文本搜索和文本替换。2.创建正则表达式JS正则表达式的创建有两种方式:new RegExp() 和 直接字面量。1.构造函数new RegExp()创建一个正则对象var reg=new Regex(‘js’,’gi’)//第一个参数是正则表达式文本,第二个参数是正则表达式修饰符。示例 var result = new RegExp("a原创 2021-12-11 13:46:10 · 1357 阅读 · 0 评论 -
JavaScript-canvas(画布)初识、刮刮卡简单练习
JavaScript-canvas(画布)初识、刮刮卡制作一、canvas初识save用于保存当前的画布状态,restore将画布状态重置到save保存时的样子。画布状态分为画布的坐标(transform),画布绘制区域(clip),画布中设置的组合方式(globalCompositeOperatio)。当我们在使用transform,clip和globalCompositeOperatio时会改变画布的状态,而这种改变会影响到接下来的画布绘制操作,所以在进行这种操作前需要使用save来对画布进行一次原创 2021-12-11 13:41:55 · 1209 阅读 · 0 评论 -
JavaScript-throw、try...catch以及解析xml文档(基础篇)
JavaScript-throw、try、catch以及xml初识、在js中基本使用一、throw、try、catch基本使用一般情况下,如果程序出现错误,那么从出现错误的地方开始,之后的代码都不会被执行。但有时候我们希望即使在出现错误后,程序仍需要继续运行。那么异常处理就显得十分重要了。关键字throw:抛出一个自定义错误信息。try:在执行时进行错误测试的代码块。catch:当 try 代码块发生错误时,所执行的代码块。finally:在 try 和 catch 之后无论有无异常都会原创 2021-12-07 15:31:33 · 915 阅读 · 0 评论 -
JavaScript-offset家族
JavaScript-offset家族原创 2021-12-02 18:43:00 · 1081 阅读 · 0 评论 -
JavaScript-初识ajax、ajax封装、及json简单实战案例(下)
JavaScript-初识ajax、ajax封装、及json对象使用(下)一、内涵段子样式与结构第一步:运用之前学的内容写好要循环生成的样式与结构效果图:第二步:引入JavaScript-初识ajax、ajax封装、及json对象使用(上)封装的ajax<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewpo原创 2021-11-30 18:23:36 · 2754 阅读 · 3 评论 -
JavaScript-初识ajax、ajax封装、及json对象使用(上)
JavaScript-初识ajax、ajax封装、及json对象使用(上!)一、初识ajax1.什么是ajax呢ajax 的全称是Asynchronous JavaScript and XML,其中, Asynchronous 是异步的意思,指的是异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。ajax是一种无需重新加整个网页的情况下,能够更新部分网页的技术实时跟数据库做交互用的技术。 在不重新加载页面的情况下通过后台与服务器进行少量的数据交换。aja原创 2021-11-28 16:10:23 · 1959 阅读 · 0 评论 -
JavaScript-渐隐轮播图分解(上)
JavaScript-渐隐轮播图一、实现轮播图的点击按钮切换功能(上)知识点1.div布局2.点击事件3.foreach()函数用法swipe.css* { margin: 0; padding: 0; box-sizing: border-box; } .swiper { width: 1226px; height: 460px; margin: 0 auto; position: relative; } .swip原创 2021-11-25 17:16:36 · 631 阅读 · 0 评论 -
JavaScript-iframe
JavaScript-iframe经常进行页面布局的人对于HTML中的iframe标签一定不陌生,iframe标签是一个内联框架,换言之就是用来在当前 HTML 页面中嵌入另一个文档的。<iframe> 标签是一个内联框架,即用来在当前 HTML 页面中嵌入另一个文档的,且所有主流浏览器都支持iframe标签。height可以设置框架显示的高度width可以设置框架显示的宽度name可以定义框架的名称frameborder用来定义是否需要显示边框,取值为1表示需要边框scro原创 2021-11-23 20:08:08 · 3539 阅读 · 0 评论 -
JavaScript-rem布局
JavaScript-rem布局一、什么是Remrem和em很容易混淆,其实两个都是css的单位,并且也都是相对单位,现有的em,css3才引入的rem,在介绍rem之前,我们先来了解下em:em作为font-size的单位时,其代表父元素的字体大小,em作为其他属性单位时,代表自身字体大小——MDNem可以让我们的页面更灵活,更健壮,比起到处写死的px值,em似乎更有张力,改动父元素的字体大小,子元素会等比例变化,这一变化似乎预示了无限可能,有些人提出用em来做弹性布局页面,但其复杂的计算让人诟病原创 2021-11-23 19:42:34 · 940 阅读 · 0 评论 -
JavaScript-本地存储
JavaScript-将web页面中的数据存储在本地一、localStorage可以永久存放在本地,但是只要清除掉浏览器中的缓存即可清除数据1.如何存放数据如何获取数据如何清除数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca原创 2021-11-23 19:33:09 · 204 阅读 · 0 评论 -
JavaScript-冒泡和捕获
JavaScript-冒泡和捕获一、冒泡冒泡型事件的基本思想是:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />原创 2021-11-22 20:55:34 · 235 阅读 · 0 评论 -
JavaScript-中forEach()用法
JavaScript-中forEach()用法forEach()方法(不改变原数组) 用法:forEach()方法用于调用数组的每个元素,将元素传给回掉函数注意: forEach()对于空数组不会执行回调函数常用用法:举例1: // 分别对应:数组元素,元素的索引,数组本身 var arr = ["php", "python", "c++"]; arr.forEach(function(value, index, array) { conso原创 2021-11-21 15:49:40 · 695 阅读 · 0 评论 -
JavaScript-事件之实现放大镜效果
JavaScript-事件之实现放大镜效果一、问题描述一个大盒子中有两个盒子,左边的盒子有一个遮罩层,当鼠标移入时显示,查看图片放大两倍时的效果<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />原创 2021-11-21 13:43:11 · 439 阅读 · 0 评论 -
JavaScript-鼠标移动事件画笔小游戏
JavaScript-鼠标移动事件画笔小游戏一、实现功能鼠标点击时可以在画板上画画如果鼠标双击那么停止移动进画板颜色改变移除时颜色改变<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />原创 2021-11-21 13:34:52 · 315 阅读 · 0 评论 -
JavaScript-事件和事件对象、实现键盘打字小游戏
JavaScript-事件和事件对象一.事件介绍事件一般是用于浏览器和用户操作进行交互。最早是IE和Netscape Navigator中出现,作为分担服务器端运算负载的一种手段。直到几乎所有的浏览器都支持事件处理。而DOM2级规范开始尝试以一种复合逻辑的方式标准化DOM事件。IE9、Firefox、Opera、Safari和Chrome全都已经实现了“DOM2级事件”模块的核心部分。IE8之前浏览器仍然使用其专有事件模型。JavaScript有三种事件模型:内联模型、脚本模型和DOM2模型。1原创 2021-11-20 20:56:45 · 2545 阅读 · 0 评论 -
JavaScript-封装弹框插件
JavaScript-封装弹框插件知识点1、document.querySelector() 方法querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。querySelectorAll() 方法返回文档中匹配指定 CSS 选择器的所有元素,返回 [NodeList] 对象。知识点2、document.cre原创 2021-11-20 20:32:51 · 965 阅读 · 0 评论 -
JavaScript--函数声明、参数、闭包、作用域、立即执行函数、原型链
JavaScript–函数声明与参数一、函数的介绍函数就是将一些功能和语句进行封装,在需要的时候,通过调用的形式,执行这些语句。函数也是一个对象使用typeof检查一个函数对象时,会返回function函数的作用将大量的重复语句写在函数里,以后需要这些语句的时候,可以直接调用,避免重复劳动简化编程 function addNum(n){//n是形式参数 var sum =0; for(var i = 0;i <原创 2021-11-18 20:52:46 · 726 阅读 · 0 评论 -
JavaScript-入门基础语法
JavaScript基础一、JavaScript基础语法与弹框<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" con原创 2021-11-18 16:26:06 · 397 阅读 · 0 评论