- 博客(115)
- 收藏
- 关注
RSS订阅原创 vue发展史
在这个过程中，他发现现有的前端框架（如Angular和React）在某些方面存在不足，于是开始思考如何设计一个更简洁、高效且易于使用的前端框架。这个版本的Vue.js主要关注视图层，并提供了一些基本的功能，如数据绑定、条件渲染和列表渲染等。尽管功能相对有限，但Vue.js的简洁性和易用性吸引了大量开发者的关注。在未来，随着技术的不断进步和社区的发展，Vue.js将继续为开发者带来更多惊喜和便利。随着Vue.js的普及，其生态系统逐渐壮大。许多优秀的库和工具与Vue.js一起使用，共同构建更复杂的前端应用。
2024-10-31 21:38:14
290
原创 vue简介
在学习过程中，建议结合官方文档和实际项目进行练习，以更好地掌握Vue.js的知识点。Vue.js是一个渐进式JavaScript框架，用于构建用户界面。Vuex的核心概念（state、getters、mutations、actions）路由的基本概念（路由、路径、参数等）如何安装和使用Vue Router。Vue Router是什么？过滤器（filters）如何安装和使用Vuex。Vue.js是什么？如何安装Vue.js。创建第一个Vue实例。Vue实例与数据绑定。组件的嵌套和动态组件。
2024-10-31 21:37:11
305
原创 一些常见的类型比较汇总 (js)
本文详细比较了JavaScript中不同数据类型（如字符串、数字、undefined、null和NaN）在比较运算符中的行为，包括转换规则和真假值判断。
2024-10-28 10:00:00
191
原创 AJAX中get和post的区别
1. GET：请求的数据（如果有的话）会附加到URL的查询字符串中，并以键值对的形式出现（例如，?这意味着GET请求的数据长度是有限制的（由浏览器和服务器共同决定，但通常较短），且不适合传输敏感信息（因为URL可能会记录在浏览器历史、服务器日志等地方）。2. POST：请求的数据会放在请求体中发送，这意味着它可以传输大量数据，且不会受到URL长度的限制。1. GET：请求是可以被缓存的，这意味着如果两个GET请求完全相同（包括URL和所有参数），则浏览器可能会从缓存中加载响应，而不是再次向服务器发送请求。
2024-10-24 14:30:00
742
原创 ES6的Set 集合和Map 集合
1. size 返回 Map 的元素个数；2. set 增加一个新元素，返回当前 Map；3. get 返回键名对象的键值；4. has 检测 Map 中是否包含某个元素，返回 boolean 值；5. clear 清空集合，返回 undefined；
2024-10-23 14:31:14
355
原创 ES2017 新特性 （Async和await）
1、async 和 await 简化异步函数的写法；2、对象方法扩展 对象方法扩展；async 和 await 两种语法结合可以让异步代码看起来像同步代码一样；简化异步函数的写法；
2024-10-21 18:48:21
386
原创 ES6扩展运算符
.. 扩展运算符能将数组转换为逗号分隔的参数序列；扩展运算符（spread）也是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的 参数序列，对数组进行解包；
2024-10-17 13:30:43
445
原创 ES6新增promise（异步编程新解决方案）如何封装ajax？
异步是指从程序在运行过程中可以先执行其他操作。Promise 是 ES6 引入的异步编程的新解决方案。语法上 Promise 是一个构造函数，用来封装异步 操作并可以获取其成功或失败的结果；
2024-10-15 09:49:35
535
原创 js 去重的方法
本文详细介绍了JavaScript中去除数组重复元素的几种方法，包括利用Set、两层循环、indexOf、includes、filter、Map以及对象属性。在 JavaScript 中，有多种方法可以对数组进行去重。
2024-10-14 09:12:04
918
原创 开关打开输入框才能输入文字，否则为禁用状态
当点击开关，打开开关后，输入框禁用状态解除，才可以在输入框内输入。页面开关默认为关闭状态，输入框为禁用状态。
2024-10-11 19:10:16
422
原创 点击置顶按钮，返回到顶部
使用了点击事件，使用jQuery获取图片（这里我的置顶图片为toTop）添加点击事件为con_top，点击获取需要置顶的框为（ document.getElementsByClassName("box_item")[0]），向上滚动至顶部。top: 0滚动到top为0。behavior: 'smooth'平滑的滚动。换成你自己整个内容区的id或者class。// 点击按钮，返回顶部。
2024-10-10 08:10:24
397
原创 笔记本电脑连WiFi后，如何将网络共享给手机？三大方法大比拼
希望这些方法能帮助你更好地利用笔记本电脑和手机，享受技术带来的便利和乐趣。5. 在弹出的窗口中，点击“共享”选项卡，勾选“允许其他网络用户通过此计算机的Internet连接来连接”。大多数笔记本电脑都内置了创建Wi-Fi热点的功能，你只需要简单设置一下，就能让手机连接上网。如果你的笔记本电脑和手机都支持蓝牙功能，那么你还可以通过蓝牙来共享网络。4. 在手机上打开Wi-Fi设置，搜索并连接到刚才设置的笔记本电脑热点。1. 在笔记本电脑上打开“设置”或“网络和Internet”选项。
2024-10-10 07:50:47
965
原创 JavaScript的内置对象有哪些？
sort() 是对数字数组的元素进行排序，返回值为修改后的数组，根据参数的不同来判断是进行升序排序还是降序排序，默认无参数时，排序顺序是在将元素转换为字符串，然后比较它们的 UTF-16 代码单元值序列进行排序的，如果参数为“function(a,b){ return a-b;如果传入了参数，那么则按照参数来创建时间对象。其中new Array() 在没有参数时，创建的是一个空的数组对象，需要后续添加数组元素，但如果在创建数组时传入了一个参数，则参数代表数组的长度，如果传入了多个参数，则参数为数组元素。
2024-10-08 17:06:25
1438
原创 html渲染优先级
当遇到具有浮动属性的元素时，浏览器会将其从正常的文档流中脱离出来，并按照设定的浮动方向移动。需要注意的是，在具体的场景中，元素的渲染优先级可能会受到其他因素的影响，如CSS的选择器、样式表的顺序等。一般来说，块级元素的渲染优先级高于行内元素，而行内元素的渲染优先级又高于浮动元素和定位元素。在CSS中，元素的渲染优先级是由元素的类型和CSS的特定规则决定的。定位流的元素会脱离文档流，根据设定的位置放置，可能会覆盖文档流中的其他元素。浮动流的元素会脱离文档流，根据设定的浮动方向移动，后面的文档流会重新排列。
2024-10-07 16:30:40
477
原创 jQuery 选择器
('element[attribute$=value]')：选择属性值以指定值结尾的元素。$('element[attribute*=value]')：选择属性值包含指定值的元素。$('element[attribute=value]')：选择属性值等于指定值的元素。$('element:gt(index)')：选择索引位置大于指定值的元素。$('element:lt(index)')：选择索引位置小于指定值的元素。$('element:eq(index)')：选择指定索引位置的元素。
2024-10-05 10:36:11
505
原创 js中map属性
例如，Map对象能够记住键的插入顺序，而Object的属性顺序在不同的JavaScript引擎中可能会有差异。Map对象在JavaScript中提供了一种灵活且高效的键值对存储方式。它具有许多实用的方法，如set()、get()、has()和delete()等，使得操作和管理键值对变得更加简单。此外，Map对象还能够记住键的插入顺序，这在某些应用场景下是非常有用的。使用new Map()构造函数可以创建一个新的Map对象。JavaScript中的Map对象保存键值对，并且能够记住键的原始插入顺序。
2024-10-05 10:33:59
496
原创 JavaScript 窗口
window.close() 关闭当前窗口。window.resizeTo() 调整当前窗口的尺寸。window.open() 打开新窗口。window.moveTo() 移动当前窗口。
2024-09-28 08:10:56
321
原创 JavaScript 事件对象
target 真正触发事件的目标，标签元素。stopPropagation() 可以阻止事件传播，常用于阻止事件冒泡。对象包含“与创建它的事件有关的”属性和方法。触发的事件类型不一样，可用的属。returnValue = false IE 中阻止事件默认行为的方法。cancelBubble = true IE 中阻止事件冒泡的方法。preventDefault() 取消事件默认行为。在事件处理过程中，可以同时阻止事件冒泡和默认行为。
2024-09-28 08:05:06
249
原创 JavaScript 事件的概念
事件）等等，当这些事件触发时，我们要让程序去做一些操作，这些操作被称为。，事件处理程序以冒泡模式触发；从最内层的节点开始触发事件，逐级冒泡。表示事件处理程序以捕捉模式触发；从顶层的父节点开始触发。此方法可以重复绑定相同的事件，或是绑定多个事件，并且。直到顶层节点，从内向外传播。事件），又或者鼠标移动到某个。者是浏览器已经完成页面加载（事件，从外到内传播。
2024-09-27 19:44:19
481
原创 异步请求的方法以及原理
当请求完成后，会触发相应的事件（如readystatechange事件或Promise的resolve/reject），从而通知JavaScript代码处理返回的数据。在浏览器中，异步请求通常基于浏览器提供的网络请求模块，利用浏览器的事件循环机制来实现异步操作。当异步操作完成后，触发相应的回调或Promise状态变化，JavaScript引擎会从任务队列中取出相应的任务进行处理。是指在发送请求后，不会阻塞程序的执行，而是继续执行后续的代码，等待请求返回后再执行相应的回调函数。
2024-09-22 22:06:07
458
原创 什么是原型，有什么用？
原型是JavaScript实现继承的基础，它构成了JavaScript中对象之间的链式关系。1. **属性和方法的继承**：当我们访问对象的属性或方法时，如果该对象本身没有这个属性或方法，JavaScript会沿着原型链向上查找，直到找到对应的属性或方法。3. **构造函数与实例**：在JavaScript中，构造函数的`prototype`属性指向了一个对象，这个对象就是实例的原型。4. **动态性**：可以通过修改原型对象，动态地为已存在的对象添加新的属性和方法，这对于类似继承和扩展的需求非常有用。
2024-09-22 22:04:19
211
原创 给iframe标签添加点击事件方法
今天遇到一个需求，通过iframe标签引入其它页面（当前页面为treeHome.html，被引入页面为shouye.html)，在shouye页面当中，点击一个事件之后，需要让treeHome页面某个元素消失，但试了很多次，iframe事件无法添加，最终还是网友的力量强大，找到了两个方法，如果其它网友还有更好的办法，可以留言给我。这个方法可以实现，点击出现弹窗，点击弹窗外，框架内的任何地方，弹窗隐藏。
2024-09-21 14:14:56
390
原创 ＜meta name=“viewport“ content=“width=device-width, initial-scale=1, maximum-scale=1“＞
这里的width=device-width, initial-scale=1, maximum-scale=1定义了页面宽度为设别宽度，缩放比例为1也就是没有缩放，最大缩放值也是1倍。所以在做移动端开发时，为了使移动端的页面在不同的手机上同样的大小来显示，我们可以将页面的宽度固定，然后获取设备的宽度，可以得到我们之前设定的宽度与设备宽度的比例，再使用HTML5新增的viewport来对页面进行缩放，并固定不允许用户再重新缩放。例如，当用户把页面放大一倍，那么css中1px所代表的物理像素也会增加一倍；
2024-09-10 15:45:29
534
原创 什么是跨域？为什么会产生跨域？怎么解决跨域？
跨域，即跨域资源共享（CORS，Cross-Origin Resource Sharing），是一个W3C标准，它定义了一种浏览器和服务器交互的方式来确定是否允许跨源请求。简单来说，跨域就是浏览器的同源策略导致来自不同源的脚本在没有明确授权的情况下，不能读写对方的资源。3.代理服务器：在服务器端设置代理服务器，客户端所有的请求都先发到代理服务器上，然后由代理服务器去请求真正的资源，最后把请求结果返回给客户端。4.Nginx反向代理：通过Nginx设置反向代理，将跨域的URL映射到允许的域上，实现跨域访问。
2024-09-05 23:01:23
647
原创 JavaScript中使用模板字符串拼接和使用字符串拼接有什么区别？
在大多数情况下，模板字符串的性能与传统的字符串拼接相差无几。然而，当涉及到大量字符串拼接操作时，传统的字符串拼接可能会稍微快一些，因为它避免了创建模板字符串所需的额外对象。总的来说，模板字符串提供了一种更简洁、更易读的方式来拼接字符串，特别是当涉及到多行字符串或需要插入变量或表达式时。然而，对于性能关键的代码段，传统的字符串拼接可能仍然是更好的选择。模板字符串通常更易读，尤其是在需要拼接多个变量或包含复杂表达式时。模板字符串可以很方便地创建多行字符串，而传统的字符串拼接则需要使用加号(
2024-09-03 19:34:25
389
原创 datalist 是什么？以及作用是什么？
用户可以在输入时从这些选项中选择，但也可以输入不在列表中的其他值。<input list="browsers" name="browser" id="browser">：这里的 list 属性关联了 datalist 元素的 id，即 browsers。datalist 元素的主要作用是提供一个友好的用户界面，帮助用户快速地从预定义的选项中选择值，而不需要手动输入。<datalist id="browsers">：datalist 元素的 id 属性值必须与 input 元素的 list 属性值相匹配。
2024-09-03 19:32:37
410
原创 js的includes函数
在JavaScript中，includes() 是一个数组（Array）和字符串（String）对象的方法，用于确定一个数组是否包含一个特定的值，或者一个字符串是否包含一个特定的子串。对于数组，includes() 方法用于判断一个数组是否包含一个指定的值，根据情况，如果需要，可以指定开始搜索的位置。对于字符串，includes() 方法用于判断一个字符串是否包含另一个字符串，或者是否包含指定的子串。// 输出: false。
2024-09-01 22:19:34
349
原创 js关于时间的方法
new Date(year, monthIndex[, day[, hour[, minutes[, seconds[, milliseconds]]]]]): 根据提供的参数初始化。Date.prototype.setHours(hour[, min[, sec[, ms]]]): 设置日期的小时数。Date.prototype.setMinutes(min[, sec[, ms]]): 设置日期的分钟数。Date.prototype.setSeconds(sec[, ms]): 设置日期的秒数。
2024-09-01 22:18:01
388
原创 JavaScript中的this及如何绑定
在JavaScript中，this指向当前执行代码的上下文对象，具体的绑定规则取决于函数的调用方式。this可以通过call、apply、bind等方法进行显式绑定，也可以隐式绑定到调用函数的对象，或者绑定到全局对象window上。ES2015 引入了箭头函数，箭头函数不提供自身的 this 绑定（this 的值将保持为闭合词法上下文的值）。函数的 this 会默认绑定到全局对象 window 上，如果在严格模式中，this 绑定到 undefined。new 出来的函数 this 绑定的是新创建的对象。
2024-08-26 14:12:51
369
原创 长期使用电脑的程序猿，如何保护眼睛？
佩戴防蓝光眼镜会在一定程度上阻隔有害蓝光，起到保护眼睛，缓解视疲劳的作用，但是防蓝光镜片有一定色差，建议试戴后再选择。由于佩戴隐形眼镜会减少眨眼次数，长时间看电脑又会加重眼干的症状，而且现在室内使用空调，空气比较干燥，时间过长有可能造成隐形眼镜难以摘戴的问题，对眼睛造成伤害。所以，说完了我的看法，也得说说我的一些方法才行。闲时多眨眼，工作时长时间凝视电脑，会减少眼睛眨动，引起眼睛的干燥，因此闲时应多眨动眼睛，保持眼睛湿润。所以，最好的护眼方法就是调整自己的生活方式，劳逸结合，有节制的用眼。
2024-08-26 14:06:38
721
原创 什么是回调函数
在上面的例子中，fetchData函数模拟了一个异步操作，并在2秒后调用传递给它的回调函数processData。回调函数是指在某个函数执行完毕后，将另一个函数作为参数传递给它，并在特定情况下调用该函数。定时任务：在定时任务的场景下，我们可以使用回调函数来执行预定的操作。处理异步操作：当我们需要处理异步操作（例如网络请求或文件读取）时，回调函数可以帮助我们在操作完成后执行相应的代码。高阶函数：回调函数通常用于构建高阶函数，这些函数接受其他函数作为参数，并根据不同的需求执行不同的操作。
2024-08-24 08:34:41
333
原创 前端布局方式及优缺点
特性：结合流式布局、自适应布局和媒体查询等技术，实现不同屏幕尺寸和设备下的自动适应和优化。优点：布局灵活，易于实现复杂的对齐和分布需求，适用于各种屏幕尺寸和设备。特性：将页面划分为行和列的网格，允许子元素在网格中进行精确定位和布局。优点：可以实现复杂的二维布局，非常适合大型项目和需要高度定制化的场景。优点：在不同尺寸屏幕下都能保持较好的布局效果，适合移动端和响应式设计。特性：元素的尺寸采用百分比单位，可以根据父元素的尺寸进行自适应调整。优点：能够针对不同设备提供定制化的布局和样式，实现良好的用户体验。
2024-08-24 08:30:07
389
原创 JavaScript中关于数字的方法有哪些？
4.Number.prototype.toPrecision()：将数字格式化为指定有效数字位数的字符串。3.Number.prototype.toExponential()：将数字格式化为指数表示法的。9.Math.max() 和 Math.min()：返回一组数中的最大值或最小值。1.Number.prototype.toString()：将。2.Number.prototype.toFixed()：将。5.Math.round()：四舍五入到最接近的整数。8.Math.abs()：返回数字的绝对值。
2024-08-21 20:49:15
323
原创 jquery简介及用法
jQuery 是一款功能强大的 JavaScript 库，它简化了 DOM 操作、事件处理、动画以及 Ajax 请求。通过使用 jQuery，开发者可以用更少的代码完成更多的功能，提高开发效率。希望这篇博客能帮助您入门 jQuery，并在实际项目中运用自如。
2024-08-17 20:04:27
511
原创 JS中的事件监听
在上述代码中，我们使用getElementById()方法获取了ID为myButton的按钮元素，并使用addEventListener()方法在其上添加了一个点击事件监听器。其中，element指的是要监听的HTML元素，event指的是要监听的事件类型，function指的是在事件发生时要执行的函数，useCapture是一个可选的布尔值，用于指定事件是否在捕获阶段处理。keydown：用户按下了键盘上的某个键。dblclick：用户双击了某个元素。keyup：用户释放了键盘上的某个键。
2024-08-10 20:14:23
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人