Web秀
首页
专栏
文章
问答
热点
导航
实例
文章
登录
首页
前端
JavaScript
Vue.js
CSS
Uni-App
专栏
问答
工具
全网热点
导航
前端
设计
实例
写文章
登录
综合
小程序
服务器
面试
工具类
ThreeJs
比特币
JavaScript
Css
Vue
Uni-App
NodeJs
TypeScript
Vue-Nuxt
Electron
Electron-Vue
Html
React
Webpack
其他
展开
推荐
最新
热榜
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
1年前
Vue
用Vue3.0 写过组件吗?如果想实现一个 Modal你会怎么设计?
面试官:用Vue3.0写过组件吗?如果想实现一个Modal你会怎么设计?一、组件设计组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念(组件)来实现开发的模式现在有一个场景,点击新增与编辑都弹框出来进行填写,功能上大同小异,可能只是标题内容或者是显示的主体内容稍微不同这时候就没必要写两个组件,只需要根据传入的参数不同,组件显示不同内容即可这样,下次开发相同界面程序时就可以写更少的代码,意义着更高的开发效率,更少的Bug和更少的程序体积二、需求分析实现一个Modal组件,首先确定需要完成的内容:遮罩层标
316
0
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
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
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
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
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
3年前
Vue
Vue + Echarts封装出好用又好看的图表组件
前言Echarts相信很多小伙伴都了解过,甚至很多都已经用到过。没有了解过的小伙伴,可以先来和我一起了解一下它的作用和历史吧。ECharts,缩写来自EnterpriseCharts,商业级数据图表,是由百度公司研发的(并且是开源的),它最初是为了满足公司商业体系里各种业务系统(如凤巢、广告管家等等)的报表需求,在2012年之前这些图表需求都是使用flash去实现的,后来由于flash退出舞台,凤巢前端技术负责人的Kener-林峰在凤巢数据平台项目中尝试使用Canvas去做图表,他写了一个全新的轻量级Ca
12997
410
0
前端小智
Lv
0
关注
0
关注者
关注
前端小智
22天前
Vue
注意避坑,Vue Router 4: 路由参数在 created/setup 时不可用
你的可能已经注意到,VUE3版本的Vuerouter(4.0)与其之前的版本有一些breakingchange更改。大部分的VueRouterAPI都没有变化,而且迁移过程也非常直接。然而,一个非常不明显但重要的变化常常被忽视,它可能导致难以调试的行为。现在所有的导航都是异步的。如果你想知道为什么URL中的查询参数在你的se
25
0
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
2年前
Vue
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
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
1年前
Vue
Vue3.0 性能提升主要是通过哪几方面体现的?
面试官:Vue3.0性能提升主要是通过哪几方面体现的?一、编译阶段回顾Vue2,我们知道每个组件实例都对应一个watcher实例,它会在组件渲染的过程中把用到的数据property记录为依赖,当依赖发生改变,触发setter,则会通知watcher,从而使关联的组件重新渲染试想一下,一个组件结构如下图<template><divid="content"><pclass="text">静态文本</p><pclass="text">静态文本</
237
1
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
1年前
Vue
vue实现文字表情同时输入的方法
在我们使用聊天工具进行聊天的时候经常会用到表情符号,有时我们会需要将文字与表情混输,本文就来为大家介绍一下使用vue实现文字表情混输的方法。实现思路利用div的contenteditable属性,让div可编辑绑定ref属性,用于操作输入框元素图片点击时,获取图片地址,使用require转换图片地址创建img标签,赋值转换好的图片地址从refs对象中获取到输入框元素,赋值创建好的img标签实现过程声明div可编辑,监听回车键事件,关闭拼写检查,绑定ref方便获取当前元素<divclass="inpu
1381
0
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
3年前
Vue
Todo List: 新增编辑任务,localStorage + Vuex实现本地存储 - 第二章
前言在第一章中,我们的TodoList已经初现锥形,本章节我们对页面优化,同时让数据实现本地存储。主要用到localStorage+Vuex来实现页面交互和存储功能。本次《todolist:Vue待办事项任务管理》,分为一下章节,有兴趣的同学可以持续关注。第一章:初识(项目搭建、基本功能组件实现)第二章:数据动态化处理(localStorage+Vuex),可新增,可编辑第三章:待办事项自定义分组第四章:待办事项添加描述图片等信息第五章:可线上操作,入库Mysql第六章:多人协同处理待办事项,权限管理第七
10140
499
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
3年前
Vue
深入解析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
下拉加载更多
您好
去签到
你已经连续签到
0
天
最新文章
更多