Composition55555-CSDN博客

原创 027.整理几个面试题——关于Vuex、Vue指令

文章目录关于Vuex01. vuex是什么？02. vuex有哪几种属性？03. Ajax请求写在哪里？04. Vuex刷新页面数据丢失？关于指令01. v-show与v-if的区别？02. v-for与v-if的使用？03. v-for中的**key**的作用？04. v-on可以监听多个方法吗？05. vue常用的修饰符06. vue初始化页面闪动问题07. v-model的原理？网上收集整理关于Vuex01. vuex是什么？Vuex 是一个用于 Vue 的状态管理器使用Vu

2021-07-26 20:22:25 471

原创 026.整理几个面试题——关于路由

关于路由01. 【vue-router】是什么?02. 【active-class】是哪个组件的属性？03. 在【router-link】注册事件无效？04. 如何定义动态路由？05. vue-router 有哪几种导航钩子?06. 路由守卫可以接收什么参数？07. 如何监听路由变化？08. 【route】和【route】和【route】和【router】的区别09. 页面传参10. vue-router的路由模式有几种11. 路由模式实现原理？12. 如何实现路由懒加载？关于路由网上收集整理

2021-07-26 20:18:14 915

原创 025.整理几个面试题——关于组件

文章目录关于组件01. 组件通信的方式？02. 【keep-alive】的作用是什么?03. 让CSS只在当前组件中起作用？04. 如何获取dom?08. 【$nextTick】的使用？关于组件网上收集整理01. 组件通信的方式？通过props / $emit通过ref引用通过$parent / $children通过EventBus事件总线$emit / $on通过$props / $attrs / $listeners多级组件通信通过provid

2021-07-05 10:21:56 477 3

原创 024.整理几个面试题——关于Data

关于Data网上收集整理01. 如何重置Vue中的data？使用：Object.assign(newObj, oldObj)this.$data：获取当前状态下的datathis.$options.data()：获取该组件初始状态下的dataObject.assign(this.$data, this.$options.data())// 如果只是重置某一个属性this.id = this.$options.data().id;02. 组件中的data为什么是函数？

2021-07-05 10:04:52 152 3

原创 023.整理几个面试题——关于Vue？

关于Vue？网上收集整理01. 【vue-loader】的作用是什么？作用：一个基于Webpack的loader，可以解析和转换.vue文件能提取template、script、style标签中代码，并分别把他们交给对应的loader处理，然后转换为JS模块02. 【Vue.use】是什么？vue.use 是用来使用插件的，我们可以在插件中扩展全局组件、指令、原型方法等Vue.js 的插件应该暴露一个 install 方法。这个方法的第一个参数是 Vue 构造器，第二个

2021-07-05 10:03:51 117 3

原创 022.整理几个面试题——关于Vue原理（简）

关于原理网上收集整理01. MVVM框架是什么？概念：MVVM框架，即Model-View-ViewModelModel 层：即数据模型层，泛指后端进行的各种业务逻辑处理和数据操控对于前端来说就是后端提供的 api 接口View 层：即视图层，也就是用户界面前端主要由 HTML 和 CSS 来构建ViewModel层：ViewModel 是由前端开发人员组织生成和维护的视图数据层作用：主要用于实现双向数据绑定当数据一旦改变，就会相应的刷新对应的视

2021-07-05 09:59:17 144

原创 021.整理几个面试题——关于Vue框架

Vue框架从网上收集整理01. Vue框架的优点？优点：性能好，容易优化体积小低耦合可重用独立开发可测试核心数据驱动：ViewModel，保证数据和视图的一致性组件系统：应用类UI可以看作全部是由组件树构成的02. 渐进式框架是什么？渐进式框架是：03. SPA单⻚⾯的优缺点是什么？概念：SPA即 single-page application ，仅在⻚⾯初始化时加载相应的 HTML、JavaScript 和 CSS⼀旦⻚⾯加载完成，SPA 不会

2021-07-05 09:56:21 105

原创 06. 音频

文章目录记第一个小程序DEMO01. Audio02. `innerAudioContext`对象（1）属性（2）方法03. `backgroundAudioManager`对象（1）属性（2）方法04. 实现歌曲播放05. 实现歌词滚动（1）处理歌词数据（2）歌词匹配显示写在前面本文写了很多官网的API的相关知识点，可略过直接到官网查看记第一个小程序DEMO名称：仿网易云音乐小程序接口：网易云音乐NodeJS版 API内容：主要实现轮播图、歌单推荐、排行榜、歌单显示、歌曲播放、歌词显

2021-06-08 23:08:35 510

原创 05. page

文章目录记第一个小程序DEMO01. 歌单详情02. 页面Page（1）基本参数（2）生命周期函数（3）页面操作（4）右上角功能03. 应用（1）参数接收（2）下拉刷新（3）上拉触底写在前面本文写了很多官网的API的相关知识点，可略过直接到官网查看记第一个小程序DEMO名称：仿网易云音乐小程序接口：网易云音乐NodeJS版 API内容：主要实现轮播图、歌单推荐、排行榜、歌单显示、歌曲播放、歌词显示这几部分功能，其它暂未作考虑本文主要内容：实现首页歌单详情页（请忽略样式、布局

2021-06-08 23:03:29 112

原创 04. 路由事件

文章目录记第一个小程序DEMO01. 排行榜部分02.路由跳转04. 事件绑定（1）事件类型（2）事件绑定方式（3）事件对象05. 歌单点击事件写在前面本文写了很多官网的API的相关知识点，可略过直接到官网查看记第一个小程序DEMO名称：仿网易云音乐小程序接口：网易云音乐NodeJS版 API内容：主要实现轮播图、歌单推荐、排行榜、歌单显示、歌曲播放、歌词显示这几部分功能，其它暂未作考虑本文主要内容：实现首页排行榜部分、实现歌单点击功能接下来，我们实现排行榜部分，这部

2021-06-08 23:01:52 248

原创 03. scroll-view

文章目录记第一个小程序DEMO01. scroll-view滚动视图区域（1）关于滚动（2）关于下拉刷新（3）其它属性（4）关于事件02. 滚动区域布局03. 请求数据并渲染写在前面本文写了很多官网的API的相关知识点，可略过直接到官网查看记第一个小程序DEMO名称：仿网易云音乐小程序接口：网易云音乐NodeJS版 API内容：主要实现轮播图、歌单推荐、排行榜、歌单显示、歌曲播放、歌词显示这几部分功能，其它暂未作考虑本文主要内容：实现首页推荐区域涉及到滚动视图区域，所

2021-06-08 22:59:23 336

原创 02. swiper、image、request

文章目录记第一个小程序DEMO01. Swiper轮播图标签（1）关于指示点（2）关于切换（3）关于滑块（4）关于事件02. image图片标签（1）基本属性（2）关于样式（3）关于模式（4）关于事件04. 轮播图区域实现05. request网络请求（1）基本属性（2）其它注意06. 封装request07. 请求数据08. 渲染数据写在前面本文写了很多官网的API的相关知识点，可略过直接到官网查看记第一个小程序DEMO名称：仿网易云音乐小程序接口：网易云音乐NodeJS版 API内

2021-06-08 22:57:18 468

原创 01.小程序简要介绍

文章目录微信小程序的基本结构01. 小程序简介02. 项目基本结构03. 关于`app.json`04. 关于`app.js`05. 关于`app.wxss`06. 关于`page.json`07. 关于`page.wxml`08. 关于`page.wxss`09. 关于`page.js`10. 关于开发工具写在开头初步学习中，若有错误，还请谅解！微信小程序的基本结构01. 小程序简介渲染层：web View渲染有多个页面，可以有多个web View线程逻辑层：JsCore线程

2021-06-08 22:52:54 236 2

原创 020.Axios

文章目录01. Axios 封装（1）引入Axios（2）创建实例（a）关于配置项：（3）请求拦截（4）响应拦截（5）请求（6）使用（7）终02. 如何重置Vue中的data？03. 组件中的data为什么是函数？04. 【vue-loader】的作用是什么？05. 【keep-alive】的作用是什么?06. Vue.use是什么？07. 如何在Vue实例上挂载一个属性/方法？08. SPA 单⻚⾯的优缺点是什么？01. Axios 封装（1）引入Axiosimport axios from '

2021-06-03 22:31:14 2425 15

原创 019.过滤器和自定义指令

文章目录过滤器01. 是什么02. 怎么做（1）定义过滤器（2）使用方式（3）过滤器的参数03. 封装过滤器函数自定义指令01. 是什么02. 基本概念（1）钩子函数（2）参数03. 指令注册（1）全局注册（2）局部注册过滤器01. 是什么过滤器可以对我们传入的数据进行必要的处理，并返回处理的结果过滤器不会修改数据过滤器的本质是函数过滤器函数应该有参数，参数必须包含你想进行处理的源数据过滤器应该有返回值，返回处理后的结果export default { // 通过filte

2021-06-03 22:28:25 389 1

原创 018.Watch和Computed

文章目录01. 监听器watch（1）作用（2）属性和方法（3）监听对象（4）监听数组02. 计算属性computed（1）计算属性的set方法（2）区别（3）使用场景01. 监听器watch（1）作用watch：用于监听data中的数据变化，只在被监听的属性值发生变化时执行export default { data() { return { number: 1 } }, watch:{ // 普通

2021-06-03 22:24:21 242 2

原创 017.Vue-Router（五）

文章目录01. 关于router-view（1）组件配置（2）路由配置02. 关于router-link（1）配置项（2）注册事件无效解决方法03. `Router`配置拓展（1）基本配置项（2）scrollBehavior（3）fallback（4）class配置（5）query参数加密01. 关于router-view单页面多路由区域操作在同一个页面里，我们需要展示多个视图区域，即多个 <router-view>区域此时，我们需要通过对视图进行命名来达到效果，即命名视图

2021-06-01 22:26:43 388

原创 016.Vue-Router（四）

文章目录01. 导航守卫（1）概念（2）分类（a）全局守卫（b）路由独享守卫（c）组件内守卫（3）解析流程02. 监听router变化01. 导航守卫（1）概念导航守卫主要用来通过跳转或取消的方式守卫导航（2）分类（a）全局守卫全局前置守卫：router.beforeEach全局解析守卫：router.beforeResolve全局后置钩子：router.afterEach每个守卫方法可有接收三个参数to：即将前往的目标路由对象from：当前正要离开的路由对

2021-06-01 22:25:48 524

原创 015.Vue-Router（三）

路由传参01. 路由传参（1）动态路由匹配（2）URL传参方式（a）通过`params`显式传参（b）通过`params`隐式传参（c）通过`query`传递参数（d） `params` 和 `query`的区别（3）props传参（a）布尔类型（b）对象类型（c）函数类型02. `$route` 和 `$router` 的区别01. 路由传参（1）动态路由匹配当需要经常把某种模式匹配到所有的路由，全部都映射到同一个组件时，可以通过配置动态路由来实现动态路由匹配：在路由路径中使用动态路

2021-06-01 22:22:49 400

原创 014.Vue-Router（二）

路由配置01. 路由的基本使用（1）路由定义（2）组件配置（3）引入挂载02. `routes`配置项（1）嵌套路由`children`（2）重定向`redirect`与别名`alias`（3）路由懒加载（4）路由元信息`meta`03. `new VueRouter`配置项（1）`routes`（2）`mode`（3）`base`（4）`scrollBehavior`01. 路由的基本使用（1）路由定义路由的定义：// 第一步:引入必要的文件import Vue from 'vue' //

2021-06-01 22:22:37 342

原创 013.Vue-Router（一）

基础知识01. 基本概念（1）基础概念（2）对比（3）本质02. 实现原理（1）原理03. 两种模式（1）Hash模式（2）History模式（3）比较04. 页面跳转（1）修改地址栏（2）编程式导航（3）声明式导航01. 基本概念（1）基础概念Vue-router：即SPA（单页应用）的路径管理器，根据不同的用户URL请求，返回不同的内容vue-router是 Vue 官方的路由插件，它和 vue.js 是深度集成的，适合用于构建单页面应用vue的单页面应用是基于路由和组件的路由用于

2021-06-01 22:22:25 107

原创 012.v-show与v-if与v-for

v-show与v-if与v-for01. v-show 与 v-if（1）区别（2）使用场景（3）性能优化02. v-if 与 v-for（1）优先级（2）关于v-for中的key为什么使用`key`：尽量不使用index作为key：01. v-show 与 v-if（1）区别v-if 是真正的条件渲染，直到条件第一次变为真时，才会开始渲染（懒加载）v-if指令是直接销毁和重建DOM节点，达到让元素显示和隐藏的效果v-show 不管初始条件是什么都会渲染，并且只是简单地基于 CSS

2021-05-26 20:56:23 306

原创 011.Vuex（三）

进阶01. Vuex插件（1）如何使用（2）怎么监听提交事件？02. Vuex的严格模式（1）概念（2）开启03. 表单处理（1）问题（2）解决04. 其它问题（1）关于Ajax请求（2）Vuex刷新页面数据丢失？（3）不用Vuex会带来什么问题？01. Vuex插件（1）如何使用Vuex 插件是一个函数，接收 store 作为唯一参数在Vuex插件中，我们可以监听组件中提交的 mutation和action方法// 创建插件const myPlugin = store => {

2021-05-26 20:56:04 58

原创 010.Vuex（二）

拓展01. `mutation`拓展（1）提交方式（2）响应规则02. `action`拓展（1）有何区别（2）提交方式03. `module`拓展（1）关于state的问题（2）关于命名空间的问题（3）在组件内使用的问题01. mutation拓展（1）提交方式要使用 mutation，必须通过commit提交，这里有以下两种方式进行提交普通方式提交type作为第一参数，对象作第二参数，commit(type,[payload])对象风格的提交方式直接传递一个对象，但必须

2021-05-26 20:55:51 65

原创 009.Vuex（一）

Vuex的基础知识01. 基本概念（1）是什么（2）为什么（3）怎么办02. 5个核心属性（1）state（2）getters（3）mutations（4）actions（5）modules01. 基本概念（1）是什么Vuex是专门为Vue服务的状态管理插件，用于管理页面的数据状态、提供统一数据操作的生态系统相当于数据库mongoDB、MySQL等，任何组件都可以存取仓库中的数据Vuex采用MVC模式中的Model层，规定所有的数据必须通过action--->mutaion---&

2021-05-26 20:55:37 73

原创 008.关于样式

样式绑定01. class绑定（1）对象方法（2）数组方法（3）计算属性02. 内联样式（1）对象语法（2）数组语法03. 单文件组件01. class绑定（1）对象方法通过 true | false来控制class是否启用<div :class="{ class1: show1, class2: show2 }">内容</div><div :class="classObj">内容</div>// class1、class2 都是已经定义好的

2021-05-26 20:55:24 263 1

原创 007.常用的API

容易忽略的API01. `v-model`语法糖（1）使用（2）自定义（3）修饰符02. `.sync`修饰符03. `$nextTick`04. `$set`和`vue.set()`01. v-model语法糖（1）使用v-model 是一个语法糖，可以拆解为 props: value 和 events: input组件必须提供一个名为 value 的 prop，以及名为 input 的自定义事件props 不能在组件内修改，需要通过父组件修改的因此实现v-model 一般都会有一

2021-05-26 20:55:10 119 1

原创 006.组件的补充

本文主要介绍一些与组件相关的概念，包括组件化基础、监听组件生命周期、动态组件的使用、递归组件的定义，一级如何重新渲染组件，如何在子组件更新父组件的值

2021-05-16 20:33:55 65

原创 005.组件插槽

本文主要介绍组件插糟的用法，包括匿名插槽、具名插槽、动态插槽和作用域插槽的相关概念、定义方法和使用方法。

2021-05-16 20:33:17 82

原创 004.(多级)组件通信

本文主要介绍多级组件之间的通信，从父组件，到子组件，到孙组件，之间的通信，可以通过$props、$attrs、$listeners来传递属性和方法...

2021-05-16 20:31:55 111

原创 003.(高级)组件通信

本文主要介绍组件通信的进阶用法，主要是祖先与后代的跨级通信，和派发与广播的自定义方法通信，以及简要介绍了混入mixin和extend，并附上了工具函数

2021-05-16 20:30:58 178 1

原创 002.(常规)组件通信

本文主要介绍Vue中常规的组件通信通信方式，包括父子之间、兄弟之间的基本通信方法，主要是props、$emit、$children、$parent、事件总线等方法

2021-05-16 20:29:57 63

原创 001.Vue的生命周期

VUE的生命周期01. 什么是vue生命周期？02. vue生命周期的作用是什么？03. vue生命周期总共有几个阶段？（1）Create（2）Mount（3）Update（4）Destory04.额外的周期（1）activated（2）deactivated（3）errorCaptured05. 第一次页面加载会触发哪几个钩子？06. DOM 渲染在哪个周期中就已经完成？07. 获取数据在哪一个周期函数？08. created和mounted的区别？09. 如何重新执行created钩子函数？10.嵌套组

2021-05-16 20:28:32 104

空空如也

空空如也