- 博客(16)
- 收藏
- 关注
RSS订阅原创 2.4、Vue2计算属性
使用Vue的原有属性，经过一系列的运算/计算，最终得到了一个全新的属性，叫做计算属性。Vue的原有属性: data对象当中的属性可以叫做Vue的原有属性。全新的属性: 表示生成了一个新的属性，和data中的属性无关了，新的属性也有自己的属性名和属性值。(1) 以上比较大小的案例可以用computed完成，并且比watch还要简单。所以要遵守一个原则：computed和watch都能够完成的，优先选择computed。(2) 如果要开启异步任务，只能选择watch。因为computed依靠return。
2025-04-11 11:54:03
702
原创 2.3Vue2事件处理
第一步：获取按键的键值 ：event.keyCode第二步：通过Vue的全局配置对象config来进行按键修饰符的自定义。语法规则：Vue.config.keyCodes.按键修饰符的名字 = 键值-- 3、自定义按键修饰符 -->huiche键： <input type="text" @keyup.huiche="getInfo" /><hr />
2025-04-11 11:50:58
509
原创 axios的使用
说到axios我们就不得不说下Ajax。在旧浏览器页面在向服务器请求数据时，因为返回的是整个页面的数据，页面都会强制刷新一下，这对于用户来讲并不是很友好。并且我们只是需要修改页面的部分数据，但是从服务器端发送的却是整个页面的数据，十分消耗网络资源。而我们只是需要修改页面的部分数据，也希望不刷新页面，因此异步网络请求就应运而生。异步网络请求。Ajax能够让页面无刷新的请求数据。实现ajax的方式有多种，如jQuery封装的ajax，原生的，以及axios。
2025-03-05 14:58:03
1188
1
原创 JavaScript中的节流和防抖
举例：比如我们在玩LOL游戏时，当需要回城时，我们触发回城按钮，进入到回城状态进会有一个等待的时间，如果在这个等待时间内有重复去执行回城按钮，这时回城状态并不会做出其他响应，而是等时间到了后才会完成回城。举例：比如我们平时在使用搜索框时，我们一输入内容就会发送对应的网络请求，如果我们后面一直有在输入内容，那么就会一直发送网络请求。都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，防止在短时间内频繁触发同一事件而出现延迟，假死或卡顿的现象。本质：将多次执行变为最后一次执行。
2025-03-03 13:41:54
265
原创 JavaScript懒加载与预加载
懒加载也就是延迟加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片真正的路径，让图片显示出来。这就是图片懒加载。资源预加载是另一个性能优化技术，我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。预加载简单来说就是将所有所需的资源提前请求加载到本地，这样后面在需要用到时就直接从缓存取资源。
2025-03-03 13:35:44
708
原创 AJAX封装和跨域
AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和 XML。通过 AJAX 可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。按需请求，可以提高网站的性能AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。使用场景：注册账号，核对输入是否符合设置要求，发送ajax请求，返回相关信息京东、淘宝下拉加载更多的数据显示鼠标移入，显示新的页面数据鼠标点击，显示不同的页面切换数据XML 可扩展标记语言。
2025-02-28 11:18:21
1074
原创 JavaScript中深拷贝和浅拷贝
但是 Object.assign()进行的是浅拷贝，拷贝的是对象的属性的引用，而不是对象本身。当对象中只有一级属性，没有二级属性的时候，此方法为深拷贝，但是对象中有对象的时候，此方法，在二级属性以后就是浅拷贝。每一级的数据都会拷贝，拷贝后，两个对象拥有不同的地址，当拷贝出来的对象发生改变时，原对象内容不会改变，两者互不影响。浅拷贝只拷贝引用（地址值），当拷贝的新对象发生改变时，原对象也会发生相同的改变，也就是说，浅拷贝会影响原来的元素。深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的。
2025-02-28 11:11:44
583
原创 JavaScript纯手工实现轮播图（无缝切换）效果
-鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮-点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理-图片播放的同时，下面的小圆圈模块跟随一起变化-点击小圆圈，可以播放相应图片-鼠标不经过轮播图，轮播图也会自动播放图片-鼠标经过，轮播图模块，自动播放停止-实现无缝切换效果1、HTML部分三、CSS代码四、JS部分代码这部分代码可以采用ES5写法，也可以采用ES6写法，
2025-01-20 09:31:18
414
原创 JavaScript对象补充
我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype,这个属性对应着一个对象，这个对象就是我们所谓的原型对象(prototype是属性名，它的值是一个对象，这个对象叫原型对象),默认情况下，它是一个空对象如果我们的函数作为普通函数调用，prototype没有任何作用，当函数以构造函数的形式调用时，它所创建的对象都会有一个隐含的属性，指向该构造函数的原型对象，我们通过__proto__来访问该属性。
2025-01-18 15:21:48
1203
原创 JavaScript中的对象
现实生活中，万物皆对象，对象是一个具体的事物，看得见摸得着的实物。例如一本书，一辆汽车，一个人可以是“对象”，一个数据库，一张网页，一个与远程服务器的连接也可以是“对象”。例子：明星、女朋友、班主任、苹果、手机周星驰、小明的女朋友、这个班的班主任、这个被咬了一口的苹果、小王的手机在JS中，对象是一组无序的相关属性和方法的集合，所有的实物都是对象，例如字符串、数值、数组、函数等属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在对象中用方法来表示（常用动词）
2025-01-15 19:33:42
914
原创 JavaScript流程控制（JS语句）
在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。简单理解：流程控制就是来控制我们的代码按照什么结构顺序来执行流程控制主要有三种结构，分别是，这是三中结构代表三种代码执行的顺序。
2025-01-13 20:22:47
690
原创 JavaScript 运算符
运算符也叫操作符，通过运算符可以对一个值或者多个值进行运算，并获取运算结果，常用于实现赋值、比较、执行算数运算符等功能的符号。比如typeof() 就是一个运算符，可以获得一个值的类型,它会将该值的类型以字符串的形式返回，typeof()的返回值，用来描述类型的number string boolean undefined object。
2025-01-11 08:34:39
637
原创 JavaScript的数据类型——数字型 Number、字符型String、布尔型Boolean、Undefined、Null
本文讲解了JavaScript中5种简单的数据类型
2025-01-08 19:34:00
946
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人