-
2021年web前端面试集锦
一. HTML、CSS相关 html5新特性、语义化 语义化标签 ： header nav main article section aside footer 语义化意味着顾名思义，HTML5的语义化指的是合理正确的使用语义化的标签来创建页面结构，如 header,footer,nav，从标签上即可以直观的知道这个标签的作用，而不是滥用div。 语义化的优点有: 代码结构清晰，易于阅读，利于开发和…- 1.1k
- 0
-
Vue 组件间通信六种方式
前言 组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如prop…- 705
- 0
-
vuex的mutation和action的区别和使用
mutation 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数： this.$store.commit(“mutation函数名…- 805
- 0
-
vuex最简单、最详细的入门文档
我在使用基于 vue.js 2.0 的UI框架 ElementUI 开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , 它们之间的通讯很麻烦 : <!--父组件中引入子组件--> <template> <div> <a href=…- 697
- 0
-
Vue3.0 起步 快速搭建项目 系列一
常常说要开始学习，却总是止于嘴。 一起开始学习吧 . . . 1 安装脚手架 npm install -g @vue/cli # OR yarn global add @vue/cli 2 检查版本 Vue CLI v4.5.7 vue -V 3 搭建项目 vue create vue3.0 ? Please pick a preset: (Use arrow keys) //请选择预选项 &…- 983
- 0
-
vue-cli3构建H5移动应用（vant+rem）
安装 cli3.x 版本 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过以下命令卸载它。 npm uninstall vue-cli -g 或 yarn global remove vue-cli 然后可以使用下列任一命令安装这个新的包： npm install -g @vue/…- 2.4k
- 0
-
vue-router 的基本使用和路由守卫
路由中有三个基本的概念 route, routes, router 1， route，它是一条路由，由这个英文单词也可以看出来，它是单数， Home按钮 => home内容， 这是一条route, about按钮 => about 内容， 这是另一条路由。 2， routes 是一组路由，把上面的每一条路由组合起来，形成一个数组。[{home 按钮 =>home内容 }， { a…- 749
- 0
-
从0到1搭建webpack2+vue2自定义模板详细教程
前言 webpack2和vue2已经不是新鲜东西了，满大街的文章在讲解webpack和vue，但是很多内容写的不是很详细，对于很多个性化配置还是需要自己过一遍文档。Vue官方提供了多个vue-templates，基于vue-cli用的最多，不过对于很多人来说，vue-cli 的配置还是过于复杂，对于我们了解细节实现不是很好，所以想自己从零开始搭建一个模板工程，也顺便重新认识一下webpack和vu…- 1k
- 0
-
vue-router嵌套子路由实际使用
前端路由的定义 在spa流行之前，前端路由是没有的；而像java之类的后台语言很早就有了，后端路由一般就是定义一系列的访问地址规则，路由引擎根据这些规则匹配并找到对应的处理页面，然后将请求转发给页面进行处理。在spa应用中，前端路由是直接找到与地址匹配的一个组件或对象并将其渲染出来。改变浏览器地址而不向服务器发出请求有两种做法，一是在地址中加入#以欺骗浏览器，地址的改变是由于正在进行页内导航；二是…- 826
- 0
-
Vuex中调用state数据
第一种：直接访问 <h1>姓名：$store.state.msg</h1> 第二种：利用计算属性 将想要用到的全局state数据，防止到组件的computed内部使用，v-model的内容将其获取和设置分开即可 <h1>姓名：msg</h1> <h1>年龄：age</h1> <h1>数字：{…- 1k
- 0
-
前端Vue项目经验汇总
面显示 头部左右两边可以通过slot卡槽去处理底部导航显示与否可以通过路由里面的meta属性进行配置 返回上一级页面$router.back()$router:路由器对象，包含一些操作路由的功能函数，来实现编程式导航（路由跳转）$route:当前路由对象，一些当前路由信息数据的容器，path/meta/query/params 异步请求数据 axios请求数据封装 /* 封装请求函数 返回值：pr…- 1k
- 0
-
vue-cli3项目搭建配置以及性能优化
项目初始化 注意：安装前请确保有安装node.js，并且node>=8.9 全局安装vue npm install -g @vue/cli 如果之前安装了vue旧版本，查看vue --version 创建项目 vue create vue-cli3-init(项目名) 注：名称不能采用驼峰 vue-cli3也可以采用UI面板进行配置，相对比较方便，目前先写命令行创建，后续再加上面板创建。 …- 760
- 0
-
vue-cli3项目搭建配置以及性能优化
vue-cli3项目搭建配置以及性能优化 在之前的开发中主要用的是vue-cli2，最近空闲时间比较多，接下来有新项目，本着偷懒的本能，自己打算搭建一个基础包以备后期开发应用，并对其进行性能优化和配置 搭建整个过程如下： 初始化项目 修改目录结构 多环境运行 axios封装 模块化vuex 全局引用样式 移动端适配配置 常用util 引入第三方UI框架 配置vue.config.js文件 vue项…- 813
- 0
-
针对Vue3.0 Beta版本新特性知识点汇总
前言 在 4 月 21 日晚，Vue 作者尤雨溪在哔哩哔哩直播分享了Vue.js 3.0 Beta最新进展。以下是直播内容整理 想学Vue的小伙伴们，小编这几个月陆陆续续收集整理了几十篇关于Vue的学习相关文章以及项目开发中的总结，相关Vue学习资料文章请见本篇文章底部 1. 全新文档RFCs Vue.js 3.0 Beta发布后的工作重点是保证稳定性和推进各类库集成 所有的进度和文档都将在全新R…- 3.2k
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×