Vue3
文章平均质量分 78
奔向理想的星辰大海
这个作者很懒,什么都没留下…
展开
-
超火前端框架:公开叫板 Vue、React,拥有 5k star
刚刚说了,Nuejs 与Vue.js、React.js或 Svelte 不同,它没有hooks、effects、props、portals等特殊抽象概念。作者觉得,如果这个 Nuejs 生态全部搭建起来,那么 Nuejs 将可能代替 Vite、Next.js 和 Astro 这些热门的前端框架库。我看了一下,整个文件就像是在写 HTML 一样,通过注释可以看出,还可以在路由跳转的时候去执行一些操作。所以它少了大部分的代码,整体体积只有2.3k minzipped,大大缩小了项目的体积。原创 2024-04-03 09:39:53 · 8 阅读 · 0 评论 -
适用于Vue 3的高颜值UI组件库!
Element Plus 使用 TypeScript + Composition API 进行了重构,提供完整的类型定义文件,使用 Vue 3.0 Composition API 降低耦合、简化逻辑,使用 Lerna 维护和管理项目,完善了 52 种国际化语言支持,支持了黑暗模式。其支持 Typescript、按需引入、暗黑模式、主题定制、国际化,并提供 VS Code 插件保障良好的开发体验。NutUI 是一套由京东出品的移动端 Vue2、Vue3 组件库,支持一套代码生成 H5 和小程序。原创 2024-03-25 11:16:59 · 28 阅读 · 0 评论 -
六个高级Vue3知识技巧
Vue 3是一个非常流行的前端框架,广泛应用于大型互联网企业和个人项目。虽然我们已经熟悉了一些常见的 Vue 3 知识,但还有一些不太常见但实用性很强的点可以帮助我们进一步优化和提升 Vue 3 应用的性能和开发效率。本文将介绍一些不太常见的Vue 3知识点。1.TeleportTeleport 是 Vue 3 中不太常见但非常有用的功能。它允许我们在组件内的任何位置渲染内容并将其安装到 DOM 中的不同位置。原创 2024-03-18 09:31:46 · 844 阅读 · 0 评论 -
Vue 3.4 官宣升级,版本代号“灌篮高手”
此版本包括若干重量级内部优化 —— 最大有可观的是,重写的模板解析器速度提高了整整 2 倍,以及重构的响应性系统,使得作用(effect)更精准高效。props本文概述了 Vue 3.4 的亮点功能。关于变更的完整列表,请传送 GitHub 的完整变更日志。原创 2024-03-04 13:23:48 · 811 阅读 · 0 评论 -
从零到一教你基于vue开发一个组件库
Vue是一套用于构建用户界面的渐进式框架,目前有越来越多的开发者在学习和使用.在笔者写完从0到1教你搭建前端团队的组件系统之后很多朋友希望了解一下如何搭建基于vue的组件系统,所以作为这篇文章的补充,本文来总结一下如何搭建基于vue的组件库.虽然笔者有近2年没有从事vue的开发了,但平时一直在关注vue的更新和发展, 笔者一直认为技术团队的组件化之路重点在于基础架构的搭建以及组件化的设计思想,我们完全可以采用不同的框架实现类似的设计,所以透过现象看本质,思想才是最重要的。原创 2024-03-02 14:45:27 · 1068 阅读 · 0 评论 -
mavon-editor内容生成目录
目录原创 2024-02-23 13:44:18 · 43 阅读 · 0 评论 -
【架构】2023年下载量超1.2亿,前端框架 Preact
Preact 和 Preact/Compat 的版本兼容性是根据它们与 React 的当前版本和前一个主要版本的兼容性来衡量的。起初,Preact只是一个简单的Codepen文件,但Jason通过持续不断的优化和新功能的添加,使其逐渐成长为能够像React一样渲染大量DOM元素的强大工具。Preact 不追求包含 React 的所有功能,而是致力于保持其代码的简洁和专注。Preact 旨在与 React 完全兼容,这使得现有的 React 应用能够无缝地迁移到 Preact,仅需最少的代码更改。原创 2024-02-17 17:18:25 · 692 阅读 · 0 评论 -
2024 年十大 Vue.js UI 库
Vue.js 是一个流行的 JavaScript 框架,它在前端开发者中越来越受欢迎,以其简单、灵活和易用性而闻名。Vue.js 如此受欢迎的原因之一是它拥有庞大的 UI 库生态系统。这些库为开发人员提供了预构建的组件和工具,帮助他们快速高效地构建漂亮且响应性强的用户界面。所以,让我们来看看 2024 年排名前 10 的 Vue.js UI 库,以确保您的开发生产力尽可能高!原创 2024-02-17 16:37:42 · 1082 阅读 · 0 评论 -
【前端架构】十个Vue3超级实用但是很冷门的API
shallowRef 的用处主要用于一些比较大的但又变化不大的数据,比如我有一个表格数据,通过接口直接获取,并且主要用在前端展示,需要修改一些深层的属性,但是这些属性并不需要立即表现在页面上,比如以下例子,我只需要展示 name、age 字段,至于 isOld 字段并不需要展示,我想要计算 isOld 但是又不想触发响应式更新,所以可以用 shallowRef 包起来,进而减少响应式更新,优化性能。注意:改深层属性能改数据,只是没触发响应式,所以当下一次响应式触发的时候,你修改的深层数据会渲染到页面上。原创 2024-02-04 13:32:05 · 909 阅读 · 0 评论 -
【NPM】如何使用npm发布自己的npm包
六、下载自己发布的包,假如下载到node8/node_modules 里面,执行命令npm install zygtest,发现在node_modules 里面多一个文件夹zygtest,接下来就是用自己的包了。git repository:git仓库地址,如果你的包是先放到github上或者其他git仓库里,这时候你的文件夹里面会存在一个隐藏的.git目录,npm会读到这个目录作为这一项的默认值。entry point:入口文件,默认是index.js,你也可以自己填写你自己的文件名。原创 2024-01-22 10:16:16 · 19 阅读 · 0 评论 -
【前端】vue3打包命令 ,Vue2与Vue3 的命令区别
Vue CLI 的包名称由 vue-cli改成了 @vue/cli。如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。1. 通过 @vue/cli 搭建交互式的项目脚手架。第一步:npm install cnpm -g --registry=https://registry.npm.taobao.org 第二步:npm install -g @vue/cli。原创 2024-01-10 10:05:56 · 367 阅读 · 0 评论 -
【前端】Vue3项目搭建
使用cmd执行创建命名后,因为我已经工作一段时间了,所以我选择第三个手动项目配置,enter后第二个可以默认选择,然后选择preview后,enter后,进入代码检验的选择,ESLint可以选择默认的。vue3中vuecli的包修改为@vue/cli,vue创建的项目命令修改为vue create,用来快速创建新项目。因为项目开发中需要vuecli,所以我们需要全局安装,下面中的-g表示全局安装,install也可以简写为i。原创 2024-01-10 10:02:16 · 264 阅读 · 0 评论 -
【前端】html5用range型input标签怎么显示数字
如上代码 rangeObj代表一个Range对象,该setStart方法使用2个参数,第一个参数node代表一个节点,第二个参数是一个数字,当第一个参数 node所代表的节点是一个内容为一段文字的文字节点时,该参数值用于指定将第几个文字的结束位置作为Range对象所代表的区域的起点位置;selectNode方法:Range对象的selectNode方法用于将Range对象的起点指定为某个节点的起点,将Range对象的终点指定为该节点的终点,使Range对象所代表的区域中包含该节点。原创 2024-01-10 09:54:41 · 794 阅读 · 0 评论 -
【Node JS】node.js安装步骤详解
-g” 表示安装到之前设置的【node_global】目录下,同时nodejs会自动地在node_global文件夹下创建【node_modules】子文件夹, 即自动下载到“E:\devTools\nodejs\node_global\node_modules” 路径下。说明:由于npm的服务器在海外,所以访问速度比较慢,访问不稳定 ,cnpm的服务器是由淘宝团队提供,服务器在国内,cnpm是npm镜像,一般会同步更新,相差在10分钟,所以cnpm在安装一些软件时候会比较有优势。原创 2023-12-24 15:39:08 · 1190 阅读 · 0 评论 -
【Vue】VUE常用的几种import引入方式
都说Vue是组件化开发,确实有道理,别说按钮输入框这种组件了,就连每个页面,从本质来看也是一个个组件,所以目标很明确,拿来就能用,有一定使用规范和预设样式,我都认为是一个组件,包括有一定规范和预设样式的页面,也可以认为是一个组件原创 2023-09-25 09:46:24 · 2423 阅读 · 0 评论 -
【Vue】 Vue3 安装说明,适合小白新手
独立版本我们可以在 Vue.js 的官网上直接下载最新版本, 并用下载 Vue.js https://unpkg.com/vue@next2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。Staticfile CDN(国内) : https://cdn.staticfile.org/vue/3.0.5/vue.global.js。原创 2023-09-04 13:26:20 · 1390 阅读 · 0 评论