自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 es6之异步编程

在实例化中,参数为函数,函数中又有两个用于回调的函数。两个回调函数中,resolve 为异步执行成功时的回调,其参数可以传递执行的结果。reject 为异步执行失败时的回调,其参数可以传递失败的错误信息。使用 resolve 和 reject 方法传递出去的参数被谁接收到了,是以何种方式接收的?接下来说下 then 方法。

2023-03-17 20:52:14 368

原创 vue之生命周期

接触了组件后,应该需要了解整个实例的生命周期是怎么样的,有哪些钩子函数,在哪个阶段我们能操作什么,实例在不同的阶段都会抛出不同的钩子函数,方便开发者能够精确的控制整个流程。一个 Vue 实例从创建到销毁的完善周期,以及相关周期,向外抛出的钩子函数。

2023-03-13 20:30:09 99

原创 vue之组件

Vue 支持模块化和组件化开发,可以将整个页面进行模块化分割,低耦合高内聚,使得代码可以在各个地方使用。知识点组件注册组件复用组件通信动态组件本小节学习了 Vue 组件注册以及使用,了解了组件间通信模式,父向子 props,子向父 emit 自定义事件。组件注册组件复用组件通信动态组件。

2023-03-13 20:20:56 150

原创 vue之表单处理(二)

v-model 指令基础用法值绑定修饰符本节学习了表单元素的处理方法,基础用法,表单元素的值绑定方法,以及便捷的表单修饰符。

2023-03-12 20:18:11 166

原创 vue之表单处理(一)

在日常的开发中,表单随处都被使用到,如:登录,问题反馈功能等。对表单的数据收集和绑定也是很常规的工作。在一般开发中处理表单,需要通过操作 DOM 来实现,是一个相对繁琐且低效率的工作。然而在 Vue 项目中你可以用 v-model 指令在表单 、 及 元素上创建双向数据绑定。轻松地实现表单数据收集或绑定,提高了开发效率。它会根据控件类型自动选取正确的方法来更新元素。负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。接下来带领大家看看其基础用法。知识点v-model 指令基础用法。

2023-03-11 14:46:47 527

原创 vue之事件处理(二)

事件绑定指令事件处理方法内联方法修饰符本小节的知识相对比较重要,开发中经常会遇到,一定要理解和实践。

2023-03-10 14:50:47 154

原创 vue之事件处理(一)

在平常开发中,对 DOM 的操作很常见,然而 Vue 中是虚拟 DOM 不太提倡直接进行原生 DOM 操作,降低性能。在 Vue 中可以使用 v-on 指令来操作 DOM 事件。知识点事件绑定指令事件处理方法内联方法修饰符。

2023-03-09 14:43:44 36

原创 vue之条件与循环渲染(二)

v-if 和 v-elsev-showv-if 和 v-show 比较v-for 将数组数据渲染成元素v-for 将对象数据渲染成元素key 属性数组更新检测对象更新的注意事项本小节涉及的知识点比较多,但是还是比较容易理解,并且这些指令方法基本都会搭配使用,重点需要注意数组和对象操作中一些小知识,有些情况下用 Vue.set 来操作数组或者对象,才能建立响应式,才能触发视图更新。

2023-03-08 16:12:25 548

原创 vue之条件与循环渲染(一)

前面提到 Vue.js 的作用是动态的构建用户界面,灵活的控制渲染是很有必要的,快速构建也是很有必要的,条件渲染和循环渲染,在视图构建中起着重要作用。知识点v-ifv-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回除了 false,0,“”,null,undefined 和 NaN 外的值的时候被渲染。使用以下命令引入vue.js 文件。例如:当 display:true 时,运行结果:当 display:false 时,运行结果:使用 v-else 指令来表示 v-if 的“

2023-03-07 14:44:44 295

原创 vue之class与style绑定

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。动态的绑定与修改。知识点元素的 class 对象语法绑定元素的 class 数组语法绑定元素的 style 对象语法绑定元素的 style 数组语法绑定。

2023-03-06 19:21:25 479

原创 vue 计算、侦听属性与过滤器

前面我们接触到了 Vue 实例选项中的 el、data、methods 这三个属性,还记得它们各自的用途吗?接下来我们将学习实例的其他属性。知识点计算属性计算属性中 getter 和 setter侦听属性计算属性与侦听属性对比过滤器的使用计算属性计算属性中 getter 和 setter侦听属性计算属性与侦听属性对比过滤器的使用相信大家收获肯定不少,赶快检验自己有没有掌握。

2023-03-05 14:25:49 78

原创 vue模板语法(二)

双大括号表达式插值v-bind 指令v-on 指令指令缩写本小节让我们学习了 Vue.js 模板语法,了解双大括号表达式,以及模板插值,模板上简单的指令应用,指令的缩写模式等,相信大家对 Vue.js 已经有了初步了解,看看自己掌握没有,我们将进入更深入的学习。

2023-03-04 20:53:04 58

原创 vue模板语法(一)

相信模板语法大家多少都有所接触,例如百度模板引擎、ejs等等。同样 Vue.js 也使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析,通俗的讲 Vue 模板语法就是在使用 Vue.js 开发时,你可以写在 HTML 元素上的操作语法,让你开发更高效,例如:绑定样式,循环出元素列表等。知识点双大括号表达式插值v-bind 指令v-on 指令指令缩写。

2023-03-04 11:41:12 66

原创 认识Vue

知识点Vue 与其他框架的对比及特点安装 Vue 的方法node 的安装vue-cli 的安装Vue 开发者工具的安装Vue 创建实例Vue 数据的双向绑定及响应式官网Vue 与其他框架的对比及特点安装 Vue 的方法node 的安装vue-cli 的安装Vue 开发者工具的安装Vue 创建实例Vue 数据的双向绑定及响应式。

2023-03-03 17:59:47 78

原创 原生Ajax(JavaScript Ajax)

用户在浏览器执行一些操作,通过 AJAX 引擎发送 HTTP 请求到服务器请求数据,请求成功后,由服务器把请求的数据拿给 AJAX 引擎,再由 AJAX 拿给浏览器。在这里异步是指通过 AJAX 向服务器请求数据,在不刷新整个页面的情况下,更新页面上的部分内容。浏览器如果直接向服务器请求数据的话,在请求过程中,你是不能对页面进行其他操作的,这叫同步请求,而把请求数据这个活外包给 AJAX 后,在请求过程中,用户还是可以对页面进行其他操作,这就是我们的异步请求了,也是 AJAX 的核心特点。

2023-03-02 17:07:46 72

vue 开发者工具 Vue Devtools

适用于chrome浏览器 安装流程:打开浏览器,打开设置>开发工具>扩展程序,将下载好的 Vue Devtools 拖到界面中,即可完成安装(谷歌浏览器为例)。 安装成功后即可在chrome浏览器中调试你的vue应用了。 如果,使用其他浏览器可以下载对应浏览器的 Vue Devtools。 https://github.com/vuejs/devtools#vue-devtools Get the Chrome Extension / (beta channel) Get the Firefox Addon / (beta channel) Get standalone Electron app (works with any environment!) 更多安装方式 其他安装方式请参考:官网教程https://v2.cn.vuejs.org/v2/guide/installation.html

2023-03-04

空空如也

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

TA关注的人

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