Vue - web秀

综合小程序服务器面试工具类ThreeJs比特币JavaScriptCssVue 展开

1年前

用Vue3.0 写过组件吗？如果想实现一个 Modal你会怎么设计？

用Vue3.0 写过组件吗？如果想实现一个 Modal你会怎么设计？

面试官：用Vue3.0写过组件吗？如果想实现一个Modal你会怎么设计？一、组件设计组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式现在有一个场景，点击新增与编辑都弹框出来进行填写，功能上大同小异，可能只是标题内容或者是显示的主体内容稍微不同这时候就没必要写两个组件，只需要根据传入的参数不同，组件显示不同内容即可这样，下次开发相同界面程序时就可以写更少的代码，意义着更高的开发效率，更少的Bug和更少的程序体积二、需求分析实现一个Modal组件，首先确定需要完成的内容：遮罩层标

316 0 0

3年前

vue与微信小程序的一些区别，你知道吗？

vue与微信小程序的一些区别，你知道吗？

条件渲染vue：使用v-if指令，v-else表示v-if的else块，v-else-if表示v-if的“else-if块”<divv-if="type==='A'">A</div><divv-else-if="type==='B'">B</div><divv-else-if="type==='C'">C</div><divv-else>NotA/B/C</div>微信小程序：使用wx:if,wx:else表示

11588 544 0

2年前

面试中Vue被问的最多的题目是哪些？

面试中Vue被问的最多的题目是哪些？

什么是mvvm？MVVM是Model-View-ViewModel的缩写。mvvm是一种设计思想。Model层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View代表UI组件，它负责将数据模型转化成UI展现出来，ViewModel是一个同步View和Model的对象。在MVVM架构下，View和Model之间并没有直接的联系，而是通过ViewModel进行交互，Model和ViewModel之间的交互是双向的，因此View数据的变化会同步到Model中，而Model数据的变化也会立即反

9236 432 0

3年前

Vue + Echarts封装出好用又好看的图表组件

Vue + Echarts封装出好用又好看的图表组件

前言Echarts相信很多小伙伴都了解过，甚至很多都已经用到过。没有了解过的小伙伴，可以先来和我一起了解一下它的作用和历史吧。ECharts，缩写来自EnterpriseCharts，商业级数据图表，是由百度公司研发的(并且是开源的)，它最初是为了满足公司商业体系里各种业务系统（如凤巢、广告管家等等）的报表需求，在2012年之前这些图表需求都是使用flash去实现的，后来由于flash退出舞台，凤巢前端技术负责人的Kener-林峰在凤巢数据平台项目中尝试使用Canvas去做图表，他写了一个全新的轻量级Ca

12997 410 0

22天前

注意避坑，Vue Router 4: 路由参数在 created/setup 时不可用

注意避坑，Vue Router 4: 路由参数在 created/setup 时不可用

你的可能已经注意到，VUE3版本的Vuerouter(4.0)与其之前的版本有一些breakingchange更改。大部分的VueRouterAPI都没有变化，而且迁移过程也非常直接。然而，一个非常不明显但重要的变化常常被忽视，它可能导致难以调试的行为。现在所有的导航都是异步的。如果你想知道为什么URL中的查询参数在你的se

25 0 0

2年前

Vue源码中9个可借鉴的基础方法

Vue源码中9个可借鉴的基础方法

1、基础判断functionisUndef(v){returnv===undefined||v===null}functionisDef(v){returnv!==undefined&&v!==null}functionisTrue(v){returnv===true}functionisFalse(v){returnv===false}2、检查是否是原始值functionisPrimitive(value){return(typeofvalue==='string'typeofvalue

6495 269 0

1年前

Vue3.0 性能提升主要是通过哪几方面体现的？

Vue3.0 性能提升主要是通过哪几方面体现的？

面试官：Vue3.0性能提升主要是通过哪几方面体现的？一、编译阶段回顾Vue2，我们知道每个组件实例都对应一个watcher实例，它会在组件渲染的过程中把用到的数据property记录为依赖，当依赖发生改变，触发setter，则会通知watcher，从而使关联的组件重新渲染试想一下，一个组件结构如下图<template><divid="content"><pclass="text">静态文本</p><pclass="text">静态文本</

237 1 0

1年前

vue实现文字表情同时输入的方法

vue实现文字表情同时输入的方法

在我们使用聊天工具进行聊天的时候经常会用到表情符号，有时我们会需要将文字与表情混输，本文就来为大家介绍一下使用vue实现文字表情混输的方法。实现思路利用div的contenteditable属性,让div可编辑绑定ref属性，用于操作输入框元素图片点击时，获取图片地址，使用require转换图片地址创建img标签，赋值转换好的图片地址从refs对象中获取到输入框元素，赋值创建好的img标签实现过程声明div可编辑，监听回车键事件，关闭拼写检查，绑定ref方便获取当前元素<divclass="inpu

1381 0 0

3年前

Todo List: 新增编辑任务，localStorage + Vuex实现本地存储 - 第二章

Todo List: 新增编辑任务，localStorage + Vuex实现本地存储 - 第二章

前言在第一章中，我们的TodoList已经初现锥形，本章节我们对页面优化，同时让数据实现本地存储。主要用到localStorage+Vuex来实现页面交互和存储功能。本次《todolist:Vue待办事项任务管理》，分为一下章节，有兴趣的同学可以持续关注。第一章:初识（项目搭建、基本功能组件实现）第二章:数据动态化处理（localStorage+Vuex），可新增，可编辑第三章：待办事项自定义分组第四章：待办事项添加描述图片等信息第五章：可线上操作，入库Mysql第六章：多人协同处理待办事项，权限管理第七

10140 499 0

3年前

深入解析vue.js响应式原理与实现

深入解析vue.js响应式原理与实现

vue.js响应式原理解析与实现。angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后，再接触了vue.js，当时也一度很好奇vue.js是如何监测数据更新并且重新渲染页面。vue.js响应式原理解析与实现Object.definePropertyes5新增了Object.defineProperty这个api，它可以允许我们为对象的属性来设定getter和setter,从而我们可以劫持用户对对象属性的取值和赋值。比如以下代码:constobj={};letval='cjg';Object.

10842 0 0

下拉加载更多

最新文章