JavaScript
关注
分享
扫一扫
文章平均质量分 94
基础知识为主
是洋洋a
男的
展开
-
JavaScript---原型和原型链
对象有__proto__属性(Object.create(null)除外)，函数有__proto__属性，数组也有__proto__属性，只要是引用类型，就有__proto__属性，指向其原型只有函数有prototype属性，指向new操作符加调用该函数创建的对象实例的原型对象。原创 2025-04-10 14:12:57 · 957 阅读 · 0 评论 -
JavaScript---变量作用域
也就是在函数内部声明的变量，在函数外部无法访问，在函数内部，该变量都可以被访问。类似，在块级作用域内声明的常量，仅在该块级作用域内可访问。如果内联 JavaScript 代码创建了新的变量，这些变量会成为。在同一函数内部的顶部声明，那么三者具备相同的作用域”循环等）内声明的变量，仅在该块级作用域内可访问。”，它允许在变量声明之前就使用该变量。，这意味着在块级作用域（如。具备不同的作用域，但它们都。甚至在声明之前也可访问(声明常量，就必须同时进行。原创 2025-04-08 10:00:06 · 878 阅读 · 0 评论 -
JavaScript---HTML标签的修改
<body><div id="myDiv" data-color-custom="red" data-size="large">带有自定义数据属性的元素</div><button onclick="changeDataAttributes()">修改自定义数据属性</button><script></script></body>原创 2025-04-07 09:41:51 · 1161 阅读 · 0 评论 -
JavaScript---event事件处理对象
event对象是在事件触发时由浏览器自动创建的一个对象，它封装了与该事件相关的所有信息当为元素绑定事件处理函数后，一旦相相应的事件触发，浏览器就会自动将这个event对象作为默认参数传递给事件处理函数。原创 2025-04-07 08:47:21 · 1088 阅读 · 0 评论 -
JavaScript---Proxy对象
另一个。原创 2025-03-27 23:36:24 · 863 阅读 · 0 评论 -
【二】JavaScript能力提升---this对象
对于对于第一点，不管在什么地方使用，它必然会指向某个对象。由于在中，一切皆对象，运行环境也是对象，所以函数都是在某个对象下运行，而就是“但因为，很难确定this到底指向哪个对象，这是最让我们感到困惑的地方。原创 2025-03-09 22:42:38 · 998 阅读 · 0 评论 -
JavaScript中的Math()
对象是的一个内置对象，用来处理数学相关的操作。原创 2025-03-06 22:16:06 · 973 阅读 · 0 评论 -
JavaScript---字符串内置方法
该方法与数组下标访问方法功能一样，不推荐使用这种方法(啰嗦)原创 2025-03-04 14:56:05 · 555 阅读 · 0 评论 -
JavaScript---数组内置方法与日期内置方法汇总
返回值为True，表示a与b交换位置。返回值为False，表示a与b不交换位置。”对象，该对象包含数组中每个索引的。此方法更改数组长度(修改原数组)原创 2025-02-28 19:58:08 · 608 阅读 · 0 评论 -
JavaScript遍历方式总结
可以遍历用的对象为：“”、“”、“原创 2025-02-27 20:44:22 · 1032 阅读 · 0 评论 -
前端浏览器开发中的浏览器兼容问题【持续更新】
浏览器兼容问题指：“不同浏览器(IE、Chrome、FireFox、Safari、Edge)对同一种CSS样式或同一段JS代码的解析和渲染会有所不同”，从而用户在不同浏览器环境下的访问呈现的页面效果不一致。浏览器兼容问题分为：“CSS兼容问题”、“JavaScript兼容问题造成浏览器兼容问题的根本原因是：“不同浏览器使用的内核不同”，不过随着时代的发展Webkit内核逐渐统一市场，浏览器兼容问题也越来越少。浏览器内核IETridentChromeBlinkFirefoxGecko。原创 2025-02-25 22:23:51 · 1193 阅读 · 0 评论 -
Javascript异步编程【大白话理解】
Promise是一种处理异步操作的对象，它支持“链式调用”和“操作处理PromisePending等待中初始状态，既不是成功，也不是失败Resolved已完成)：表示操作成功完成(未出错)Rejected已拒绝)：表示操作失败Promise状态一旦改变，就不会再变。原创 2025-02-16 14:51:28 · 1057 阅读 · 0 评论 -
CSS实现前端小组件随笔
该登录界面中使用了“layui”组件制作标签以及前缀等，在使用时可以根据自己的需要，酌情删减，带有“layui-xx类的地方使用了layui组件不使用layui组件库并不会对登录界面造成影响。原创 2024-06-16 22:45:39 · 476 阅读 · 0 评论 -
JQuery异步请求与Flask后端通信、this和event指针汇总
根据HTTP的“get”与“post”两种请求，JQuery提供“$.get()”、“$.post()”、“$.ajax()”三种方式通信。使用$.ajax()可以很方便的与后端交换数据，不过当我们传入的数据是一个JS对象时，我们需要使用“JSON.stringify(object)”方法来将JS对象转换为JSON数据。除此之外，我们还需要修改“请求头格式”为“application/json”，如果不修改“请求头格式”，那么会报错：“415 (Unsupported Media Type)”而解决办法就是原创 2024-07-29 18:21:08 · 1222 阅读 · 1 评论 -
JavaScript(一)---【js的两种导入方式、全局作用域、函数作用域、块作用域】
重要什么是交叉定义？很简单，就是我先用var(let)定义一个变量x，再用let(var)重新定义变量x，这就叫交叉定义。在相同作用域中使用var和let交叉定义相同变量是不允许的let x = 10;// 允许var x = 6;// 不允许//允许let y = 60;//不允许let x = 10;// 允许var x = 6;// 不允许//允许let y = 60;//不允许这样会使程序崩溃报错都没有！原创 2024-03-30 22:10:34 · 1347 阅读 · 0 评论 -
JavaScript(二)---【js数组、js对象、this指针】
的时候，我们通常也使用“原创 2024-03-31 20:26:37 · 675 阅读 · 0 评论 -
JavaScript(三)---【this指针，函数定义、Call、Apply、函数绑定、闭包】
<script></script>原创 2024-03-31 23:14:56 · 1096 阅读 · 0 评论 -
JavaScript(四)---【执行上下文、hoisting(提升)、严格模式、事件】
执行上下文”(execution context 简称CE)是指：“当js引擎解析到可执行代码片段的时候，就会做一些执行前的准备工作，这个准备工作就是执行上下文”。这么说可能难以理解，通俗点来说：“将变量、函数声明提升到全局变量层次，从而可以使所有的代码段都可以使用这些变量、函数hositing提升用于将某个（变量、函数）提升到全局变量提升只能提升“声明”，不能提升它的初始化，这也意味着：“如果提升一个没有值的变量，那么值会是undefined1.2使用方法那具体什么时候会用到呢？原创 2024-04-02 21:15:50 · 1081 阅读 · 0 评论 -
JavaScript(五)---【DOM】
当网页被加载时，浏览器会创建页面的文档对象模型，也就是DOM每个HTML都可以被视为一个文档树DOM为这个文档树提供了一个编程接口，开发者可以使用JS来操作这个树。原创 2024-04-03 17:32:00 · 998 阅读 · 0 评论 -
JavaScript(六)---【回调、异步、promise、Async】
回调”是作为参数传递给另一个函数的函数这种技术允许函数调用另一个函数回调函数可以在另一个函数完成后运行如果大家接触过“多线程”的概念，那么“异步”应该是非常好理解的。一个相对好理解的说法就是：“异步就是在同一时间运行多个代码段(函数、代码块等)而官方的说法：“与其它函数并行运行的函数称为异步给大家举一个例子：“在某一时刻，我们需要同时获得a+b和a*b的值该怎么办？如果顺序执行a+b和a*b终究会有时间差，并不是同时获得。那么此时就用到了异步了，将a+b和a*b两个运算过程，同时进行promise。原创 2024-04-03 22:52:28 · 907 阅读 · 0 评论 -
利用JS、CSS实现列表自动滑动滚动
这几天在做，对于大屏有很多信息需要实时滚动，废了点力气学的明明白白的，特来记录供大家学习。原创 2024-04-05 21:12:09 · 6023 阅读 · 0 评论 -
JQuery(一)---【JQuery简介、安装、初步使用、各种事件】
JQuery是一个JavaScript的“函数库”，不是JavaScript的一个框架，与“VUE、REACT”有本质区别！为方便起见，后续的JQ全部代指JQueryJQuery设计的初衷是：“方便对DOM对象的操作以及对DOM对象进行更精细的操作在“VUE、REACT”等框架出现之前，JQ曾经统治过一整个时代，即使现在JQ相对落后，但学习JQ仍然是有必要的，学习JQ后可以帮我们精简代码偷偷懒)JQueryHTML元素选取HTML元素操作CSS操作HTML事件函数设计、绑定。原创 2024-04-06 20:41:16 · 1043 阅读 · 0 评论 -
JQuery(二)---【使用JQuery对HTML、CSS进行操作】
上面四种改变元素的方法，都有回调函数。删除元素和内容，一般可以使用以下两个。我们来看一个例子，用来区分“我们仍然使用上面所说的：“下面我们创建两个CSS类(添加内容，也可以在“原创 2024-04-07 20:26:20 · 1958 阅读 · 0 评论 -
JQuery(三)---【使用JQuery动态设置浏览器窗口尺寸、JQuery的遍历】
JQ遍历，意为：“移动”，用于根据其相对于其他元素的关系来“查找HTML元素下面是一个“家族树”，JQ的遍历将会在“家族树”上进行：在“家族树”中，有三种关系：“父子关系”、“兄弟(同胞)关系”、“祖孙关系元素是的父元素，同时是其中所有内容的祖先元素是元素的父元素，同时是的子元素左边的元素是的父元素，的子元素，同时是的后代元素是的子元素，同时是和的后代两个原创 2024-04-08 19:16:32 · 1304 阅读 · 0 评论 -
JQuery(四)---【使用JQuery实现动画效果】
JQuery允许我们将方法链接起来，使用链接可以方便我们对某些方法的复用例如：“假设我们有一个id为p1的段落，我们想要它执行slideDown方法和slideUp方法可以看到，我们写了两条语句，让这个元素执行这个两个功能但是如果一个元素需要执行非常多的功能，假设有100个，我们就要写100条语句，这对于“程序员”来说很不方便！为此，我们可以使用链接来简化书写！原创 2024-04-16 15:12:02 · 1806 阅读 · 0 评论 -
【一】ECharts----【基本概念、基本实例】
本博客记录学习：“ECharts的知识点，方便回顾查询”基于EChart官方文档制作：Documentation - Apache EChartsECharts的安装有三种方法：“独立版本”、“使用CDN”、“使用NPM”直接下载“echarts.min.js”并用script标签引入：下载地址：下载 - Apache ECharts独立版本也有三个版本：CDN的安装相对简单，可以直接通过API调用：常见的CDN有以下三种：NPM的安装需要NPM版本大于3.0：二.ECharts实例原创 2024-04-20 11:42:00 · 1420 阅读 · 0 评论 -
【二】ECharts----【异步加载数据】
ECharts的数据设置通常借助setOption方法实现，如果需要异步加载数据，可以使用JQuery等工具在异步获取数据后通过setOption填入数据和配置项就行。原创 2024-04-21 10:54:42 · 1217 阅读 · 0 评论 -
JS+JQ+Layui菜单栏点击URL跳转后保持选中状态
用户观感并不是很好，因此我们需要判断当处于当前选项卡对应的页面时，再次点击选项卡不会执行跳转操作。点击这个选项卡再次跳转到这个页面，这就导致用户体验极差且不会保留缓存数据。)时，页面切换到另一个页面，但是此时我。最近在开发个人网站，其中使用了“解决方式很简单，只需要在添加“”的函数处，同时设置该标签是“”选项卡成功被选中且保持高亮。”官方文档可知，当我们对“问题的解决有两种，可以使用。那么我们是不是可以通过“在我点击一个选项卡(解决，两种方式都行，原创 2024-05-16 14:40:57 · 1217 阅读 · 0 评论 -
AJAX(JavaScript版本)
XMLHttpRequests对象是AJAX的基石使用XMLHttpRequests对象允许前端向后端发送一个数据请求用来获得数据这个数据请求的过程可以分为下面"四大步”：创建XMLHttpRequests对象定义回调函数打开XMHttpRequests对象向服务器发送请求回调函数是作为参数传递给另一个函数的函数定义回调函数我们可以使用XMLHttpRequests对象提供的“onload()”函数，该函数用来指定当请求响应后应该执行的函数//当相应准备就绪时要做什么方法描述。原创 2024-05-20 14:35:51 · 1156 阅读 · 0 评论 -
AJAX(JQuery版本)
方法是简单且强大的AJAX方法load()方法从服务器加载数据，并把返回的数据放入被选元素中语法参数说明URL：文件所在的路径data：与请求一同发送的查询字符串键/值对集合callback：load()方法完成后执行的函数名称$.get()方法通过远程HTTP GET请求载入信息这是一个简单的GET请求功能，用来取代复杂的$.ajax语法,dataType)参数说明参数描述url必需。规定将请求发送的哪个 URL。data可选。规定连同请求发送到服务器的数据。可选。原创 2024-05-20 17:54:41 · 993 阅读 · 0 评论 -
JS自动获取城市、天气预报【基于高德地图】
最近开发个人网站，有个需求是可以，并且，用来展示，查阅了很多资料，发现，因此作者费劲功夫终于做好，特别在这里记录一下，用来供小伙伴们使用~先放一个。原创 2024-05-24 10:49:57 · 3483 阅读 · 0 评论