- 博客(55)
- 收藏
- 关注
RSS订阅原创 函数声明与函数表达式的区别?闭包是什么？有什么特性？对页面有什么影响？
函数声明的方法定义的函数并不是真正的声明,它们仅仅可以出现在全局中,或者嵌套在其他的函数中,但是它们不能出现在循环,条件或者try/catch/finally中,持久性：一般的函数，调用完毕之后，系统自动注销函数，而对于闭包来说，在外部函数被调用之后，闭包结构依然存在。函数声明的方法定义的函数,函数可以在函数声明之前调用,函数声明的方法定义的函数,函数名是必须的,闭包就是函数内部和函数外部连接起来的桥梁。函数表达式的函数只能在声明之后调用。函数表达式可以在任何地方声明。函数表达式的函数名是可选的。
2024-07-27 08:05:05
148
原创 js轮播图制作
使用JavaScript编写函数来控制图片的切换。创建HTML结构，包括轮播图容器和图片列表。使用CSS进行样式设置，包括隐藏多余的图片。
2024-07-25 22:04:52
186
原创 什么是函数?函数分为几种?区别是什么？
通过添加括号，来说明它是一个函数表达式： 如果需要执行匿名函数，在匿名函数后面加上一个括号即可立即执行！定义：通过 new 函数名 来实例化对象的函数叫构造函数。任何的函数都可以作为构造函数存在。一种变量赋值，函表达式可以没有名字（匿名函数）,没有函数提升。如果表达式后面紧跟 () ，则会自动调用。函数调用的方式有几种(写出三种即可)？就是封装了一段可被重复调用执行的代码块。函数表达式可以 "自调用"。匿名函数也叫自调用函数。
2024-07-24 22:13:22
193
原创 如何使用javascript将商品添加到购物车？
/ 绑定点击事件 addToCartBtn.addEventListener('click', function() { // 获取当前商品信息 var productId = document.getElementById('productId').value;// 将商品添加到购物车 shoppingCart.push(product);// 更新购物车图标或显示购物车中的商品数量的函数 function updateCartIcon() { // 更新购物车图标或显示购物车中的商品数量的逻辑 }
2024-07-21 17:46:31
335
原创 说一下你对 box—sizing 属性的了解？
border-box：元素设定的宽度和高度决定了元素的边框盒。元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。content-box：宽度和高度分别应用到元素的内容框，在宽度和高度之外绘制元素的内边距和边框，此为默认值。box-sizing属性是css3中新增的属性，允许你以某种方式定义某些元素，以适应指定区域。box-sizing的值有content-box、border-box、inherit。
2024-07-21 16:11:50
192
原创 document.write和innerHTML、innerText 的区别？
innerHTML则是DOM页面元素的一个属性，可以用来读、写给定元素里的HTML内容。你可以精确到某一个具体的元素来进行更改。如果想修改document的内容，则需要修改document.documentElement.innerElement。document.write是直接写入到页面的内容流，如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完关闭之后重新调用该函数，会导致页面被重写。获取从起始位置到终止位置的内容,但它去除Html标签。
2024-07-20 00:00:18
266
原创 s 与 del 的区别、b 与 strong 的区别、 i 与 em 的区别？
添加删除线，有表示该段文本不正确的语义。让指定文本变为斜体，有”强调“的语义。给指定文本加粗，有“重要”的语义。让指定文本变为斜体，没有其他语义。给指定文本加粗，但没有其他语义。
2024-07-19 12:42:09
123
原创 ajax中get和post的区别，datatype返回的数据类型有哪些？web开发中数据提交的几种方式，有什么区别。百度使用哪种方式？
post和get两种。两者的区别在于：post方式是把数据内容放在请求的数据正文部分，没有长度的限制;get方式则是把数据内容直接跟在请求的头部的URL后面，有长度的限制。而一般在表单的数据提交中，都会选择POST方式，因为使用GET方法数据是通过URL传递的，在地址栏中会直接看到传递的数据，这样就缺少安全性。而使用POST传递时，是把提交的数据放置在HTTP包的包体中，地址栏不会看到数据。get传递数据是通过URL进行传递，对传递的数据长度是受到URL大小的限制，URL最大长度是2048个字符。
2024-07-17 08:21:51
137
原创 js遍历数组和对象的常用方法有哪些？
重点1: forEach第一个参数的函数中的传入的参数有三个分别为(item,index,arr),即数组当前数组的元素值，元素下标，和当前数组。for in 循环，数组和对象都可以遍历，item为array的下标，或者object的key这样的代码，比起for循环可读性能强一些。区别是forEach没有返回值，而Map有，使用Map可以返回一个与原数组有映射关系的数组。与for in 不同的是，for of只能遍历数组，item为数组元素的值。Map与forEach非常的用法非常相似，
2024-07-12 08:00:14
133
原创 什么是数组，什么是对象，并说出他们的区别
数组表 示有序数据的集合，而对象表示无序数据的集合。如果数据的顺序很重要，那么就使用数组，反之使用对象。数组的数据没有名称（name），对象的数据有名称。对象可以通过new关键字创建对象，或者通过对象字面量创建。数组：new Array()对象就是用来储存变量的。数组就是一组数据的集合。
2024-07-10 22:00:17
100
原创 函数声明与函数表达式的区别?
函数声明的方法定义的函数并不是真正的声明,它们仅仅可以出现在全局中,或者嵌套在其他的函数中,但是它们不能出现在循环,条件或者try/catch/finally中,函数声明的方法定义的函数,函数可以在函数声明之前调用,函数声明的方法定义的函数,函数名是必须的,函数表达式的函数只能在声明之后调用。函数表达式可以在任何地方声明。函数表达式的函数名是可选的。
2024-07-10 08:07:28
98
原创 判断一个字符串中出现次数最多的字符，统计这个次数？
console.log(`字符串中出现次数最多的字符是${ch}，出现的次数是${max}次`)2、把每个字符都存储给对象，如果对象没有该属性就为1，如果存了就+1。1、核心算法：利用 charAt() 遍历这个字符串。3、遍历对象，得到最大值及出现次数和该字符。
2024-07-09 23:40:06
194
原创 while循环和do while循环有什么区别？
while语句的特点是先判断表达式后，执行循环体。如果一开始while循环的布尔表达式的值是false，那么循环体根本就不执行。do-while语句先执行循环体，然后判断循环条件是否成立，因此总是执行它的循环体至少一次。
2024-07-07 18:30:42
108
原创 说明全局变量和局部变量的作用范围和生命周期
函数之外定义的变量称为外部变量，外部变量是全局变量，也叫全程变量。全局变量可以为本文件和其他文件共用。全局变量的有效范围从定义变量的位置开始到本源文件结束。局部变量是在函数内部定义，局部变量也可在复合语句内定义。复合语句是用大括号括起来的语句。局部变量：范围是这个变量的代码块，生命周期是函数创建时执行，结束时销毁。全局变量：范围是整个HTML页面，生命周期整个程序。
2024-07-05 18:24:44
96
原创 访问节点和创建节点的方法都有什么？
访问节点的方法：1、使用ownerDocument属性；2、使用parentNode属性；3、使用childNodes属性；4、使用firstChild属性；5、使用lastChild属性；6、使用nextSibling属性等。javascript中创建节点的方法：1、createElement()方法，可以创建元素节点；2、createTextNode()方法，可以创建文本节点；3、createAttribute()方法，可以创建属性节点。
2024-07-04 23:25:38
128
原创 什么是堆？什么是栈？他们之间有什么区别和联系？
栈区内存由编译器自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈。堆区（heap）— 一般由程序员分配释放,若程序员不释放，程序结束时可能由OS回收。栈区（stack）— 由编译器自动分配释放 ，存放函数的参数值，局部变量的值等。堆区内存一般由程序员分配释放，若程序员不释放，程序结束时可能由垃圾回收机制回收。而堆是一个优先队列，是按优先级来进行排序的，优先级可以按照大小来规定。在数据结构中，栈中数据的存取方式为 先进后出。栈（数据结构）：一种先进后出的数据结构。
2024-07-04 08:08:15
171
原创 什么是语句？什么是表达式？怎么区分？
语句可以理解为一个行为，循环语句和判断语句就是典型的语句。一个程序由很多的语句组成，一般情况下一个分号；分割一个一个的语句。一个表达式可以产生一个值，有可能是运算、函数的调用、有可能是字面量。表达式可以放在任何需要值的地方。表达式不会对程序执行结果产生影响，而语句是程序的基本单位，对程序结果产生影响。
2024-06-30 08:10:14
138
原创 js常用的事件有哪些
mouseenter：在鼠标光标从元素外部首次移动至元素范围内触发，不参与冒泡；keypress：当用户按下键盘上的字符键时触发，如果按住不放，会重复触发；keydown:当用户按下键盘后任意键时触发,如果按住不放,会重复触发。mouseover：当鼠标移到某个元素上方时触发；mousemove：当鼠标指针在元素上移动时触发；mouseout：当鼠标移出某个元素上方时触发；mousedown :当用户释放鼠标按钮时触发。mouseup:当用户释放鼠标按钮时触发。keyup：当用户释放键盘上的键触发；
2024-06-29 08:07:33
91
原创 什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？
响应式网站设计(Responsive Web design)是一个网站能够兼容多个终端，而不是为每一个终端做一个特定的版本。基本原理是通过Css3媒体查询检测不同的设备屏幕尺寸做处理。
2024-06-28 08:11:04
97
原创 JavaScript中undefined和not defined的区别
定义了未赋值、函数无返回值、对象的属性未赋值、调用有参函数未传递参数。分清楚定义还是未定义：变量未定义则是not defined；定义了对象，但是未给对象分配内存，即对象无指向为null。是undefined；
2024-06-27 08:03:37
121
原创 input元素的oninput事件和onchange事件
var inputEle = document.querySelector('#input') inputEle.oninput = function() { handleInput() } function handleInput() { // 处理事件代码 }1、input元素上绑定事件的三种方式：第一种：直接在元素标签上添加oninput属性，属性值为处理事件函数的调用<input type="text" id="input" oninput="handleInput()"></input>
2024-06-23 00:55:54
724
原创 js浅拷贝和深拷贝的区别
因此，如果修改了原始对象，复制的对象也会相应地改变，因为它们实际上是指向同一块内存的引用。浅拷贝对于基本数据类型来说，名字和值都会储存在栈内存中，当进行赋值操作时，栈内存会开辟一个新的空间，此时新旧变量是相互独立的。但对于引用数据类型（如数组和对象），浅拷贝复制的是原始对象的引用地址，而不是实际存储在堆内存中的值。总结来说，浅拷贝和深拷贝的主要区别在于它们是否复制对象的实际数据还是仅复制对象的引用。浅拷贝复制的是引用，而深拷贝创建的是一个全新的对象实例，确保了数据之间的独立性。
2024-06-22 00:27:10
334
原创 命名规则？声明变量的方式以及区别？
Const声明常量，声明和赋值同时进行，一旦声明不可修改数据类型，是块级作用域，没有变量提升，不可重复声明。Js的命名规则：由字母，数字，下划线，美元符组成；避免使用关键字，保留字。Let声明变量，是块级作用域，没有变量提升，不可重复声明。Var声明变量，是函数作用域，有变量提升，可重复声明；在 JS 中所有可以有我们来命名的都可以称为。标识符是用来识别具体对象的一个名称。变量名、属性名、函数名、参数名。
2024-06-20 08:04:39
233
原创 常见的HTTP响应状态码有哪些？GET请求和POST请求的区别是什么？
get 请求参数会被完整保留在浏览器历史记录里，而 post 中的参数不会被保留。404 ：Page not found（未找到）403 ：Forbidden（禁止）200 ：OK（请求成功）HTTP 响应状态码。
2024-06-19 08:05:53
217
原创 js创建数组的两种方式
Array.isArray(参数) H5方法，ie9以上支持。instancof 运算符 它可以用来检测是否为数组。// 1、使用 instanceof 检测。// 2、利用 new Array()// 2、使用 isArray 检测。利用 new Array()// 1、利用数组字面量创建。// 创建数组的两种方式。// 检测是否为数组。
2024-06-02 20:45:54
119
原创 html编码集
UTF-8是一种变长字符编码，它是字节顺序无关的，这意味着它的字节顺序在所有系统中都是一样的，从而提高了性能。此外，UTF-8能够覆盖几乎所有的文字与字符，其编码规则允许根据字符的需要使用不同数量的字节进行编码，这使得它特别适合用于Web开发中，以支持全球范围内的语言和字符集。综上所述，HTML编码集的作用不仅限于指定页面内容的文字和语言，还包括在数据传输过程中对字符的编码处理，以确保文本在Web页面上的正确显示和传输的安全性。
2024-06-02 15:34:34
176
原创 css的布局方式
CSS的一种新型布局方式，可以用来创建一维或二维的布局，可以很容易地创建各种布局，包括响应式布局和流式布局。使用table标签来创建一维或二维的表格，适合显示大量数据或创建复杂的布局。使用float属性来将元素从正常的布局流中移出，可以用来创建一些简单的布局。使用position属性来将元素定位在页面上，可以用来创建任何类型的布局。网页布局始终按照最初写代码时的布局来显示，不随浏览器尺寸变化而变化。CSS提供了多种布局方式，以满足不同的需求。屏幕分辨率变化时，页面里元素的大小会变化而布局不变。
2024-06-02 00:15:40
339
原创 javascript基于原型
javascript中，每个对象都会在内部生成一个proto 属性，当我们访问一个对象属性时，如果这个对象不存在就回去proto 指向的对象里面找，一层一层找下去，这就是javascript原型链的概念。Object和Function都作为JS的自带函数，Object继承自己，Funtion继承自己，Object和Function互相是继承对方，也就是说Object和Function都既是函数也是对象。函数对象可以创建普通对象，普通对象没法创建函数对象，普通对象JS世界中最低级的小喽啰，啥特权也没有。
2024-05-30 23:06:02
850
原创 js预解析
具体来说，在预解析过程中，JavaScript引擎会将函数声明和变量声明提升到当前作用域的顶部，而不管它们实际上在代码中的位置。JS的预解析是指在代码执行之前，JavaScript引擎会先对代码进行一次扫描，将变量声明和函数声明提升到当前作用域的顶部，以便在代码执行时能够正确地访问这些变量和函数。这个过程也被称为“提升”。需要注意的是，只有函数声明和变量声明才会被提升，而不是变量的赋值操作。如果变量声明和赋值操作同时出现在同一行代码中，只有变量声明会被提升到作用域顶部，而变量的值仍然会在代码执行时赋值。
2024-05-25 21:33:06
330
原创 JavaScript函数
可以通过函数的方式将多个功能封装起来，对外只提供一个简单的函数接口，例如将电脑配件整合到机箱中。形参：在函数声明时定义的参数，例如function add(a, b) {}中的a和b。具名函数：有名称的函数，例如function displayMessage() {}。变量生存期：在函数内部声明的变量只能在函数内部访问，退出函数后变量会被销毁。箭头函数：使用箭头符号=>定义的函数，可以更简洁地表达某些操作。匿名函数：没有名称的函数，通常用于一次性操作或回调函数中。
2024-05-25 21:27:06
354
原创 js事件流冒泡原理
事件流冒泡是基于 DOM 结构的，因此在理解其原理时需要考虑 DOM 树的结构。（1） 首先，事件会在触发元素上被捕获（Capturing Phase），即从根节点一直往下捕获到触发事件的元素。（3）最后，事件会开始冒泡（Bubbling Phase），即从触发元素开始向上冒泡，依次触发其父元素的相同事件。这样的事件流模型使得我们可以在不同层次的元素上注册相同类型的事件，而且不用担心它们之间的冲突。在讲述冒泡原理之前，我们先了解一下事件流。（2）然后，事件在触发元素上触发（Target Phase）。
2024-05-24 08:16:56
308
原创 js同步异步的概念
（5）执行顺序：先执行执行栈的同步任务，异步任务放到任务队列中，执行栈的所有同步任务执行完毕时，才回去按照顺序读取任务队列。（4）异步任务是通过回调函数实现，然后放到任务队列（click、onload、定时器）（1）同步：前一个任务做完，再执行下一个任务，程序执行顺序与任务队列是同步的。（2）异步：执行一个任务的时候，还可以同时处理其他任务。（3）同步任务都在主线程上,形成一个执行栈。
2024-05-18 17:46:40
92
原创 js.Ajax概念
Ajax即Asynchronous Javascript And XML（异步JavaScript和XML）在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法，包括：HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。参数解释：请求的方法、请求的 url、是否异步。如果要在数据完整请求回来的时候才调用，我们需要手动写一些判断的逻辑。5）服务端响应，获取返回的数据。
2024-05-17 22:10:28
179
原创 json格式
json是一种轻量级的数据交换格式，具有简洁、易读、跨平台和语言的特点，json数据是通过键值对的方式进行组织，其中键是字符串，值可以是字符串、数值、布尔值、数组、对象或者null，在web开发、数据交换和配置文件等方面得到广泛应用。解析和处理简单：JSON的语法规则简单，易于解析和处理。键值对：JSON使用键值对的方式来表示数据，键和值之间使用冒号（:）分隔，多个键值对之间使用逗号（,）分隔。数组：数组是一种有序的值的集合，用方括号（[]）表示。值：值可以是字符串、数值、布尔值、数组、对象或者null。
2024-05-16 23:30:37
137
原创 js本地存储
2：储存大小--cookie一般储存不超过4KB数据，localStorage和sessionStorage一般储存不超过5MB数据（看浏览器机制）；localStorage用于储存不超过5MB的文本数据，持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的；localStorage.clear() //删除所有localStorage。用法：sessionStorage用法和localStorage用法一致。
2024-05-15 23:32:28
298
原创 js实现猜数字
声明一个函数为获取随机整数，生成min和max之间的随机整数乘以（max-min+1）让它们的范围在min和max之间最后加上min确保结果在正确范围内。if判断数字范围大于随机整数就会弹出大如果if判断数字的范围小于随机整数就会弹出小如果猜对了就会弹出是对的用break进行跳出本次循环。用死循环一直提示用户猜测猜对为止循环条件是true所以会一直循环想停止就得用break。调用函数里的getrandom生成1~10之间随机整数存放在变量在random。声明的变量为提示框用户输入的数字存放到num里。
2024-05-10 22:04:15
194
原创 jsBOM浏览器对象模型概念
BOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM缺少规范，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。BOM的核心对象是window，它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层，对于每个打开的窗口，系统都会自动为其定义 window 对象。window对象有一系列的属性，这些属性本身也是对象。指向包含另一个窗口的窗口（由框架使用）窗口中当前显示的文档对象。window对象的属性。窗口中的框架对象数组。
2024-05-10 07:56:35
301
原创 js的BOM对象模型
BOM由一系列对象组成，是访问、控制、修改浏览器的属性和方法(通过window对象及属性的一系列方法控制浏览器行为的一种编程)sessionStorage对象，window对象的属性之—,代表浏览器的本地数据会话级存储。document对象，window对象的属性之—,代表浏览器窗口目前解析的html文档。location对象，window对象的属性之—,代表浏览器的地址栏。history对象，window对象的属性之—,代表浏览器的地址栏。screen对象，window对象的属性之一,代表屏幕。
2024-05-08 23:12:47
163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人