凛落-CSDN博客

原创 TypeScript与JavaScript 的区别

例如，TypeScript 中的类可以直接定义公共或私有成员变量，而 JavaScript 中的类需要使用语法糖定义成员变量。TypeScript 需要在编译时将 TypeScript 代码编译为 JavaScript 代码才能在浏览器中运行。TypeScript 引入了静态类型检查机制，可以在编译时检查代码的类型错误，这是 JavaScript 不具备的。同时，由于 TypeScript 可以提供编译时的类型检查，IDE 和编辑器可以提供更好的代码智能感知和错误提示。强类型，支持静态和动态类型。

2024-02-26 20:43:16 393

原创 vue3中响应式

toRef 与 toRefs在 Vue 3 中，toRef 和 toRefs 都是用于创建 ref 对象的函数，但它们的使用场景和返回值略有不同。hook函数：类似于混入 mixin。-将相同功能的代码进行封装。

2024-02-21 20:38:44 832

原创 vue3初识

watch(监听的属性（ref 直接写 reactive 用函数），（newVal.oldVal）= >{},{ immediate:true,deep:true})响应式系统的重写（vue2 Object.defineProperty）(vue3 Proxy)watchEffect(()=>{}) 监听⻚面的所有响应式数据立即执行监听。用于定义引用类型数据（如对象或数组）的响应式。将对象内部所有嵌套属性都转换为响应式的属性。不支持非对象或非数组类型的数据。函数用于将数据类型转换为响应式。

2024-02-20 16:10:24 382

原创状态管理与导航守卫

/ index.js中手动引入modulesmodules: {appstate: {num: 10},// 默认state就是有命名空间，// 如果想给mutation和action也加上命名空间的话，这里设置模块的namespaced：true},vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。这里有很多方式植入路由导航中：全局的，单个路由独享的，或者组件级的。

2024-01-28 19:32:43 821

原创插槽，路由的跳转传参，配置代理，计算属性和监听属性

watch:{监听的属性:{ handler(newVal,oldVal){} ,immediate:true(立即监听)，deep：true(深度监听)} }computed：{ 计算的属性（）{}} computed：{ 计算的属性：{get(){},set(){}}}跨域：同源策略：浏览器的一种安全协议，只要主机协议端口号，有一个不一致就会产生同源策略，从而引发跨域。watch:{监听的属性(newVal,oldVal){} }监听属性：当监听的数据发生改变的时候，就会触发监听。

2024-01-21 20:31:14 400

原创路由的使用

自定义 linkActiveClass。

2024-01-19 21:29:11 983

原创父子组件传参

● 模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一● 组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用注意：组件中的DOM结构，有且只能有唯一的根元素（Root Element）来进行包裹数据隔离。

2024-01-18 20:26:54 349

原创 axios的使用以及Vue动画

为什么组件中的data属性必须定义为一个方法并返回一个对象数据隔离父子组件传参父传子在父组件的子标签中自定义一个属性，在子组件中用props接收，设置默认值。子传父在父组件的子标签中自定义一个事件，方法里面有一个参数用来接收子组件的传值，在子组件中this.$emit（‘自定义事件的名字’，传递的数据。使用 transition 将需要过渡的元素包裹起来。

2024-01-18 19:57:58 731

原创 vue生命周期，父子组件生命周期

从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！

2024-01-17 18:17:51 397

原创 vue脚手架，路由，过滤器，自定义指令

○

2024-01-16 16:40:17 454

原创 Vue基础

■ 项⽬构建⼯具■ 资源的合并、打包、压缩、混淆等诸多功能■ 构建⽤户界⾯的渐进式框架，采⽤⾃底向增量开发的设计。

2024-01-15 21:06:04 421

原创 Less和Sass的区别

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合(mixin)、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。

2024-01-15 17:53:13 399

原创 git命令

● Repository：仓库区（或本地仓库）git是目前世界上最先进的分布式版本控制系统。git clone 网址克隆版本库。● Index / Stage：暂存区。● Workspace：工作区。● Remote：远程仓库。

2024-01-11 18:39:33 568

原创 API的介绍

数据类API（getMonth()/reverse()/substring()/tofixed()/Number()）

2024-01-09 18:37:33 404

原创 JavaScript中内置对象--字符串对象

1、substring(start,end)参数都是索引，从start开始截取到end结束，包含start不包含end。2、lastIndexOf() 获取对应字符的索引值，如果有相同的字符，从后往前数第一个字符，如果没有返回-1。1、indexOf() 获取对应字符的索引值，如果有相同的字符，从前往后数第一个字符，如果没有返回-1。2、substr(start,length)参数是索引和长度，从start开始截取length个，2、concat() 参数一般是字符串。2、charAt() 参数是索引。

2024-01-09 16:45:07 433

原创 JavaScript中内置对象--数组对象

start是数组的索引，length是要截取的长度，从start开始截取length个元素，返回一个新数组，会改变原来的数组。start和end都是数组的索引，从start开始截取到end结束，包含start不包含end，返回一个新数组，不会改变原来的数组。2、lastIndexOf() 获取对应元素的索引值，如果有相同的元素，从后往前数第一个元素，如果没有返回-1。1、indexOf() 获取对应元素的索引值，如果有相同的元素，从前往后数第一个元素，如果没有返回-1。2、构造函数创建数组。

2024-01-09 09:14:03 355

原创 JavaScript中内置对象--日期对象

【代码】JavaScript中内置对象--日期对象。

2024-01-08 16:59:29 368

原创 JavaScript中内置对象--数学对象

1、数学对象Math 2、日期对象new Date() 3、数组对象new Array 4、字符串对象new String()1、自定义对象（computer/car） 2、DOM对象（div/p） 3、BOM对象（window/console） 4、内置对象。

2024-01-08 16:03:49 441

原创 JavaScript基础--对象

世间万物皆为对象电脑：特征：内存、颜色、牌子、尺寸……行为：打游戏、敲代码、看视频、网上冲浪……

2024-01-08 10:56:44 448

原创 JavaScript基础--作用域

先从当前的作用域内查找，如果有就返回，如果没有依次向上一级作用域内查找，直到全局作用域；如果全局作用域内还没有，就报错。全局变量都是window对象下的属性，全局函数都是window对象下的方法。全局变量：在全局作用域内定义的变量，在任何的作用域内都是有效的。生命周期：浏览器打开的时候开始，浏览器关闭的时候销毁。3、在局部作用域内没有用var声明的变量以赋值号连接。2、在局部作用域内没有用var声明的变量以分号分隔。1、在局部作用域内没有用var声明的变量。局部变量：只在当前的局部作用域内有效。

2024-01-05 15:52:53 518

原创 JavaScript基础--布尔类型，空型和未定义

var a。

2024-01-04 16:31:39 482

原创 JavaScript基础--字符串类型

1、加号左右两边只要有一个是字符串就是字符串的拼接。2、加号左右两边都是数字就是数字的四则运算。

2024-01-04 16:18:49 389

原创 JavaScript基础--数据类型，数字类型

6、最大值 Number.MAX_VALUE 最小值 Number.MIN_VALUE 正无穷Infinity 负无穷 -Infinity。1、基本类型：数字类型number、字符串类型string、布尔类型boolean、空型null、未定义undefined、唯一值symbol(ES6)2、引用类型：数组array、函数function、对象object、set(ES6)、map(ES6)5、浮点数的相加可能会出错，0.1+0.2 不等于0.3的原因是转换成二进制时是个近似值、

2024-01-04 16:18:38 489

原创 JavaScript代码写法和问题

4、在浏览器控制台中书写（用于测试代码）1、在内部script标签中书写。2、在外部的js文件中书写。3、在行内标签中书写。

2024-01-04 15:58:41 372

原创 JS基础--变量

1、变量的声明：关键字var 变量名;变量的赋值：变量名 = 值2、变量的声明且赋值（变量的初始化）var 变量名 = 值3、多个变量同时声明赋值 var 变量名1 = 值1,变量名2 = 值2,变量名3 = 值;4、不用var定义（不建议使用）

2024-01-04 15:57:41 428

原创 JavaScript介绍

1、单行注释 //2、多行注释 /* */

2024-01-04 15:37:04 356

原创 JavaScript基础--预解析

JavaScript引擎在对JavaScript代码进行解释执行之前，会对JavaScript代码进行预解析，在预解析阶段，会将以关键字var和function开头的语句块提前进行处理。

2024-01-04 15:17:10 396

原创 JavaScript基础--单线程

1、 setTimeout(回调函数,时间间隔)：隔一段时间执行回调函数中的函数体，只执行一次。此函数的返回值就是该定时器的名称。2、setInterval(回调函数,时间间隔):每隔一段时间执行回调函数中的函数体，一直执行。clearIntetval(定时器的名称)：清除setInterval定时器。clearTimeout(定时器的名称)：清除setTimeout定时器。3、网络请求（ajax、axios、wx.request）回调函数:一般是让匿名函数当做参数。6、generator函数。

2024-01-03 16:41:34 391

原创冒泡排序，数组去重

【代码】冒泡排序，数组去重。

2024-01-03 11:43:51 357

原创 JS基础--函数进阶

通过typeof判断返回都应该是object。作用：操作参数，参数是该对象数组的前几个元素。

2024-01-02 20:31:10 437

原创 JS基础--函数的返回值

4、函数使用return语句后，这个函数会在执行完 return 语句之后停止并立即退出，也就是说return后面的所有其他代码都不会再执行。3、如果函数使用 return语句，但是return后面没有任何值，那么函数的返回值也是：undefined。1、如果函数没有显示的使用 return语句，那么函数有默认的返回值：undefined。2、如果函数使用 return语句，那么跟再return后面的值，就成了函数的返回值。

2024-01-02 16:54:12 476