自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue 核心插件 Vuex(二)

Vuex 是一个 Vue 的 状态(状态即为数据)管理工具,是Vue为我们提供的一个插件,它可以帮助我们管理共享状态,并附带了更多的概念和框架。vuex中一共有五个状态 State Getter Mutation Action Module

2023-08-04 15:11:38 146

原创 Vue 核心插件 Vuex (一)

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

2023-07-27 15:13:51 259

原创 面试题 JS中的原型和原型链

就是说在通过构造函数创建实例的时候,如果去实例中找寻某个属性值的时候,如果他有的话就会直接输出,如果没有的话,就会去它的原型对象中去找。

2023-07-27 14:10:01 140

原创 Vue 核心插件 Router 路由详解

在web开发中,客户端的请求是以url的形式传递给服务器,它根据URL将请求分配到指定的一个端并且在这个过程中对其进行处理。然后路由再调用相关的控制器,控制器调用相关的服务,并返回视图对象。路由再从视图对象中提取生成好的网页代码返回给Web服务器,最终返回给客户端。

2023-07-24 19:34:31 854

原创 Vue 面试题 单页应用和多页应用的区别

单页面应用又称==SPA==(Single Page Application) 指的是使用单个HTML完成多个页面切换和功能的应用。多页面应用又称==MPA==(Multi Page Application),指多个独立的页面的应用,每个页面必须重复加载js,css等相关资源。

2023-07-23 10:04:04 307

原创 Vue 插槽(slot)用法

插槽:是Vue 中的一种组件间的内容分发方式。它允许你在一个组件中定义可替换的内容,并在使用该组件时提供不同的内容。插槽使得组件的结构更加灵活,可以根据需要动态地传递内容。

2023-07-21 20:01:57 632

原创 Vue 自定义指令的创建和使用

自定义指令:自己定义的指令,可以封装一些DOM操作,扩展额外的功能。这些指令被称为自定义指令

2023-07-21 16:46:42 264

原创 vue面试题 $nextTick原理

$nextTick 是一个用于在DOM更新完成后执行回调函数的方法,平时在获取真实DOM的时候获取不到最新的DOM元素,使用$nextTick就可以。

2023-07-19 16:09:23 64

原创 Vue 父子组件通信v-model .sync修饰符

v-model 是Vue框架的一种内置的API指令,本质是一种语法糖写法。

2023-07-19 15:20:30 715

原创 Vue 组件通信

这种方式就是vue中依赖注入,该方法用于 父子组件之间 的通信。当然这里所说的父子不一定是真正的父子,也可以是祖孙组件,在层数很深的情况下,可以使用这种方式来进行传值。provide和inject是vue提供的两个钩子,和data、methods是同级的。在上面的代码中,子组件获取到了父组件的parentVal值,父组件改变了子组件中message的值。有组件发布事件后 剩余的所有组件都可以进行监听事件。B组件(Child.vue)C组件(Child.vue)A组件(App.vue)父组件App.vue。

2023-07-18 19:47:40 92

原创 Vue 组件 data 为什么必须是函数(面试题)

通过vue . extend方法创建一个子类,创建子类之后会把自己的选项和父类的选项使用mergeOptions方法做一个合并,自己的选项就包含data。在mergeOptions中会调用strats . data对子类的data进行合并,这个方法中首先会判断子类的data进行判断,要求data必须是一个函数,如果不是会报错告诉它这个data应该是一个函数定义,因为每一个组件都会返回一个实例,如果是data就会调用 mergeDataOrFn方法进行合并。

2023-07-16 10:57:48 86

原创 Vue 脚手架搭建(v5.08)和基本项目介绍

vue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板

2023-07-14 17:06:19 1018

原创 Windows 运行窗口(win+r)常用命令

运行窗口是操作系统的一部分,它为用户提供了一个界面,帮助用户完成日常任务。本文主要介绍一些常用的运行窗口命令

2023-07-14 14:38:00 2388

原创 Vue 生命周期和钩子函数

vue从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程,称之为 Vue 的生命周期。

2023-07-14 14:11:12 105

原创 Vue watch侦听器(入门)

watch允许开发者监视数据的变化,是 vue 提供的一种用来观察和响应实例上数据变化的属性,属性发生变化,便会触发对应的监听函数。

2023-07-12 19:24:13 320

原创 Vue computed计算属性详解(入门)

computed是一个计算属性,该属性的方法名相当于date属性里面的key,他可以作为key值使用,该属性里面的方法必须要有return返回值,这个返回值就是(value)值 。

2023-07-11 20:28:05 828

原创 Vue 指令补充(入门)

Vue指令修饰符就是通过“.”指明一些指令**后缀** 不同的**后缀**封装了不同的处理操作 主要目的就是为了 简化代码

2023-07-11 19:07:52 96

原创 Vue中常用的指令(入门)

vue指令(Directives)是 Vue 提供的带有 **v- 前缀** 的 特殊 标签**属性**。使用指令,可极大提高程序员操作DOM的效率。

2023-07-10 17:29:00 248

原创 什麽是Vue?(入门)

Vue是一套用于构建用户界面的渐进式JavaScript框架与传统JS和JQuery框架不同,Vue的渐进式框架表示开发者可以由简单组件写起,渐渐搭建出一个复杂的前端平台。组件化MVVM响应式,和生命周期。Vue一切是数据为核心,使用数据来驱动视图刷新,我们不建议去操作dom基于数据渲染出用户可以看到的界面所谓渐进式,就是循序渐进,并非将Vue的所有API都学完才可以进行Vue开发,可以学一些用一些。

2023-07-10 16:26:45 46

原创 局部作用域、全局作用域、作用域链、闭包、变量提升?

作用域(scope)规定了变量能够被访问的“范围”,离开了这个“范围”变量便不能被访问,作用域分为全局作用域和局部作用域。JavaScript 中的作用域是程序被执行时的底层机制,了解这一机制有助于规范代码书写习惯,避免因作用域导致的语法错误。了解作用域对程序执行的影响及作用域链的查找机制,使用闭包函数创建隔离作用域避免全局变量污染。如下图所示,父子关系的作用域关联在一起形成了链状的结构,作用域链的名字也由此而来。文件的【最外层】就是所谓的全局作用域,在此声明的变量在函数内部也可以被访问。

2023-07-03 19:44:39 32

原创 node.js的安装、环境配置及常用命令

noode.js是一个基于Chrome V8引擎的JavaScript运行环境,本文主要介绍node.js(以16.13.1版本为例)的安装方法、环境配置,以及node在使用中常用命令。

2023-07-03 18:57:42 750

原创 JS声明变量关键字 var、let和const 的区别

而在使用let声明迭代变量时,JS 引擎在后台会为每个迭代循环声明一个新的迭代变量,每个 setTimeout 引用的都是不同的变量实例,所以 console.log 输出的是我们期望的值,也就是循环执行过程中每个迭代变量的值。var 声明的变量会被提升到函数作用域的顶部,let 和 const 声明的变量不存在提升,且具有暂时性死区特征。在全局作用域中使用 var 声明的变量会成为 window 对象的属性,let 和 const 声明的变量则不会。,而let声明的范围是。

2023-06-29 11:16:22 87

原创 JavaScript中的事件流(冒泡和捕获)

本文主要介绍JavaScript中事件流,其中主要介绍事件冒泡和事件捕获。

2023-06-28 15:14:10 87

原创 JavaScript DOM及其操作(操作元素和节点)

本文主要介绍JavaScript中DOM里面操作元素和节点的知识,主要的重点在于元素属性添加的各种方法,和DOM节点的增、删、改、查等各种操作

2023-06-13 20:58:35 53

原创 JavaScript DOM及其操作(事件)

本文主要介绍JavaScript中 DOM这里事件的相关内容,包括操作事件的方法,常见事件类型、事件对象属性和方法等。

2023-06-13 19:53:02 1713

原创 JavaScript DOM及其操作(获取节点方法)

本文主要介绍原生js 中 DOM节点的获取方法。

2023-06-08 19:09:40 198

原创 JavaScript DOM及其操作(获取元素方法)

本文主要介绍原生js中 DOM的获取元素的方法。

2023-06-08 10:56:08 177

原创 JavaScript DOM案例 复选框 全选 反选 源代码

本文主要对复选框的一系列操作进行实现,只是一个小小的案例,重在逻辑的运用

2023-06-06 15:28:57 71

原创 JavaScript DOM案例 点击按钮实现显示相应列表 多种方法

本文通过不同方法实现一个小的点击触发事件按例,主要注意的是排他思想的使用和、let和var关键字的区别,希望以后能够收益,作为自己经验的积累

2023-06-06 11:08:51 1194

原创 JavaScript实现倒计时功能

本文主要介绍JavaScript中封装时间函数和如何倒计时功能,没有拐弯抹角,拿走即用。

2023-05-31 18:30:08 3398 2

原创 JavaScript里的作用域、作用域链和闭包

本文主要介绍从网上淘来的javascript中作用域、作用域链和闭包等相关的内容,每天积累一点,总有收获。

2023-05-29 19:33:39 145 1

原创 JavaScript的数据类型

本文主要介绍javascript中的基本数据类型和引用数据类型,以及基本的数据类型转换。

2023-05-28 11:42:12 354

原创 Markdown编辑器的使用

本文主要对于markdown(csdn)编辑器的使用,,包括锚点的使用,文本的样式调整、图片的对齐、表格的样式等。本文从网上查找资料而来,也要归于网上,除了方便自己之外,也想将经验知识分享给别人。

2023-05-25 20:55:27 1527 1

原创 W3C?什么是W3C相关标准?

什是W3C标准: 不是一个标准,而是万维网联盟制定的一系列标准网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。

2023-05-24 20:10:23 202 1

空空如也

空空如也

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

TA关注的人

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