自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue 核心之事件处理

事件基本用法:1、使用 v-on:xxx 或 @xxx 绑定事件,其中 xxx 是事件名。2、事件的回调需要配置在 methods 对象中,最终会在 vm 上。3、methods 中配置的函数,不要用箭头函数,否则 this 就不是 vm 了。4、methods 中配置的函数,都是被 Vue 所管理的函数,this 的指向是 vm 或组件实例对象。5、@click=“demo” 和 @click=“demo($event)” 效果一致,后者可以传参

2022-11-02 00:06:28 365 1

原创 Vue 核心之内置指令、自定义指令

复习之去学的指令:v-bind、v-model、v-for、v-on、v-show、v-if、v-else-if、v-else新学指令:v-text、v-html、v-cloak、v-once、v-pre、自定义指令

2022-11-01 10:34:17 450

原创 Vue ui组件的了解、安装、使用

Vue.js 是一个渐进式 JavaScript 框架,用于构建 UIS(用户界面)和 SPA(单页应用程序)。UI 组件库提高了我们的开发效率速度,增强了应用的整体外观、感觉、交互性和可访问性,接下来就看看有哪些适用于 Vue ui 组件库。

2022-10-27 01:29:39 1292

原创 Flex 布局语法

布局的传统解决方法,基于盒状模型,依赖 display 属性 + position 属性 + float 属性。对于那些特殊布局非常不方便,比如:垂直居中就不容易实现。在2009年,W3C提出了一种新方案—Flex布局,可以简便、完整、响应式的实现各种页面布局。已经得到了所有的浏览器支持,可以很安全的去使用这个功能。Flex 是 Flexible Box 的缩写,称为 “弹性布局”,用来为盒状模型提供最大的灵活性。

2022-10-25 00:53:57 155

原创 Vue生命周期

Vue 生命周期:每一个 vue 实例从创建到销毁的过程,就是这个 vue 实例的生命周期。这个过程中,经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染—更新—渲染、卸载等一系列过程。这些过程中,具体 vue 做了什么,我们现在来了解一下。

2022-10-24 00:36:43 64

原创 Vuex 的理解、使用、方法

Vuex 概念:专门在 Vue 中实现集中式状态(数据)管理的一个 Vue 插件,对 Vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件通信的方式,适用于任意组件间通信

2022-10-23 00:42:35 213

原创 Less简介

less 是一门 css 的预处理语言:1. less 是一个 css 的增强版,通过 less可以编写更少的代码实现更强大的样式。2. less 中添加了许多的新特性:像对变量的支持、对 mixin 的支持等...。3. less 语法上和 css 语法一致,但 less 中增添了许多对 css 的扩展,所以浏览器无法直接执行 less 代码,要执行必须将 less 转换为 css,然后再由浏览器去执行

2022-10-13 08:36:58 232

原创 Vue中的MVVM模型及数据代理

Vue中的MVVM模型:data 中所有的属性,最后都出现在 VM 身上,VM 身上所有的属性及 Vue原型 身上所有的属性,在 Vue模板 中都可以直接使用。Vue中的数据代理:Vue 中的数据代理通过 vm 对象来代理 data 对象中属性的操作(读/写),Vue 中的数据代理的好处:更加方便的操作 data 中的数据,基本原理:1.通过 object.dafineProperty() 把 data 对象中所有属性添加到 vm 上,2.为每一个添加到 vm 上的属性......

2022-10-11 13:40:56 251

原创 Vue中 el与data的两种写法

Vue的核心 el 与 data 的两种写法,里面写着很详细,需要了解的话里面请 ~ ~ ~

2022-09-29 10:53:25 191

原创 Node.js的模块

模块:指解决一个复杂问题的时候,自顶向下逐层把系统划分成若干模块的过程。对于整个系统来讲,模块是可以组合、分解和更换的单元。在编辑领域中的模块,就是遵守固定的规则,把一个大文件拆成独立并且相互依赖的多个小模块。代码进行模块拆分的好处有:提高代码的复用性,提高代码的可维护性,可以实现按需加载。

2022-09-27 08:17:35 542

原创 Vue中@submit.prevent作用方法

submit表示通常与form联合使用,在表单中有提交或按钮,立马触发后面紧跟的方法。.prevent表示阻止默认事件的修饰符,提交以后不会刷新页面。阻止默认事件就是指有些标签本身会存在事件,如a标签的跳转,form表单中的submit按钮的提交事件等,某些时候想执行自己设置的事件,这个时候就需要阻止标签的默认事件的执行。在vue中,只需要使用.prevent修饰符就可以。注:prevent不一定非要跟submit绑定在一起

2022-09-22 17:11:43 7467

原创 NPM的认识

NPM全称是Node Package Manager,是node.js 的包管理器,用于node插件管理(包括安装、卸载、管理依赖等),npm 是随同 node.js 一起安装的包管理工具,可以解决 node.js 代码部署上的很多问题。

2022-09-21 21:12:21 894

原创 DOM对象

核心DOM:指提供了操作HTML和XML文档的各种属性,定义一些公共的属性和方法;XML DOM:指针对XML操作的接口,也是一些属性和方法;HTML DOM:指针对HTML文档操作的接口,也是一些属性和方法;Event DOM:指事件对象模型,提供一些常用的事件;CSS DOM:指让js去操作和访问CSS的各种属性

2022-09-16 08:02:37 655

原创 BOM对象

BOM和DOM它不属于JS的范围,它是W3C(互联网联盟)开发的,移植到了我们的JS中。BOM和DOM是一个标准,是一个描述,是一个规范,这个规范在JS中得以实现。JavaScript是Netscape公司开发的。概念:(Browser Object Model) 浏览器对象模型,Bom提供了一系列访问和操作浏览器各个组件的方法。

2022-09-14 23:34:45 107

原创 ES6语法知识(二)

使用箭头函数注意:箭头函数不适用于声明函数,箭头函数不适用于DOM事件,箭头函数不能作为构造函数(迭代器),箭头函数内不能使用arguments,该对象在函数体内不存在,不能使用yield命令,因此箭头函数不能用作 Generator 函数

2022-09-09 00:30:18 108

原创 ES6语法知识(一)

var、let、const的区别:一、相同点:都可以声明变量。二、不同点:1、let 和 const 不存在变量提升,var 存在变量提升。2、var 和 let 能重新赋值,const 不能重新赋值。3、var 能定义声明多次,let 和 const 不能定义声明多次。4、var 和 let 不用赋值,const 必须赋值。5、const 声明常量(只读),let 和 var 声明变量可读可写。6、var 声明的变量没有自身的作用域,而 let 和 const 声明的变量有自身的作用域(块局作用域)。

2022-09-06 13:26:57 244

原创 Node.js介绍、安装、运行

node.js是一个基于Chrome V8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型,让JavaScript 运行在服务端的开发平台。

2022-09-05 12:12:04 710

空空如也

空空如也

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

TA关注的人

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