自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 vue组件化

Vue组件化是指将一个应用划分为多个独立、可复用的模块,每个模块都包含了自己的HTML模板、样式和JavaScript逻辑。组件化的设计使得开发人员可以更好地管理应用的复杂度,提高代码的可维护性和重用性。Vue组件化的核心是Vue组件,它是Vue框架中的基本构建块。一个Vue组件可以封装一些特定的功能,例如一个登录表单组件、一个轮播图组件等,它们可以被其他组件多次使用。Vue组件化的特点包括:可复用性:每个Vue组件都是独立的,可以在不同的地方多次使用。

2023-12-19 15:07:17 988

原创 vue中的Computed、Methods、Watch

Computed:是Vue.js中的一个计算属性,它可以根据依赖的数据动态计算得出一个新的值。计算属性会进行缓存,只有当依赖的数据发生改变时,才会重新计算。Methods:是Vue.js中定义方法的选项,它可以用来定义Vue实例上的方法。在模板中通过调用方法名来使用这些方法。Watch:是Vue.js中的一个观察属性,它可以监听指定的数据变化,并在数据发生改变时执行相应的函数。Watch可以用来执行异步操作或者在特定数据变化时执行一些逻辑。

2023-12-19 14:14:14 440

原创 vue介绍以及基本指令

Vue是一种用于构建用户界面的JavaScript框架。它可以帮助开发人员构建单页应用程序和复杂的前端应用程序。Vue具有简单易用的语法,能够实时更新视图和响应用户的交互操作。它也提供了丰富的生态系统,包括插件和组件库,使开发过程更加高效和灵活。Vue可以与其他库和框架集成使用,也可以作为单独的前端框架使用。

2023-12-19 14:07:00 1116

原创 js迭代器生成器

是一个可以遍历或访问一个数据集合(如数组、对象等)的对象。包含next()value和done。value表示序列中的下一个值,而done则表示是否已经迭代到了序列的末尾。

2023-11-29 18:58:10 59

原创 js正则表达式

在JavaScript中有两种主要的方式:字面量方式和构造函数方式。字面量方式就是直接在代码中写出正则表达式,例如/abc/g;而构造函数方式则是使用new RegExp()来创建一个正则表达式对象,例如new RegExp('abc')。以/开头,以/结尾通过RegExp构造函数创建。

2023-11-29 15:29:55 367

原创 js的异常处理

JS代码执行过程中,可能会出现异常,并且会影响后面代码的运行,所以我们希望自己处理这个异常。catch通常配合finally语句使用……catch语句进行处理。

2023-11-29 13:59:35 79 1

原创 js中es6新增特性

1、Set是一种叫做集合的数据结构,Map是一种叫做字典的数据结构集合:是由一堆无序的、相关联的,且不重复的内存结构【数学中称为元素】组成的组合字典:是一些元素的集合。每个元素有一个称作key 的域,不同元素的key 各不相同共同点:集合、字典都可以存储不重复的值不同点:集合是以[值,值]的形式存储元素,字典是以[键,值]的形式存储。

2023-11-29 13:43:50 115 1

原创 js防抖与节流

在同一时间内 频繁触发事件,只处理最后一次。

2023-11-28 16:08:56 46

原创 js浅拷贝以及深拷贝

深拷贝和浅拷贝是在JS中经常使用的概念,用于描述对象或数组等引用类型的复制。浅拷贝只是复制了原始对象的引用,而不是复制实际的值。因此,当修改副本时,原始对象的相应值也会改变。深拷贝是将原始对象的所有值都复制到新对象中,而不是仅仅复制引用。因此,修改副本不会影响原始对象。

2023-11-23 16:34:06 140

原创 js中this指向,以及call,apply,bind的区别

bind方法将一个函数绑定到一个对象上,并返回一个新的函数,新函数的this指定为绑定的对象。语法:function.apply(thisArg, [arg1, arg2, ...])作用:创建一个新的函数,使函数调用时this关键字指向某个对象,改变函数的执行上下文。语法:function.bind(thisArg, arg1, arg2, ...)作用:在指定的作用域中调用函数,或者指定函数调用中使用的this对象。作用:在指定的作用域中调用函数,或者指定函数调用中使用的this对象。

2023-11-23 16:23:05 168

原创 js原型以及原型链

Prototype是JavaScript中的一个原型对象,每个JavaScript对象都有一个prototype属性,它指向该对象的原型。原型对象包含该对象的属性和方法。

2023-11-21 15:52:54 222

原创 js中构造函数、静态成员、实例成员、静态方法、包装类型

它们是为了便于基本类型操作而设立的特殊的引用类型,具有基本类型特殊行为。这三个包装对象就是把原始类型的值变成(包装成)的对象,也就是原始类型的包装对象。例如,当我们创建一个"Person"的构造函数,并且为其添加了"name"和"age"属性时,这些就是实例成员。另一方面,静态成员是添加到构造函数本身的成员,只能通过构造函数本身来访问,不能通过生成的实例对象来调用。比如,如果我们有一个名为"Star"的构造函数,并给它添加了一个静态属性"color",那么这个"color"就是一个静态成员。

2023-11-21 15:09:49 180

原创 mouseenter和mouseover的区别

这意味着如果有多个元素嵌套在一起并且绑定了mouseenter和mouseover事件,那么当鼠标从子元素移动到父元素时,只会触发一次mouseenter事件,并不会冒泡到父元素。而mouseover事件会在每个元素上都触发。mouseenter只考虑鼠标是否进入了元素自身,而不考虑鼠标是否进入了元素的子元素。而mouseover则会为鼠标指针进入和离开元素及其子元素触发事件。mouseenter只有在鼠标进入元素时触发,而mouseover在鼠标进入或者在元素内移动时都会触发。

2023-11-15 11:49:18 242

原创 js中的事件

与DOM0级事件不同,DOM2级事件可以监听同一事件多次,并且可以通过removeEventListener()方法来移除事件监听器。它的原理是利用事件冒泡机制,在父元素上监听某些事件,然后根据事件目标的不同来执行相应的操作,而不是在每个子元素上绑定事件。在事件流的传递过程中,可以通过事件的stopPropagation方法来阻止事件继续传递。通常情况下,我们主要关注的是目标阶段和冒泡阶段,因为在这两个阶段中,我们可以通过事件监听器来捕获和处理事件。事件解绑则是将之前绑定的事件从元素上移除,可以通过。

2023-11-15 11:13:43 433

原创 js中的DOM

呜哈哈哈</div>' //<div>呜哈哈哈</div>// var div = document.getElementsByTagName('div')//伪数组(伪元素)console.log(document.querySelectorAll('#box'))//伪元素,伪数组,是集合。div.innerHTML = '<div>呜哈哈哈

2023-11-13 20:17:48 70

原创 js字符串方法

字符串常用方法 charAt() //返回字符串中指定索引(下标)处的字符 charCodeAt() //返回指定位置的字符的 Unicode 编码 concat() //连接两个或多个字符串。没有改变原有字符串 endsWith() //判断当前字符串是否是以指定的子字符串结尾的(区分大小写) startsWith () //检测字符串是否以指定的前缀开始 includes() //判断字符串是否包含指定的子字符串 indexOf(

2023-11-09 16:22:42 57 1

原创 js日期对象

console.log(date.getTime())//从1970年1月1日到现在的毫秒数var date = new Date('2023/10/1') //拿到指定日期的毫秒数console.log(date.getTime()) //拿到此时此刻的毫秒数。

2023-11-09 16:13:43 172 1

原创 js中的函数

return sum // 执行函数后,直接将sum的结果返回给调用函数。函数就是将一堆代码放到一起,形成一种有功能的代码块,在以后需要调用的时候使用。//执行结果,当进行到return的时候,终止函数,只输出1 2 3 4。函数可以通过return设置返回值,这样能够将函数的返回值返回给调用函数。当函数执行到return之后,就会中断函数,后面的语句就不再会执行了。在函数内部可以使用的变量,在函数外部不能使用。也就是说,在调用的时候是给一个实际的内容的。形参的值是在函数调用的时候由实参决定的。

2023-11-07 15:09:48 52

原创 js中的数组

const arr = ['1', 2, true, [1]] 与java不同,js中的元素类型可以不一样。const arr = [10, 20, 30] 数组有3个元素,元素之间用逗号。const num = arr.unshift('雾都', '霸都')const num = arr.push('雾都', '霸都')const arr = ['帝都', '魔都']功能:在数组的末尾追加一个或多个元素。功能:在数组的前面追加一个或多个元素。参数、一个或多个要追加的元素。

2023-11-02 18:26:46 32

原创 js循环控制语句(for,while,do…while)

语法: 应用: 特殊用法: 语法: 应用: 特殊用法:三、do…while循环 与while相似,只不过while是先判断再执行,do…while是先执行再判断四、简单的案例五、双重循环

2023-11-01 17:14:13 182 1

原创 js流程控制语句-分支控制语句(if、三元、switch)

常用的流程控制语句。

2023-11-01 16:51:40 132 1

原创 js中的运算符

算术运算符有 + - * / ++ -- % 等。2、 加强型赋值运算符:+=,-=注意:逻辑与短路现象。注意:逻辑或短路现象。1、普通赋值运算符 =

2023-10-31 18:51:53 141 1

原创 js基本语法和书写规范

编程语言(逻辑)html - 标记语言 - 负责页面内容css - 层叠样式表 - 美化样式js - 脚本语言(配合html网页) - 负责页面的交互、动画、表单校验...服务器程序 node。

2023-10-31 08:28:28 175 1

原创 HTML常见面试题

浏览器会提前使用一些字符,这些字符程序员无法使用空格,大于小于,如果要使用 需要用额外的字符,这就叫实体标签(元素)的分类1、形式上 双,单2、特点上块标签 用来布局1、会独占一行例如:div,h1-h6,ul,li,p2、默认情况下,块标签宽度是父元素的100%,高度是被内容撑开的行内标签 包裹文字1、不会独占一行例如:span,strong,em,a2、默认情况,宽高是被内容撑开的行内块标签1、兼具块标签和行内标签的特点,不会独占一行,可以设置宽高。

2023-10-11 19:02:30 36

原创 使用js实现一个可以添加数据的表格,并且带有删除功能

点击生成,并清除input框中的内容。这样基本功能就完成了。

2023-10-11 17:30:01 1845 2

JS手写Promise源码

为什么要手写Promise?1、深入理解Promise的工作原理:手写Promise可以帮助我们更深入地理解Promise的工作原理和内部机制。通过手动实现Promise的核心功能,如异步调用、状态管理和回调处理,我们可以更好地理解Promise在背后是如何工作的,以及它是如何处理异步操作的。2、提高编程技能:手写Promise是一种良好的练习编程技能的方法。通过手动实现Promise,我们需要考虑到各种边界情况、错误处理和性能优化等方面。这有助于提高我们的编程技能和思维能力,并锻炼我们在处理复杂问题时的逻辑思维和解决问题的能力。3、自定义Promise功能:手写Promise可以让我们根据自己的需求自定义Promise的功能。我们可以添加一些自己的功能和扩展,以满足特定的应用场景。这使得我们能够更好地理解和掌握Promise,并将其应用到实际的项目中。4、更好地使用第三方Promise库:手写Promise可以帮助我们更好地使用和理解第三方的Promise库,如Bluebird或q.js等。通过手动实现Promise,我们可以更好地理解这些库是如何实现Promise的,并更好地使用它

2023-12-19

javascript冒泡排序基本代码

冒泡排序

2023-11-15

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除