vue.js
25 人感兴趣 · 62 次引用
- 最新
- 推荐

ChatGPT 教我用 200 行代码写一个简版 Vue 框架 - OpenTiny
最近,我正在准备一份关于 Vue 基础的学习材料。期间我突发奇想:能否利用现在热门的 ChatGPT 帮我创建学习内容?其实 Vue 本身不难学,特别是基础用法,但是,如果你想深入掌握 Vue,就要通过阅读 Vue 的源码来了解其原理。然而,不是每个人都有足够的时间和

技术分享 | 如何编写同时兼容 Vue2 和 Vue3 的代码?
资深前端倾情分享:如何实现同时兼容 Vue2 与 Vue3 的代码?业务实践中有哪些代码精简和优化的小技巧?

Vue 内置组件之 Transition(一)
当我们想要给某些节点制作过度动画时,除了通过CSS class或行内样式以外,vue还给我们提供另外两种内置组件,帮助我们制作相应的动画。
Vue 插件(plugin)
当我们的项目业务一但复杂起来,相应的全局组件或者是全局自定义指令等等就会变得多了起来,而为了让我们更好了进行管理,vue给我们提供插件的功能,让我们更好的添加全局功能。下面就让我们来看一看他是如何实现的,以及应用场景有哪些吧。
Vue 自定义指令(二)浅窥
我们知道代码的复用代码方式有组件和组合式函数两种形式,前者主要负责模板和逻辑代码的复用,而后者主要负责有状态的逻辑代码。但是我们今天要说的就是另外一种代码复用的方式,那就是自定义指令,他呢主要负责与DOM元素相关的复用代码。

Echarts 柱状图表的使用
接到一个新需求,要求在后台管理添加一个数据统计的页面,里面展示各种数据和图表,说到图表第一时间想到了echarts,看了看设计图是一个柱状表,要求多数值,而且按不同日期展示不同的数据,就决定使用echarts了,但是之前没有在vue项目里使用过echarts,这还

uniapp- 如何在邀请页面生成海报
在开发中经常会遇到邀请或者分享页面需要生成海报分享,生成海报需要用到html2canvas插件,页面里一般都带有二维码,所以还需要一个生成二维码的插件,和一个弹出层组件,html2canvas插件通过npm install html2canvas --save命令下载,二维码和弹出层可以在un

从 0 制作一个 web 端网易云
很多小伙伴刚学完vue却没项目拿来练习?今天带你们制作一个属于自己的网易云音乐,通过练习加深自己的掌握,提高技术能力

Vue-VueRouter 使用
router翻译过来就是路由的意思,什么是路由?路由就是通过互联网的网络把信息从源地址传输到目的地址的活动,那什么是vue-router?

Vue-Vuex 学习
Vuex是做什么的?官方的解释是一个专为vue.js应用程序开发的状态管理模式,采用集中式存储管理应用所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。看完是不是一脸问号,状态管理到底是什么?其实可以将其看成把需要多个组件共享的变量全
Vue 组合式函数(一)
当我们开发大型项目的时候,为了更好的复用代码,往往会声明很多的组件,以此来解决模板及逻辑代码的冗余。但有些时候,我们只想进行逻辑代码的复用。比如说我们会把时间格式化的代码抽离成一个函数,传入时间,就会返回相应的时间格式。

uniapp 多端分享(app,小程序,公众号)
开发uniapp程序的项目,用它生成多端应用,由于兼容各种多端应用,程序代码需要相应的适配,在项目里分享功能是很常见的一个功能,但是在不同的端有不同的方法,我们如何实现多端分享呢?(app,小程序,公众号)

uniapp 简单入门
uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web、以及各种小程序、快应用等多个平台,简单来说就是一套代码多端使用


vue—render 函数
React和Vue2都使用了虚拟DOM技术更新DOM节点,提升渲染性能,虚拟DOM并不是真正意义上的DOM,而是一个轻量级的JavaScript对象,在状态发生变化时,虚拟DOM会进行diff运算,来更新只需要被替换的DOM,而不是全部重绘



vite 3.0 都发布了,经常初始化 vite 项目,却不知 create-vite 原理?揭秘!
今天这篇文章就来带领大家一起学习 create-vite 原理,源码400行不到。

图灵访谈 | Vue.js 官方团队成员霍春阳:跨专业做程序员,是什么感受?
霍春阳,Vue.js 官方团队成员,专注于 Web 研发领域, 是 Vue.js 3 的核心贡献者之一,Vue.js 文档生成工具 Vuese 的作者,技术社区活跃者,曾撰写大量颇受好评的技术博客。他已是Vue.js 官方团队成员,还出版了畅销书《Vue.js设计与实现》。

分享 6 个 Vue3 开发必备的 VSCode 插件
今天分享 6 个 Vue3 开发必备的 VSCode 插件,可以直接用过 VSCode 的插件中心直接安装使用。

叮~ 您有一封 Vue.js 挑战邀请函, 请查收
大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有所帮助.

Vue 数据响应 Object.defineProperty
在网页开发中,一般数据想要渲染到页面中,需要依赖于操作DOM更新。 Vue和React则是使用数据驱动视图,也就是数据改变,DOM也相应完成变化。

3 分钟带你搞懂 Vue 双向绑定原理及问题剖析
📢📢📢📣📣📣<br>哈喽!大家好,我是【Bug 终结者】 ,【CSDN新星创作者】🏆,阿里云技术博主🏆,51CTO人气博主🏆,INfoQ写作专家🏆 <br/>一位上进心十足,拥有极强学习力的【Java领域博主】😜😜😜 <br/>🏅【Bug 终结者】博客的
尤雨溪推荐神器 ni ,能替代 npm/yarn/pnpm ?简单好用!源码揭秘!
1. 学会 ni 使用和理解其原理 2. 学会调试学习源码 3. 可以在日常工作中也使用 ni 4. 等等

尤雨溪几年前开发的“玩具 vite”,才 100 多行代码,却十分有助于理解 vite 原理
1. 学会 vite 简单原理 2. 学会使用 VSCode 调试源码 3. 学会如何编译 Vue 单文件组件 4. 学会如何使用 recast 生成 ast 转换文件 5. 如何加载包文件 6. 等等

Vue 团队公开快如闪电的全新脚手架工具 create-vue,未来将替代 Vue-CLI,才 300 余行代码,学它!
1. 学会全新的官方脚手架工具 create-vue 的使用和原理 2. 学会使用 VSCode 直接打开 github 项目 3. 学会使用测试用例调试源码 4. 学以致用,为公司初始化项目写脚手架工具。 5. 等等