自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

你若盛开,清风自来

前端干货,学习交流,商务合作可私信,非诚勿扰

  • 博客(1037)
  • 资源 (1)
  • 收藏
  • 关注

原创 【前后端实战项目】带你从入门到实战全面掌握 uni-app

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,具备"编写一次代码可发布到多个平台"的特点,大大的节省了开发成本,极速提升了开发效率。

2022-03-23 22:09:46 4382 4

原创 【前后端实战项目】Vue.js 和 Egg.js 开发企业级健康管理项目

选择 vue-cli3 ,是为了让开发者能够开箱即用快速地进行应用开发而开发的,它们秉承的是思想,简单说就是能不配置的就不配置,你就按照我的方式来,也不要去争论这个好不好,快速进行业务开发才是正经事。 它们不建议你去配置,但也不会拦着你去配置。

2020-10-16 15:05:44 2462 14

原创 深入理解 Vuex 中的this.$store.dispatch方法

🤍 前端开发工程师(主业)、技术博主(副业)、已过CET6🍨🕠 牛客高级专题作者、在牛客打造高质量专栏🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程。

2020-04-24 22:22:29 93016 4

原创 面试官:请你说一说vuex的五个属性,分别是什么,区别和用途说一下

今天面试的时候,有被问到vuex的五个属性,分别是什么,区别和用途说一下这个地方回答的不是很好,思路有点混乱所以就打算整理一下查了一下官网,关于vuex的五个属性还是有很多知识点的官网:https://vuex.vuejs.org/zh/guide/01 前言当我们用 Vue.js 开发一个中到大型的单页应用时,经常会遇到如下问题:如何让多个 Vue 组件共享状态??V...

2020-04-08 22:14:50 16357 13

原创 IO多路复用:提高网络应用性能的利器

本文将介绍IO多路复用的概念、工作原理及其在提高网络应用性能方面的优势。通过阅读本文,你将了解IO多路复用的实现方法,并学会如何在实际开发中应用这一技术。IO多路复用是一种强大的技术,可以显著提高网络应用的性能。通过了解IO多路复用的原理和实现方法,开发者可以在实际开发中更好地利用这一技术,优化应用程序的性能。

2024-03-03 23:05:49 281

原创 非阻塞IO:提高应用程序的效率与性能

本文将介绍非阻塞IO的概念,并探讨它在提高应用程序效率和性能方面的重要作用。通过阅读本文,你将了解非阻塞IO的工作原理,以及如何在实际开发中运用它来优化应用程序的性能。非阻塞IO是一种重要的技术,可以提高应用程序的效率和性能。通过了解非阻塞IO的原理和应用,开发者可以在实际开发中更好地利用这一技术,优化应用程序的性能。

2024-03-03 23:00:24 416

原创 探索JavaScript中的构造函数,巩固你的JavaScript基础

本文将带你深入了解JavaScript中的构造函数,让你掌握如何使用构造函数来创建对象,以及如何通过原型链来实现对象的继承。我们将从基础概念入手,逐步深入,带你揭开构造函数的神秘面纱。🌟本文带你深入理解了JavaScript中的构造函数。你了解了构造函数的基础概念,如何使用构造函数。

2024-02-29 21:29:30 809

原创 使用Fragments(片段)提升你的Vue.js开发体验

在Vue.js开发中,Fragments(片段)是一个经常被忽略的功能,但它能显著提升我们的开发效率。本文将介绍Fragments的概念、优势以及如何在Vue.js中使用它们。🌈在Vue.js中,一个组件通常只有一个根元素。这意味着你必须将所有的子元素放在这个根元素内。但有时候,你可能会有多个根元素,这时Fragments就派上用场了。Fragments允许组件有多个根节点,这样你就可以将多个元素组合在一起,而不必局限于单一的根元素。这不仅使得模板更加清晰,而且在某些情况下,可以避免一些不必要的标记。

2024-02-28 23:13:24 1011 1

原创 【查漏补缺你的Vue基础】Vue数据监听深度解析

在Vue.js中,数据监听是一个核心概念,它使得Vue.js能够实现数据变化自动更新DOM的功能。本文将深入解析Vue数据监听的原理和应用,帮助读者更好地理解和应用Vue.js。💡Vue的数据监听机制是Vue.js数据驱动的核心之一,它使得Vue.js能够实现数据变化自动更新DOM的功能。本文介绍了Vue数据监听的原理和应用,希望读者能够更好地理解和应用Vue.js。Vue.js官方文档Vue.js数据监听机制详解。

2024-02-28 23:07:33 1562

原创 深入理解 JavaScript 对象原型,解密原型链之谜(下)

在 JavaScript 中,对象原型是一种重要的机制,它允许对象继承其他对象的属性和方法,从而实现代码的复用和减少内存的消耗。原型链是 JavaScript 中对象继承属性和方法的一种机制,它使得我们可以共享通用的属性和方法,从而减少内存占用和提高性能。对象原型的应用场景包括:属性和方法的继承:对象原型允许我们在一个对象上添加或修改属性和方法,然后在其派生对象中继承这些属性和方法。这种机制可以减少代码的重复,提高代码的可维护性和可读性。

2024-02-27 08:30:00 795

原创 深入理解 JavaScript 对象原型,解密原型链之谜(上)

本文将深入探讨 JavaScript 中的对象原型,包括其工作原理、用途和优势。通过实例演示,帮助读者更好地掌握这一重要概念。🎓原型链是 JavaScript 中对象继承属性和方法的一种机制。当访问一个对象的属性或方法时,如果该对象本身没有这个属性或方法,JavaScript 会在该对象的原型上查找。这种查找过程形成了一条原型链。原型链的基本概念如下:每个 JavaScript 对象都有一个原型:在 JavaScript 中,所有的对象都是通过原型链来访问属性和方法的。

2024-02-27 08:00:00 892

原创 深入理解 JavaScript 中的绑定机制(下)

在 JavaScript 中,绑定机制是理解许多 JavaScript 概念的关键,包括事件处理、闭包、模块化和设计模式等。以下是关于绑定机制的一些关键要点:理解this的指向:在 JavaScript 中,this的指向取决于函数的调用方式。在普通函数中,this指向全局对象(在浏览器中是window对象);在对象的方法中,this指向调用该方法的对象;在事件处理函数中,this通常指向触发事件的元素。使用bind()方法固定thisbind()方法可以创建一个新函数,该函数的上下文(this。

2024-02-26 08:30:00 873

原创 深入理解 JavaScript 中的绑定机制(上)

本文将详细介绍 JavaScript 中的绑定机制,特别是调用、bindapply和this关键字的使用。通过实例演示,帮助读者更好地理解这些概念。🎓bind。

2024-02-26 08:00:00 1818

原创 深入探索 JS 的提升机制、函数与块作用域以及函数表达式和声明(下)

提升机制、函数与块作用域以及函数表达式和声明是 JavaScript 中的重要概念,它们在 JavaScript 的代码组织和逻辑处理中起到了关键作用。提升机制:提升机制是 JavaScript 中的一个特性,它指的是将函数声明提升到当前作用域的顶部。在代码执行时,函数声明会被提升,而函数表达式(即通过function关键字定义的函数)不会被提升。这个特性使得我们在代码中可以先使用函数,然后再进行声明,不会导致引用错误。函数与块作用域:函数作用域指的是在函数内部定义的变量,只能在函数内部访问。

2024-02-25 11:38:58 1003

原创 深入探索 JS 的提升机制、函数与块作用域以及函数表达式和声明(上)

本文将深入探讨 JavaScript 中的提升机制、函数与块作用域,以及函数表达式和声明的区别。通过详细的示例和解释,帮助读者更好地理解这些重要的概念。🎯函数作用域(Function Scope)和块作用域(Block Scope)是 JavaScript 中两种不同的作用域类型。函数作用域:函数作用域指的是在函数内部定义的变量,只能在函数内部访问,函数外部无法访问。函数作用域是函数式编程的核心概念,它使得函数内部的变量与外部隔离开,提高了代码的可维护性和可复用性。count++;

2024-02-25 11:37:45 813

原创 深入理解JS的执行上下文、词法作用域和闭包(下)

在JavaScript中,执行上下文、词法作用域和闭包之间存在一些复杂的关系。下面详细解释这些关系:执行上下文:执行上下文是JavaScript中变量、函数和对象等执行时的上下文环境。JavaScript中,执行上下文主要包括全局执行上下文(Global Execution Context)和函数执行上下文(Functional Execution Context)。全局执行上下文包含全局作用域中的变量、函数和对象等。函数执行上下文则包含函数词法作用域中的变量、函数和对象等。当执行一段代码时,

2024-02-24 12:45:23 1082

原创 深入理解JS的执行上下文、词法作用域和闭包(中)

闭包(Closure)是JavaScript中一种重要的概念,它指的是一个函数可以访问其词法作用域中的变量,即使这个函数在其词法作用域之外执行。函数可以记住并访问其词法作用域:当一个函数在其词法作用域之外执行时,它仍然可以访问其词法作用域中的变量。let a = 1;// 输出 1bar();foo();在这个例子中,bar函数在其词法作用域foo之外执行,但仍然可以访问foo作用域中的变量a。

2024-02-24 12:42:55 945

原创 深入理解JS的执行上下文、词法作用域和闭包(上)

本文将深入探讨执行上下文、词法作用域和闭包的概念📝,帮助读者更好地理解这些关键的编程概念。通过具体示例和详细讲解,我们将揭示它们在 JavaScript 中的工作原理和应用场景。在JavaScript中,执行上下文(Execution Context)是ECMAScript规范中的一个概念,它定义了代码执行时的环境。JavaScript中的执行上下文分为两种:全局执行上下文和函数执行上下文。

2024-02-24 12:41:37 1362

原创 预检请求:为跨域请求保驾护航(下)

预检请求(Preflight Request)是一种在跨域请求(Cross-Origin Resource Sharing, CORS)中使用的请求,它的目的是为了确保请求的安全性。在跨域请求中,浏览器会限制从不同源(协议、域名或端口不同)的网站请求资源,以防止跨站脚本攻击(XSS)等安全问题。预检请求的重要性和意义如下:确保请求的安全性:预检请求可以确保请求的方法、头部信息和凭据等符合服务器的预期,从而防止跨站脚本攻击等安全问题。

2024-02-19 08:30:00 860

原创 预检请求:为跨域请求保驾护航(上)

预检请求(Preflight Request)是一种在实际请求之前,浏览器先发送一个检查请求,用来询问服务器是否允许该实际请求的方法。这种请求方式主要用于解决跨域请求中可能遇到的问题。在跨域请求中,由于同源策略的限制,某些请求可能会被浏览器拦截,无法发送到目标服务器。为了解决这个问题,预检请求应运而生。通过先发送一个检查请求,浏览器可以询问服务器是否允许该实际请求,如果服务器允许,则再发送实际的请求;如果服务器不允许,则浏览器可以阻止实际的请求,从而避免跨域问题。

2024-02-19 08:00:00 952

原创 Vite 构建流程大揭秘:快速构建前端项目的秘密武器

Vite 是一个构建工具,它可以帮助你快速搭建一个基于 Vue.js 的项目。Vite 是一个新的构建工具,它使用了ES modules和原生ES modules加载器,从而提高了项目的加载速度。Vite 还提供了许多其他功能,如代码拆分动态导入热重载Vite 的重要性在于,它可以帮助开发者更轻松地搭建基于 Vue.js 的项目,提高开发效率,同时保持项目的可维护性和可扩展性。Vite 还支持其他框架,如React和Angular,这使得它成为了一个通用的构建工具。Vite 的构建流程主要包括。

2024-02-18 23:06:38 973

原创 深入剖析跨域请求发送两次的原因及解决方案(下)

浏览器的缓存机制:浏览器为了提高加载网页的效率,会缓存之前请求的网页和图片资源。当再次访问相同的网址时,浏览器会先检查缓存中是否有相应的网页或图片资源,如果有的话,就会直接加载缓存,而不是重新发送请求。如果缓存出现错误,可能导致请求被重复发送。解决方法包括清除浏览器缓存,或者使用不同的浏览器进行测试。预检请求(Preflight Request):预检请求是跨域请求的一种机制。当浏览器发起跨域请求时,浏览器会先发送一个预检请求,用于询问服务器是否允许该跨域请求。如果预检请求失败,则不会发送正式的请求。

2024-02-18 07:30:00 1819

原创 深入剖析跨域请求发送两次的原因及解决方案(上)

CORS(跨域资源共享)是一种新的跨域访问机制,它允许跨域请求。CORS允许一个域的网页访问另一个域的内容,从而实现了跨域访问。基本原理:CORS是通过服务器端设置响应头实现的。当客户端发起跨域请求时,服务器可以在响应头中添加一些特殊字段,告诉浏览器是否允许该跨域请求。请求过程预请求:在发送正式请求之前,浏览器会先发送一个预请求(通常是OPTIONS请求),用于询问服务器是否允许该跨域请求。正式请求:如果服务器返回允许,则浏览器再发送正式的请求。响应处理。

2024-02-18 07:00:00 929

原创 活用 Composition API 核心函数,打造卓越应用(下)

/ 响应式状态// 用来修改状态、触发更新的函数// 生命周期钩子${ref , onMounted } from 'vue' // 响应式状态 const count = ref(0) // 用来修改状态、触发更新的函数 function increment() {count . value ++ } // 生命周期钩子 onMounted(() => {

2024-02-17 07:30:00 1008

原创 活用 Composition API 核心函数,打造卓越应用(上)

Composition API 是 Vue.js 提供的一种新的代码组织方式,它允许开发者更灵活地组合和复用组件的功能。相比于传统的 Options API,Composition API 采用了更具模块化和函数式的风格。通过 Composition API,开发者可以使用一组核心函数(如setuprefreactive等)来管理组件的状态、响应式数据以及逻辑。这种方式使得代码更加简洁、易读,并且更容易进行测试和维护。此外,Composition API 还提供了更好的代码分离和可复用性。

2024-02-17 07:00:00 988

原创 Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(下)

Java和JavaScript都是广泛使用的计算机编程语言,它们有一些相似之处,也存在一些重要的区别。相似之处:面向对象:两者都是面向对象的编程语言,支持类、对象、继承、多态等面向对象的概念。动态类型:两者都是动态类型的编程语言,不需要在编译时指定变量的类型,而是在运行时动态确定变量类型。函数式编程:两者都支持函数式编程,可以将函数作为参数传递,也可以将函数作为返回值。不同之处:编译和执行:Java是静态编译型语言,需要编译成字节码才能在JVM上运行;

2024-02-16 17:39:37 1026

原创 Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(中)

JavaScript是一种广泛使用的计算机编程语言,由Netscape公司于1995年发明。1995年:JavaScript的发布:Netscape公司在网景 Navigator 2.0浏览器中首次引入JavaScript。1996年::Netscape公司发布JavaScript 1.0。1997年::Netscape公司发布JavaScript 1.1。:ECMAScript 1.0标准发布,由Netscape公司和Sun公司共同发起。

2024-02-16 17:38:50 956

原创 Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(上)

Java和JavaScript是两种在编程领域具有重要影响力的编程语言。Java:跨平台性:Java程序可以在不同的操作系统上运行,如Windows、Linux和macOS。这使得Java成为一种广泛使用的编程语言。面向对象:Java是一种面向对象的编程语言,这使得代码更加模块化和易于维护。安全性:Java是一种安全的编程语言,因为它需要在虚拟机上运行,这有助于防止恶意代码的攻击。高性能:Java编译器可以生成高效的机器代码,使得Java程序可以运行得相当快。广泛的应用。

2024-02-16 17:37:58 957

原创 深入理解 ECMAScript modules:提升你的 JavaScript 技能(六)

🤍 前端开发工程师、技术日更博主、已过CET6🍨、23年度博客之星前端领域TOP1🕠高级专题作者、打造专栏🍚签约作者、上架课程。

2024-02-13 00:30:00 2102

原创 深入理解 ECMAScript modules:提升你的 JavaScript 技能(五)

🤍 前端开发工程师、技术日更博主、已过CET6🍨、23年度博客之星前端领域TOP1🕠高级专题作者、打造专栏🍚签约作者、上架课程。

2024-02-13 00:00:00 819

原创 深入理解 ECMAScript modules:提升你的 JavaScript 技能(四)

🤍 前端开发工程师、技术日更博主、已过CET6🍨、23年度博客之星前端领域TOP1🕠高级专题作者、打造专栏🍚签约作者、上架课程。

2024-02-12 00:30:00 893

原创 深入理解 ECMAScript modules:提升你的 JavaScript 技能(三)

🤍 前端开发工程师、技术日更博主、已过CET6🍨、23年度博客之星前端领域TOP1🕠高级专题作者、打造专栏🍚签约作者、上架课程。

2024-02-12 00:00:00 1573

原创 深入理解 ECMAScript modules:提升你的 JavaScript 技能(二)

🤍 前端开发工程师、技术日更博主、已过CET6🍨、23年度博客之星前端领域TOP1🕠高级专题作者、打造专栏🍚签约作者、上架课程。

2024-02-11 00:30:00 946

原创 深入理解 ECMAScript modules:提升你的 JavaScript 技能(一)

ECMAScript modules(ES modules)是 JavaScript 的一种模块化编程方法,它基于 ECMAScript 标准,提供了更加简洁、高效、可维护的代码组织方式。命名空间和模块化:ES modules 允许将一组相关的函数和变量封装成一个模块,每个模块拥有自己的作用域,可以避免全局命名空间的污染,提高代码的可维护性和可读性。按需加载:ES modules 支持动态导入,可以根据需要按需加载模块,这样可以减少初始加载时间的消耗,提高网页性能。// 动态导入模块条件加载。

2024-02-11 00:00:00 908

原创 过渡效果的艺术:CSS transition 让网页交互更平滑(下)

CSS transition 是一种在用户交互时为元素提供平滑动画效果的属性。它可以使网页看起来更加动态和美观,提高用户体验。简单易用:CSS transition 非常容易理解和使用,只需在需要变化的属性上添加transition属性,并指定变化的速度和时间即可。兼容性好:CSS transition 在大多数现代浏览器上都可以正常工作,而且还可以通过@supports规则来解决兼容性问题。

2024-02-10 00:30:00 1205

原创 过渡效果的艺术:CSS transition 让网页交互更平滑(上)

CSS transition 是一种CSS属性,用于在某个属性值发生变化时,平滑地改变属性值。这在创建动画和过渡效果时非常有用。property:要应用过渡效果的 CSS 属性名称。duration:过渡效果持续的时间,单位为秒或毫秒。:过渡效果的时钟函数,用于定义过渡的速度。常见的函数有easelinearease-inease-out和。delay:过渡效果延迟的时间,单位为秒或毫秒。CSS transition 的作用是在属性值发生变化时,平滑地改变属性值,从而创建动画和过渡效果。

2024-02-10 00:00:00 998

原创 2024轻松学会 Vue 框架:Vue 框架快速入门指南(八)

Vue.js的优点和适用场景如下:简单易学:Vue.js的API和模板语法简洁明了,易于理解和上手,适合新手快速入门。渐进式框架:Vue.js是一个渐进式框架,可以按需引入,并且可以逐步应用于现有的项目中,无需全面重构。灵活性高:Vue.js提供了非常灵活的功能和组合选项,开发者可以根据需求选择合适的方式来开发应用。双向数据绑定:Vue.js支持双向数据绑定,只需在模板中声明绑定关系,数据的变化会自动反映到页面上,简化了开发流程。

2024-02-09 00:30:00 1756

原创 2024轻松学会 Vue 框架:Vue 框架快速入门指南(七)

🤍 前端开发工程师、技术日更博主、已过CET6🍨、23年度博客之星前端领域TOP1🕠高级专题作者、打造专栏🍚签约作者、上架课程。

2024-02-09 00:00:00 864

原创 2024轻松学会 Vue 框架:Vue 框架快速入门指南(六)

🤍 前端开发工程师、技术日更博主、已过CET6🍨、23年度博客之星前端领域TOP1🕠高级专题作者、打造专栏🍚签约作者、上架课程。

2024-02-08 00:30:00 1637

原创 2024轻松学会 Vue 框架:Vue 框架快速入门指南(五)

🤍 前端开发工程师、技术日更博主、已过CET6🍨、23年度博客之星前端领域TOP1🕠高级专题作者、打造专栏🍚签约作者、上架课程。

2024-02-08 00:00:00 1143

一个月学会JavaScript.pdf

编程世界里只存在两种基本元素,一个是数据,一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。 数据天生就是文静的,总想保持自己固有的本色;而代码却天生活泼,总想改变这个世界。 你看,数据代码间的关系与物质能量间的关系有着惊人的相似。

2020-04-07

空空如也

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

TA关注的人

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