前端基础
关注
分享
扫一扫
文章平均质量分 89
饺子泡牛奶
初级软件测试助理
展开
-
ES6基础新特性
章节目录：一、ES6简介二、ES6新特性2.1 变量声明2.2 解构表达式2.3 字符串2.4 函数2.5 对象方法2.6 数组方法三、结束语一、ES6简介ECMAScript 6.0（以下简称 ES6，ECMAScript 是一种由 Ecma 国际(前身为欧洲计算机制造商协会,英文名称是 European Computer Manufacturers Association)通过 ECMA-262标准化的脚本程序设计语言）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正原创 2022-04-16 06:23:00 · 262 阅读 · 0 评论 -
ES6特性-异步对象Promise
章节目录：一、Promise基本概念二、Promise使用2.1 示例文件2.2 句式2.3 代码示例三、Promise总结四、结束语一、Promise基本概念ECMAscript 6 原生提供了 Promise 对象。Promise 对象代表了未来将要发生的事件，用来传递异步操作的消息。异步对象的三种状态：pending: 初始状态，不是成功或失败状态。fulfilled: 意味着操作成功完成。rejected: 意味着操作失败。此处我们有一个诉求：通过查询提供的文件，来模拟处理原创 2022-04-16 06:24:40 · 400 阅读 · 0 评论 -
Vue-概念及基本使用
章节目录：一、MVVM思想二、Vue简介三、Vue基本使用3.1 创建Vue实例3.2 模板或元素3.3 数据3.4 方法四、结束语一、MVVM思想M: Model 数据模型层 - 提供数据。V: Views 视图层 - 渲染数据。VM：ViewsModel 视图模型层 - 调用数据渲染视图。简言之，就是通过数据来驱动视图，不需要过多考虑dom操作，把重心放在VM。二、Vue简介Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，原创 2022-04-16 06:26:22 · 249 阅读 · 0 评论 -
Vue-指令
章节目录：一、指令概述二、插值表达式2.1 v-text 和 v-html三、v-bind四、v-model五、v-on5.1 事件绑定5.2 事件修饰符5.3 按键修饰符六、v-for七、v-if和v-show八、v-else 和 v-else-if九、结束语一、指令概述指令 (Directives) ：是带有 v- 前缀的特殊 attribute。指令 attribute 的值预期是单个 JavaScript 表达式。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。原创 2022-04-16 06:27:52 · 578 阅读 · 0 评论 -
Vue-计算属性和侦听器
章节目录：一、计算属性二、侦听器三、过滤器四、计算属性 vs 侦听器五、结束语一、计算属性某些结果是基于之前数据实时计算出来的，我们可以利用计算属性（computed）。在 data.computed 属性中进行计算的过程构造。计算属性是基于它们的响应式依赖进行缓存的，只在相关响应式依赖发生改变时它们才会重新求值。基于此对于任何复杂逻辑，你都应当使用计算属性，而如果你不希望有缓存，就请用方法（methods）来进行替代。代码示例：<body> <div id原创 2022-04-16 06:29:05 · 258 阅读 · 0 评论 -
Vue-组件化
章节目录：一、组件简介二、组件使用三、组件总结及注意事项四、结束语一、组件简介在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。例如可能会有相同的头部导航。 但是如果每个页面都独自开发，这无疑增加了我们开发的成本。所以我们会把页面的不同部分拆分成独立的组件，然后在不同页面就可以共享这些组件，避免重复开发。在 vue 里，所有的 vue 实例都是组件。通常一个应用会以一棵嵌套的组件树的形式来组织（如图所示）：二、组件使用代码示例：<body>原创 2022-04-16 06:30:13 · 250 阅读 · 0 评论 -
Vue-生命周期及钩子函数
章节目录：一、生命周期简介二、钩子函数三、代码示例四、渲染过程展示五、结束语一、生命周期简介每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期图：二、钩子函数beforeCreate()：表示实例完全被创建出来之前会执行它。此时data()和methods()中的数据和方法都还没有被初原创 2022-04-16 06:31:16 · 285 阅读 · 0 评论