3 小时前 / 九彩拼盘
近况 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，不用说了，今年的明星项目。
44 天前 / 影浅
开始之前 Composition API 可以说是 Vue3 最大的特点，那么为什么要推出 Composition Api，解决了什么问题？ 通常使用 Vue2 开发的项目，普遍会存在以下问题： 代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点 TypeScript 支持有限以上通过使用 Composition Api 都能迎刃而解 正文一、Options ApiOptions API，即大家常说的选项 API，即以 vue 为后缀的文件，通过定义 methods，computed，watch，data 等属性与方法，共同处理页面逻辑 如下图： 可以看到 Options 代码编写方式，如果是组件状态，则写在 data 属性上，如果是方法...
50 天前 / 冷星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 文件夹下。
53 天前 / 西岭老湿
首发于西岭老湿写文章 Vue 服务端渲染原理及入门西岭老湿一个普通文艺码农 1 人赞同了该文章知乎编辑器，全网最垃圾 （忍不了，纯吐槽）开篇在开始之前我们需要先来搞清楚一个问题：什么是服务端渲染 ？ 在以往的概念里，渲染的工作更多的是放在客户端进行的，那么为什么现在我们要让服务端来做这个工作？ 服务端渲染和客户端渲染有什么不同之处吗？ 其实服务端渲染的工具有很多，看着手册很快就能上手，并没有什么难度，关键在于，我们什么场景下需要使用服务端渲染，什么样的渲染方案更适合我们的项目；知其然，知其所以然...
56 天前 / 西岭老湿
首发于西岭老湿写文章春节大礼，Vite2.0 正式发布，中文手册同步更新西岭老湿一个普通文艺码农 Vite 中文文档祝全体读者 2021 春节快乐！ 打开 github 的 vite 中文文档首页，首先看到的就是这句祝福，vue 团队有心了；大家也可以亲自去 github 感受一下： https://github.com/vitejs/docs-cn 因为目前文档正处于活跃的更新状态，中文文档是英文的翻译版，所以，首先更新的肯定是英文，也建议大家直接查看英文文档，因为翻译更新的不确定性，所以，官方并没有部署中文文档的站点，但是，我知道大家都是爱学习的积极分子，英语阅读可能有点不太方便...
65 天前 / 太空编程
前端开发经常会用到富文本编辑器，比如 CKEditor，动不动一个库几十 M 的代码量，其中涉及许多你可能用不到的功能特性和相关设置，CKEditor 最新版本的代码仓库就有接近 2000 个 JS 文件，300,000 行代码。 可是如果你只需要一个简易版的编辑器，真的值得引入这么一个庞大的库吗？ 今天我们从实现一个简易版的编辑器带大家了解一下其背后涉及到的原理。 开始这个编辑器将要使用到 markdown：一个简洁语法并且自带样式的语言，而且远比纯 HTML 的输入输出要安全得多。 首先，我们需要一些依赖包。
73 天前 / 冷星1024
（给前端大全加星标，提升前端技能） 一、Vue 实现原理 1、Vue 简介现在的大前端时代，是一个动荡纷争的时代，江湖中已经分成了很多门派，主要以 Vue，React 还有 Angular 为首，形成前端框架三足鼎立的局势。Vue 在前端框架中的地位就像曾经的 jQuery，由于其简单易懂、开发效率高，已经成为了前端工程师必不可少的技能之一。 Vue 是一种渐进式 JavaScript 框架，完美融合了第三方插件和 UI 组件库，它和 jQuery 最大的区别在于，Vue 无需开发人员直接操作 DOM 节点，就可以改变页面渲染内容，在应用开发者具有一定的 HTML、CSS、JavaScript 的基础上...
80 天前 / 西岭老湿
首发于西岭老湿写文章为什么 Vue3.0 要重写响应式系统西岭老湿一个普通文艺码农 5 人赞同了该文章面试的时候经常被问到 响应式 相关的内容，而 Vue3.0 更新后，面试官又有了新的武器； 面试官：为什么 Vue3.0 要重写响应式系统？ 懵逼树上懵逼果，懵逼树下你和我，面试官在问什么，我该怎么回答，完全不知道怎么回事； 有些经验的小伙伴可能会从解释 Proxy 的好处开始简单聊一下，比如： Proxy 是直接代理对象，而不是劫持对象的属性；更好的数组监控； 这样的回答，勉强算是合格吧 那到底应该怎么答呢？ 面试官背后的出题逻辑 别急，咱们先整理一下思路...
85 天前 / 冷星1024
写在前面这道题目是面试中相当高频的一道题目了，但凡你简历上有写：“熟练使用 Vue 并阅读过其部分源码”，那么这道题目十有八九面试官都会去问你。 “什么？你简历上不写阅读过源码，那面试官也很有可能会问你是否阅读过响应式相关的源码 还是那句歌词唱的： 挣不脱逃不过 眉头解不开的结 命中解不开的劫 整体流程作为一个前端的 MVVM 框架，Vue 的基本思路和 Angular、React 并无二致，其核心就在于： 当数据变化时，自动去刷新页面 DOM，这使得我们能从繁琐的 DOM 操作中解放出来，从而专心地去处理业务逻辑。
93 天前 / Dunizb
什么是 AnimXYZ？ AnimXYZ 是一个 CSS 动画库，用于为你的网站创建自定义 CSS 动画。是什么让 AnimXYZ 如此之好，它是可组合的，这意味着你可以组合和混合不同的动画来创建自己的高度可定制的 CSS 动画，而无需编写一个单一的关键帧。 制作动画就像用文字描述一样简单 例如，你可以通过编写 xyz = "fade big up" 来创建动画，该动画可以使用 AnimXYZ 淡入淡出，按比例放大和向上移动。 AnimXYZ 还有一个小软件包，基本功能是 2.68kb，如果包含方便的实用程序，则是 11.4kb。
94 天前 / 冷星1024
点击上方“前端下午茶”，选择“设为星标”第一时间关注技术干货！ 本文代码略多，希望大家耐心观看 背景介绍在 2020 年，Vue3 的学习一直被我鸽到了 11 月份，在学完以后，我自己做了一个 Vue3 的小项目 nav-url，也整理了我对于如何快速上手 Vue3 的几篇博客，很高兴受到了大家的指点和喜欢： 自己设计的 Vue3 的实用项目（内含对项目亮点的实现思路与介绍）在上一篇博客中，我详细介绍了一下我发的第一版项目的特色、亮点以及所有核心功能的实现，希望大家可以前往阅读体验一下（记得用电脑打开，因为这是一个 PC 端的项目） 然而...
96 天前 / 那当然y
写文章 Vue3,我决定不再使用 Vuex 心有猛虎 qy 微信公众号：趣玩前端 102 人赞同了该文章在开发基于 Vue3 的项目中发现我们可以不再依赖 Vuex 也能很方便的来管理数据，只需要通过 Composition Api 可以快捷的建立简单易懂的全局数据存储。 创建 State 通过 reactive 我们来创建 state,暴露的 IState 是用来方便其他文件来接受 State 对象 import { reactive } from 'vue'export interface IState {code: stringtoken: stringuser: any}export const State: IState = {code: '',token: '',user: {}}export function createState() {return reactive(State)...
114 天前 / Dunizb
文末福利资源更新 Vue 生态系统中有一个名为 Vite 的新构建工具，它的开发服务器比 Vue CLI 快 10-100 倍。 这是否意味着 Vue CLI 已经过时了？在本文中，我将比较这两种构建工具，并说明它们的优缺点，以便你可以决定哪一种适合你的下一个项目。Vue CLI 概述大多数 Vue 开发人员都知道，Vue CLI 是使用标准构建工具和最佳实践配置快速建立基于 Vue 的项目的不可或缺的工具。其主要功能包括：工程脚手架带热模块重载的开发服务器插件系统用户界面在本讨论中需要注意的是，Vue CLI 是构建在 Webpack 之上的...
157 天前 / clumsy
前言前几天我用 Vue3 重构了我那个 Vue2 的开源项目，最后还遗留了一个问题：项目中用的一个 websocket 插件还不能正常使用。于是，我决定重写这个插，让其支持 Vue3。 本文将记录下重写这个插件的过程并将其发布至 npm 仓库，顺便给插件作者提个 PR，欢迎各位感兴趣的开发者阅读本文。 插件解读 image-20201103005333494 如上图所示就是即将要重构的插件，目前有 735 个 star，我们先将插件代码 clone 到本地。 gitclonehttps://github.com/nathantsoi/vue-native-websocket 下载到本地后，用你喜欢的 ide 打开它...