2 天前 / 太空编程
项目中经常需要用到富文本编辑器的时候，而常见的富文本编辑器都有哪些？该如何选择？ 先看看市面上都有哪些可用的富文本编辑器： TinyMCE（插件式的，支持Vue，React，Angular框架）wangEditor（Typescript 开发的 Web 富文本编辑器， 轻量、简洁、易用、开源免费，支持JS直接引入使用，或者Vue2/3，React）UEditor（开源，插件多，功能齐全，支持JS直接引入使用）CKEditor（模块化的简洁强大，丰富的框架支持，支持Vue，React，Angular，Jquery，Electron框架）Quill-editor（轻量、简洁，支持JS直接引入使用，Vue，Angular...
5 天前 / 冷星1024
一。 内容简介 vue3 自从 2020.9.18 正式发布以来，受到了前端业界的广泛关注，其中一个重大更新点便是 vue3 全新的数据监听模式。 本着严谨探究、求根问底的前置思维，以 vue3 实现数据监听的逻辑链路为导向，逐层破解 vue3 数据监听的实现原理，为大家揭开 vue3 源码的神秘面纱 通过本文你可以学习到 vue3 通过 proxy 实现数据监听原理 reative 及相关 api 实现原理 ref 及相关 api 实现原理 computed 及相关 api 实现原理 vue3 通过何种方式优化数据性能，对日常开发有何启发 二。
15 天前 / 太空编程
Vue 页面如何监听用户预览时间最近的业务中涉及到这样一个需求，在线培训的系统需要知道用户对某个在线预览的页面追踪用户的预览时长。初步我们首先想到借助 Vue 页面的生命周期函数mounted和destroyed，分别在其中加入开始计时和清除计时的逻辑，通过后台的接口上报对应的培训素材的时间数据，即可达到目的。 有了思路，我们就可以开始筹划具体的代码。 定义开始结束计时函数在data中定义我们通过变量定义计时器，这样可以通过this.timer随处可访问，便于后面销毁页面的时候清除它。
28 天前 / vivo互联网技术
作者：vivo 互联网前端团队 -Feng Di 一、现状 Vue 框架在前端开发中应用广泛，当一个多人开发的 Vue 项目经过长期维护之后往往会沉淀出很多的公共组件，这个时候经常会出现一个人 开发了一个组件而其他维护者或新接手的人却不知道这个组件是做什么的、该怎么用，还必须得再去翻看源码，或者压根就没注意到这个组件 的存在导致重复开发。这个时候就非常需要维护对应的组件文档来保障不同开发者之间良好的协作关系了。
31 天前 / 实时音视频A桑
谈及 Vue 框架，做前端开发的工程，应该无人不知，无人不晓。但你知道么？将 Vue 框架与声网的 RTC 能力结合，我们可以创造出丰富的实时互动场景。 7 月 4 日，声网开发者社区联合 VUE Beijing ，并与北京 GDG 合作，将举办一场线下的「Vue 编程工作坊」。我们将一起利用声网 Agora Vue SDK 快速搭建一个可以远程和小伙伴一起分享喜爱的影片，并和小伙伴实时互动的 "一起看电影" 项目。现场一同完成项目的小伙伴，最后还能获得精美纪念品哦~ 同时，我们还邀请了来自民生银行的前端负责人徐英楠（清秋），从 Vue 入手，讲讲如何成为开源项目的 Contributor。
55 天前 / 九彩拼盘
Vue-i18n 简单介绍以及使用 大家好，我是 Gopal。目前就职于 Shopee，一家做跨境电商的公司，因为业务涉及到多个国家，所以我们各个系统都会涉及到国际化翻译。Vue I18n 是 Vue.js 的国际化插件，它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中。 本文的源码阅读是基于版本 8.24.4 进行 我们来看一个官方的 demo ESmodulesbrowserexample {{$t('message.hello')}} //如果使用模块系统( 例如通过 vue-cli)，则需要导入 Vue 和 VueI18n ，然后调用 Vue.use(VueI18n)。
92 天前 / xF0rk
作者：louiszhai，腾讯 IEG 前端开发工程师 Vue3 性能提升了 1.3~2 倍，SSR 性能提升了 2~3 倍，升级 Vue3 正是当下。 背景原计划 2019 年发布的 Vue3，又经过一年的再次打磨，终于于去年 9 月正式发布。随后，不少 UI 组件库都积极参与适配，去年 12 月，Element-plus（Element-ui 官方升级版）也发布了 beta 版。 由于项目中用到了 Element-ui 组件，组件库未适配的情况下，不敢贸然升级 Vue3。Element-plus 发布后，又经过 1 个月的观察、测试和调研，发现 Element-plus 相对成熟（还有少量 bug，后续会讲），便开始尝试升级 Vue3。
94 天前 / 开发者头条
现在但凡出去面试，面试官几乎必问Vue3.0 。不仅会问一些核心特性，还会问原理层面的问题。 比如： 框架层面问题：Vue3.0 新特性 Composition API 与 React.js 中 Hooks 的异同点？ 源码、原理层面问题： Vue3.0 编译做了哪些优化？Vue3.0 是如何变得更快的？也许你会想，面试官现在问 Vue3.0 是不是在造火箭？毕竟 Vue3.0 还没有大规模应用，就算面了工作中也用不到。其实不然。第一：现在 Vue3.0 的生态已经逐步完善，各组件库如 AntDesign，Vant，Element已先后宣布支持Vue3.0，Vue3.0大规模适用指日可待。
99 天前 / 江米小枣tonylua
在之前的一篇文章中，介绍过组件化搭建工具 storybook 在 vue 项目中的安装和配置。相比于其成文的时间，vue 项目依赖的工具多有发展；并且在实际应用中，多种历史版本的项目并存的状况比比皆是，用官方提供的 npx sb init 往往会出现配置失败的情况，而较新或过旧的资料都在网上难觅 -- 所以在此特别补充一篇，记录 新、旧 两种典型配置下，storybook 可用的手动配置方法： 1. babel7 + webpack5 1.1 安装过程 diff--gita/.babelrcb/.babelrc indexe1f4817..71b5fe8100644 ---a/.babelrc +++b/.babelrc @@-6,7+6,8@@ "modules":false, "targets":"last2ye...
102 天前 / 九彩拼盘
近况 158 万周活跃用户（通过 devtools 插件来统计），940 万的月下载量。 对比去年 Devtools：110 万 -> 158 万（+43.6%）NPM：620 万 -> 940 万（+51.6%） Vue 3.0 One Piece 自那之后，Vue3 逐渐趋于稳定，继续探索用户体验。 Vue Router 4.0 已经稳定。 Vuex 4.0 已经稳定。 生态慢慢赶上了！ Nuxt 3VuetifyQuasarElement PlusAnt Design Vue 用户体验持续探索中： 新的构建工具更棒的语法 IDE/TS 支持构建工具 Vite，不用说了，今年的明星项目。
146 天前 / 影浅
开始之前 Composition API 可以说是 Vue3 最大的特点，那么为什么要推出 Composition Api，解决了什么问题？ 通常使用 Vue2 开发的项目，普遍会存在以下问题： 代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点 TypeScript 支持有限以上通过使用 Composition Api 都能迎刃而解 正文一、Options ApiOptions API，即大家常说的选项 API，即以 vue 为后缀的文件，通过定义 methods，computed，watch，data 等属性与方法，共同处理页面逻辑 如下图： 可以看到 Options 代码编写方式，如果是组件状态，则写在 data 属性上，如果是方法...
152 天前 / 冷星1024
关注公众号「前端从进阶到入院」，前端趋势尽收眼底！前言前段时间，尤雨溪回答了一个广大网友都好奇的一个问题：Vite 会不会取代 Vue CLI？ 答案是：是的！ 那么，你开始学 Vite 了吗？用过 Vite 的同学应该都熟悉，创建一个 Vite 的项目模版是通过 npm init @vitejs/app 的方式。而 npm init 命令是在 npm@6.1.0 开始支持的，实际上它是先帮你安装 Vite 的 @vitejs/create-app 包（package），然后再执行 create-app 命令。 至于 @vitejs/create-app 则是在 Vite 项目的 packages/create-app 文件夹下。
155 天前 / 西岭老湿
首发于西岭老湿写文章 Vue 服务端渲染原理及入门西岭老湿一个普通文艺码农 1 人赞同了该文章知乎编辑器，全网最垃圾 （忍不了，纯吐槽）开篇在开始之前我们需要先来搞清楚一个问题：什么是服务端渲染 ？ 在以往的概念里，渲染的工作更多的是放在客户端进行的，那么为什么现在我们要让服务端来做这个工作？ 服务端渲染和客户端渲染有什么不同之处吗？ 其实服务端渲染的工具有很多，看着手册很快就能上手，并没有什么难度，关键在于，我们什么场景下需要使用服务端渲染，什么样的渲染方案更适合我们的项目；知其然，知其所以然...
158 天前 / 西岭老湿
首发于西岭老湿写文章春节大礼，Vite2.0 正式发布，中文手册同步更新西岭老湿一个普通文艺码农 Vite 中文文档祝全体读者 2021 春节快乐！ 打开 github 的 vite 中文文档首页，首先看到的就是这句祝福，vue 团队有心了；大家也可以亲自去 github 感受一下： https://github.com/vitejs/docs-cn 因为目前文档正处于活跃的更新状态，中文文档是英文的翻译版，所以，首先更新的肯定是英文，也建议大家直接查看英文文档，因为翻译更新的不确定性，所以，官方并没有部署中文文档的站点，但是，我知道大家都是爱学习的积极分子，英语阅读可能有点不太方便...