Vue
文章平均质量分 60
前端imber
我是imber,一名前端开发工程师
展开
-
初级前端面试常见面试题
vue1.Vue双向绑定原理2.computed和watch的区别3.说一下生命周期有哪些,哪个生命周期发请求,其他的生命周期你知道的场景4.v-if和v-show的区别5.组件通信的方式有哪些6.vuex有哪些属性,哪个属性处理异步请求7.路由守卫说一下8.data为什么是一个函数9.this.$set是做什么的10.history路由和hash路由有什么区别11.key的作用12.说一下什么是MVVM框架JavaScript1.什么是闭包,闭包的使用场景2.es6你用过哪些原创 2021-11-24 22:04:21 · 846 阅读 · 2 评论 -
vue的一些优化方式
title: vue简单优化order: 15Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面的优化,使项目具有更高效的性能、更好的用户体验。三部分:Vue 代码层面的优化;webpack 配置层面的优化;基础的 Web 技术层面的优化。一、代码层面的优化v-if 和 v-show 区分使用场景computed 和 watch 区分使用场景v-for 遍历必须为 item 添加 key,且避免同.原创 2021-11-21 14:57:55 · 1253 阅读 · 0 评论 -
Vue2面试题
文章目录说一下Vue优缺点?Vue与React的异同点?说一下MVVM是什么?和MVC的区别?路由模式以及不同点?使用过哪些Vue的修饰符呢?使用过哪些Vue的内部指令呢?v-model可以由哪两个指令代替?v-if和v-show的区别和使用场景?v-for和v-if的优先级?谁在外层?为什么data是个函数?Vue2的双向数据绑定原理?Vue中数据代理?组件之间的传值方式有哪些?computed和watch的区别?谈一下key值的作用?说一下diff算法?为什么用中括号操作数组,Vue不更新页面?Vue的原创 2021-09-25 10:48:52 · 426 阅读 · 2 评论 -
Vue2基础
绑定事件@文章目录绑定事件@绑定数据:事件修饰符v-model的修饰符动态切换class动态绑定style计算属性computed侦听器watchVue监测对象、数组的改变Vue.set()、this.$set()过滤器filter组件的使用Vue指令Scopedref属性????props属性(父传子、也可以子传父)????mixin混入????插件????$emit组件自定义事件(子传父)????全局事件总线EventBus(任意组件通信)小知识点使用场景@click="add($event,xxx原创 2021-09-19 18:46:02 · 636 阅读 · 3 评论 -
Vue修改主题&CSS全局变量
Vue修改主题颜色使用CSS全局变量用于统一修改主题色定义:/*Vue写在App.vue的style里*/:root { --theme-color: pink;}使用:/*每个位置都可以这样使用,即颜色为pink*/color: var(--theme-color);动态修改:/*选中文档节点,好像全局变量是在html文档上的,所以可以这样动态修改*/document.documentElement.style.setProperty("--theme-原创 2021-08-16 11:09:11 · 2248 阅读 · 1 评论 -
Vue生成PDF
Vue生成PDF实现需求:截图生成pdf动态图片(根据不同人动态生成)安装插件:npm install html2canvas npm install jspdf在utils文件夹中创建方法htmlToPdf.js:import html2canvas from 'html2canvas'import JsPDF from 'jspdf'export default { install(Vue) { Vue.prototype.getPdfFr原创 2021-06-22 17:37:01 · 887 阅读 · 1 评论 -
Vue2脚手架搭建
文章目录一、环境?二、使用步骤1.这里选择第三个2.3.Basic选的是第一个4.说明配置好了5.切换目录,才能跑起来6.成功一、环境?二、使用步骤1.这里选择第三个2.3.Basic选的是第一个4.说明配置好了5.切换目录,才能跑起来6.成功...原创 2021-02-02 11:19:31 · 398 阅读 · 0 评论 -
Vue项目经验
文章目录一、BFC是什么?应用?一、BFC是什么?应用?这里进行总结:是块级格式化上下文,Block-level box创建BFC,规定盒子里的布局不受外部影响,也不会影响外面元素。可以解决margin叠加,用于布局,清除浮动。...原创 2021-02-01 15:30:37 · 179 阅读 · 0 评论