刘志辉-CSDN博客

原创为什么需要开局调用函数？

在你的应用程序启动时，可能需要执行一些初始化操作，例如设置默认值、加载配置、建立数据库连接等。开局调用函数可以帮助你集中管理这些操作，确保它们在应用程序启动时顺利执行。：如果在初始化过程中发生错误，开局调用函数可以捕获并处理这些错误，确保应用程序在启动时不会因为异常而崩溃。这可以是在页面加载完成时，或者在Node.js应用程序启动时执行。：首先，你需要定义一个函数，用于执行在应用程序启动时需要执行的操作。：确保在开局调用函数中进行适当的错误处理，以防止应用程序在初始化过程中出现问题。或者其他合适的名称。

2024-06-02 20:24:10 148

原创 js分页+搜索

好多兄弟和我说，我写的只有分页不能搜索，今天给大家上个好家伙，和昨天不能搜索的版本合并了，老性子，直接上干货。我是小辉，请大家多多关照。

2024-05-30 20:25:46 241

原创 js之简单分页

一直以来有许多兄弟问我分页怎么写，我今天就来给大家讲解下分页的简单技巧，不过兄弟们也知道我不怎么喜欢打字，喜欢打代码，话不多说，直接上代码，直接上注释，gogogo！

2024-05-29 20:53:25 297

原创高德地图之获取经纬度并且根据获取经纬度渲染到路线规划

话不多说，直接给兄弟们上干货，修改了好多次，之前都是获取到路线但是无法删除，这次是根据点击的单双判断开始和结束。兄弟们点下赞，搞了好长时间，碰到了好多壁，希望大家关注下。我是小辉，请大家多多关照。

2024-05-27 21:20:18 253

原创 js之图表使用

效果就在下面,注释是有的,大家感兴趣可以去Apache ECharts查看哦,有具体示例。今天为了给大家演示图表的使用,今天展示下切换图形的修改属性快速修改。

2024-05-26 16:41:00 176

原创 css中弹性布局使用方法

弹性布局（Flexbox）是一种在 CSS 中用来实现灵活的布局方式，它能够方便地调整容器中子元素的尺寸、顺序和对齐方式。这些是 Flexbox 中一些常见的属性，它们可以灵活地控制弹性容器和其中的弹性项目的布局和排列方式，从而实现各种各样的布局效果。最近写企业家用到许多弹性，感觉到弹性的重要性，今天给大家总结一下。我是小辉，请大家多多关照。

2024-05-24 20:54:34 310

原创 js之三级联动

【代码】js之三级联动。

2024-05-23 21:03:57 85

原创 js之图片上传

话不多说，直接上干货，注释在代码里面。

2024-05-20 17:03:12 672

原创 js之函数区别

匿名函数被括在圆括号中，然后紧接着就有另一个圆括号用于立即调用该函数。这个自执行函数将输出一个消息到控制台。匿名函数是一种不带名称的函数。它们通常是在其他代码中定义和使用的，而不是作为独立的函数声明。自执行函数是一种立即调用的函数。以上是三种常见的 JavaScript 函数定义方式：命名函数、匿名函数和自执行函数。命名函数是一种指定名称的函数。函数的名称来调用它，并将结果存储在变量。是一个命名函数，它接受一个参数。是一个匿名函数，它被赋值给变量。可以像调用命名函数一样调用它。

2024-05-19 18:02:38 177

原创 for-in循环与for循环的区别

简而言之，for-in 循环适合遍历对象的属性，而 for 循环适合遍历数组。在选择使用哪种循环结构时，需要根据实际情况进行选择，以确保达到最佳的迭代效果和避免意外的行为。

2024-05-18 13:58:18 250

原创 js之选项卡制作实例

大家好，今天给大家书写选项卡实例，话不多说，直接上干货。

2024-05-15 20:51:57 417

原创瀑布流布局

瀑布流布局层次感更有利于用户视觉，下面有效果图，非常有视觉效果，可以使大家看着更舒服。

2024-05-14 22:48:32 218

原创 js之dom学习

DOM 是文档对象模型（Document Object Model）的缩写，它是一种用于表示和操作网页文档的接口。简单来说，DOM 将网页文档中的每个元素都抽象为一个对象，这些对象构成了一个层次结构，形成了网页文档的逻辑结构。通过 JavaScript，我们可以使用 DOM 提供的方法和属性来访问、创建、修改和删除网页中的元素和内容。

2024-05-08 20:27:17 444 1

原创 js之永久定时器

永久性定时器是一种定时器，它会在指定的时间间隔内重复执行指定的代码，直到被明确停止。与一次性定时器不同，永久性定时器会反复执行，直到程序显示停止它。永久性定时器是JavaScript编程中常用的工具之一，它可以在指定的时间间隔内重复执行特定的代码，直到被明确停止。我们可以使用创建永久性定时器，合理使用永久性定时器可以提高代码的效率和可维护性，使程序更加稳定和可靠。

2024-05-07 20:50:24 298 1

原创 js之一次性定时器

一次性定时器是一种定时器，它只在指定的时间间隔过后执行一次指定的代码，然后就停止。与普通定时器不同，它不会重复执行，只在第一次到达指定时间时触发。一次性定时器是JavaScript编程中常用的工具之一，它可以在指定的时间间隔过后执行特定的代码，并且只执行一次。我们可以使用或方法来创建一次性定时器，根据具体的需求选择合适的方法。在实际应用中，合理使用一次性定时器可以提高代码的效率和可维护性，使程序更加稳定和可靠。

2024-05-07 20:44:43 566 1

原创 js之遍历方法

先创建一个数组，然后使用for.in进行遍历，如下图所示sub代表下标并且遍历几次，arr代表数组。第二种方法则是for循环遍历，根据数组长度遍历。

2024-05-06 14:25:02 368

原创 js之AJAX

ajax是一种创建交互式网页应用的网页开发技术。

2024-05-01 12:45:00 7

原创 js之JSON

json 除了作为不同编程语言之间通用数据格式以外，还可以将我们的数据转为 json 格式存储到 localStorage、sessionStorage 或 cookie 中。更方便我们对数据的管理。json 就是一种在各个编程语言中流通的数据格式，负责不同编程语言中的数据传递和交互。{"name":"张三","age":18}["张三","李四","王五","赵六"]我是小辉，请大家多多关照。

2024-04-30 16:45:00 168

原创 js之本地存储

localStorage 表示永久性存储，除非主动删除否则一直存在本地。localStorage 和 sessionStorage 使用方法相同。sessionStorage 表示临时性存储，当页面关闭时，自动清除。localStorage.hasOwnProperty(‘名称’)localStorage.setItem(‘名称’，’数据’)localStorage.removeItem(‘名称’)localStorage.getItem(‘名称’)localStorage.key(下标)

2024-04-29 20:55:31 208

原创 js经典例题之var a = b = c = 9；

从代码结果可以看出，由于var已经在块级变量里面声明了，所以说var a；是一个块级变量，所以外面打印a打印不出来，获取不了。相当于 var a=9,b=9,c=9;b和c直接赋值没有var声明当全局变量看。变量提升（变量预解析）：变量的声明会被提升到当前作用域的最上面，变量的赋值不会提升。今天讲解一个js预解析的案例，最主要的就是var a=b=c=9；函数提升：函数的声明会被提升到当前作用域的最上面，但是不会调用函数。

2024-04-29 12:45:00 127

原创 js之探索浏览器对象模型

浏览器对象模型（Browser Object Model, BOM）是Web开发中的重要组成部分，它提供了一种与浏览器交互的方式，允许开发人员控制浏览器窗口、处理用户输入、管理浏览历史等。在本文中，我们将深入探讨BOM的核心概念、结构以及常见应用场景。

2024-04-26 20:39:20 538 2

原创 JavaScript 事件的概念

例如这个 div 标签被用户点击（click 事件），或者是浏览器已经完成页面加载（load 事件），又或者鼠标移动到某个 HTML 元素上（mouseover 事件）等等，当这些事件触发时，我们要让程序去做一些操作，这些操作被称为。，事件处理程序以冒泡模式触发；从最内层的节点开始触发事件，逐级冒泡直到顶层节点，从内向外传播。语法为：元素.addEventListener(事件名,执行程序,true/false)从顶层的父节点开始触发事件，从外到内传播。事件就是发生在 HTML 元素上的“事情”

2024-04-24 21:18:57 370

原创 js之DOM 文档对象模型

DOM 实际上是以面向对象方式描述的对象模型，它将文档建模为一个个对象，以树状的结构组织（本文称之为“文档树”，树中的对象称为“节点”）。综上所述，除了通过 ID 选择器和 querySelector 选择器获取到的元素是唯一的，其余的选择器返回的是。JavaScript 能添加、删除、改变、查看页面中所有的 HTML 元素、HTML 属性、CSS 样式。通过可编程的对象模型，JavaScript 获得了足够的能力来动态操作 HTML。的形式，可以通过 [下标] 的方式确定我们需要操作的元素。

2024-04-24 21:16:49 599 2

原创 js之内置对象学习

就是指 js 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而非必要的功能(属性和方法)，内置对象最大的优点就是帮助我们快速开发。获取范围在 0 ~ 1 内的随机数（含 0 不含 1）四舍五入版就近取整负数是五舍六入。

2024-04-22 20:51:00 427 1

原创 js对象学习

方法是对象的一部分，函数不是对象的一部分，函数是单独封装操作的容器。对象里面的函数称为方法，方法不需要声明，使用"对象.方法名()"的方式就可以调用，方法用来描述该对象的行为和功能。的“键值对”中的“键”称为对象的方法，即对象中存储函数的项。属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在对象中常用方法来表示（常用动词）的“键值对”中的键称为对象的属性，即对象中存储具体数据的项。：对象里面的变量称为属性，不需要声明，用来描述该对象的特征。语法中的变量是自定义的。

2024-04-20 10:45:00 340 1

原创 js之九宫格抽奖

如上图代码所示，分成了几块，点击事件，定时器主要是这两个的运用。

2024-04-19 18:12:01 147

原创 js点击抽奖符合条件触发点击次数

然后在添加点击事件，然后再在里面添加一个永久定时器，随着时间的改变改变对应下标的背景颜色，改变的同时再改变已经经过的背景颜色为原来的颜色，最后在后面添加一个多长时间删除定时器结束这个函数，结束后输出弹出框并且颜色改回蓝色，并且下标p修改为，使下一次点击抽奖的时候从开始转。遇到了什么问题：开始没有使用定时器，使用的是for循环，想让他们随着循环的改变改变对应的背景颜色，可是行不通不转。上面就是我所写的代码，下面还有定时器的讲解。怎么解决的：找老师询问使用定时器解决了。

2024-04-18 20:15:56 128 1

原创 js之猜数字

今天给大家带来了一个好玩的小游戏，那就是猜数字，来吧让我们一起看看。这里面的第没有什么难点，都是比较简单的，大家看一下就行了。第一种用的是for循环，来试试第二种调用函数吧。

2024-04-16 08:42:21 330

原创 js之隔行换色

大家可以看一下，我把具体解释都写在代码里面的注释上面了，不会的看下注释哦。接下来就在js里面写时间了，先写点击增加按钮执行的操作。大家好，今天来学习的是增加表单并且使他们每隔一行变色。如上图所示，这就是我们今天需要完成的效果。我们先写一个表格并且修改一下他们的样式。先让大家看下下效果图。

2024-04-14 08:44:26 609 1

原创 js数组之冒泡排序

如上图所示，我使用双重循环进行删选，第一重循环是要循环次数，第二层则是进行比较大小，再往后的if则是对第二层循环进行判断大小，如何符合我们设置的条件则进行交换位置（我个人理解交换位置，但实际的应该是如果前面的数比后面的大则把前面的数存放到一个变量里面，然后把后面的值赋给前面，然后使后面的值等于我们刚刚拿起来的那个值），下面的document.write（）是输出的正确结果，cosole.log()则是让大家看看循环次数对for循环次数有个直观印象。冒泡练习（对数组进行排序）

2024-04-11 11:30:00 94 1

原创 js arguments 的使用与自执行函数

JS 中，arguments 实际上它是当前函数的一个内置对象。如上所示，第一个是自执行函数的格式要求，第二个是实战填写，function后面的括号里面书写形参，在结尾处的花括号进行输入实参，这样自执行函数就构建完毕了。如上所示，我们先确定好for循环的执行范围之后就开始进行判断，当max下标为0时与arguments里面的元素对比，循环一圈比较出最大的，然后进行打印。伪数组主要是用在我们不知道数组有多少值的时候进行的一个使用，当然，也可以使用伪数组来进行对数组的排序和比大小，接下来试一下怎么比大小吧。

2024-04-10 10:55:31 279 1

空空如也

空空如也