写点什么

vue.js

25 人感兴趣 · 62 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/0c/0c020223d124e1689a3d12e283058deb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ChatGPT 教我用 200 行代码写一个简版 Vue 框架 - OpenTiny

用户头像
Kagol
06-10

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

https://static001.geekbang.org/infoq/06/06506cec0870580b9d57fcdf8864f0d3.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

技术分享 | 如何编写同时兼容 Vue2 和 Vue3 的代码?

用户头像
LigaAI
06-02

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

Vue 内置组件之 Transition(一)

用户头像
Augus
2022-11-13

当我们想要给某些节点制作过度动画时,除了通过CSS class或行内样式以外,vue还给我们提供另外两种内置组件,帮助我们制作相应的动画。

Vue 插件(plugin)

用户头像
Augus
2022-11-11

当我们的项目业务一但复杂起来,相应的全局组件或者是全局自定义指令等等就会变得多了起来,而为了让我们更好了进行管理,vue给我们提供插件的功能,让我们更好的添加全局功能。下面就让我们来看一看他是如何实现的,以及应用场景有哪些吧。

Vue 自定义指令(二)浅窥

用户头像
Augus
2022-11-08

我们知道代码的复用代码方式有组件和组合式函数两种形式,前者主要负责模板和逻辑代码的复用,而后者主要负责有状态的逻辑代码。但是我们今天要说的就是另外一种代码复用的方式,那就是自定义指令,他呢主要负责与DOM元素相关的复用代码。

https://static001.geekbang.org/infoq/c9/c9e5d9c77ab9de033aca4949720edde9.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Echarts 柱状图表的使用

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

https://static001.geekbang.org/infoq/39/39987053e0a22a55923f18a75c5b0e95.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

uniapp- 如何在邀请页面生成海报

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

https://static001.geekbang.org/infoq/e5/e5c56e9acf71053f5c5de3e243fb974f.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

从 0 制作一个 web 端网易云

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

https://static001.geekbang.org/infoq/03/03cd763b8daf9ed7b99d0a10b6de3cf8.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue-VueRouter 使用

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

https://static001.geekbang.org/infoq/b8/b8badfe1531f679f6a5d0757d85b501a.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue-Vuex 学习

Vuex是做什么的?官方的解释是一个专为vue.js应用程序开发的状态管理模式,采用集中式存储管理应用所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。看完是不是一脸问号,状态管理到底是什么?其实可以将其看成把需要多个组件共享的变量全

Vue 组合式函数(一)

用户头像
Augus
2022-11-04

当我们开发大型项目的时候,为了更好的复用代码,往往会声明很多的组件,以此来解决模板及逻辑代码的冗余。但有些时候,我们只想进行逻辑代码的复用。比如说我们会把时间格式化的代码抽离成一个函数,传入时间,就会返回相应的时间格式。

https://static001.geekbang.org/infoq/d2/d2b1e3b63615b9a66dd1473e7648218b.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

uniapp 多端分享(app,小程序,公众号)

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

https://static001.geekbang.org/infoq/2b/2b656bc2c64e4e1524a695ae58325c6a.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

uniapp 简单入门

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

https://static001.geekbang.org/infoq/9f/9f1b62330422d2506082902bb7471f59.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue- 组件详解

Vue组件需要注册后才可以使用,注册有全局注册和局部注册两种方式

https://static001.geekbang.org/infoq/d3/d3899aa7e6b23cf1a580588a6d500b10.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

vue—render 函数

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

https://static001.geekbang.org/infoq/73/736cc2c0e8c84a14a906f388f28afee2.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

面试官:你说说 Vue 中的组件和插件有什么区别?

用户头像
CoderBin
2022-10-13

大家好,我是CoderBin,又来到了面试官系列,这次将带大家回顾一下Vue中的组件与插件的相关内容,帮助同学们在面试中更加游刃有余,希望对大家有所帮助,谢谢。

https://static001.geekbang.org/infoq/31/3107c72f987897b5138b1a47fa76de66.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

vite 3.0 都发布了,经常初始化 vite 项目,却不知 create-vite 原理?揭秘!

用户头像
若川
2022-09-12

今天这篇文章就来带领大家一起学习 create-vite 原理,源码400行不到。

https://static001.geekbang.org/infoq/01/01f133630e1a28d800560d73f4d26e07.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

图灵访谈 | Vue.js 官方团队成员霍春阳:跨专业做程序员,是什么感受?

用户头像
图灵社区
2022-08-23

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

https://static001.geekbang.org/infoq/1d/1dcca506836944d3c20d4b3fbc8213ba.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

分享 6 个 Vue3 开发必备的 VSCode 插件

用户头像
pingan8787
2022-08-09

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

https://static001.geekbang.org/infoq/e5/e55086099a6869fdd288ee1d414baec9.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

手撸 Router,还要啥 Router 框架?让 react-router/vue-router 躺一边凉快去

用户头像
hiisea
2022-08-03

有没有发现,在大家使用React/Vue的时候,总离不开一个小尾巴,到哪都得带着他,那就是react-router/vue-router,而基于它们的第三方框架又出现很多个性化约定和扩展,比如nuxtjs/nextjs/umijs都纷纷推出自己的路由方案。

https://static001.geekbang.org/infoq/a9/a9e6b308253593d4e8543fec013f4f01.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

叮~ 您有一封 Vue.js 挑战邀请函, 请查收

用户头像
😶
2022-07-04

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

https://static001.geekbang.org/infoq/e5/e5151aceeb9e9aed0dce281ba7ed354f.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

青山不遮,毕竟东流,集成 Web3.0 身份钱包 MetaMask 以太坊一键登录 (Tornado6+Vue.js3)

当我们的用户厌倦了传统的电子邮件/密码注册流程时,他们会选择Google、GitHub等社交登录方式,这种方式虽然节约了用户的时间,但登录信息也会被第三方平台记录,也就是说我们用平台账号做了什么,平台都会一目了然,甚至还会对我们的行为进行分析、画像。

https://static001.geekbang.org/infoq/b0/b0a9d9eaaf9822188cdf085e01b01069.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue 数据响应 Object.defineProperty

用户头像
空城机
2022-05-17

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

https://static001.geekbang.org/infoq/12/12637427e75ed73063e21c28867ef0a7.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

3 分钟带你搞懂 Vue 双向绑定原理及问题剖析

用户头像
Bug终结者
2022-03-26

📢📢📢📣📣📣<br>哈喽!大家好,我是【Bug 终结者】 ,【CSDN新星创作者】🏆,阿里云技术博主🏆,51CTO人气博主🏆,INfoQ写作专家🏆 <br/>一位上进心十足,拥有极强学习力的【Java领域博主】😜😜😜 <br/>🏅【Bug 终结者】博客的

尤雨溪推荐神器 ni ,能替代 npm/yarn/pnpm ?简单好用!源码揭秘!

用户头像
若川
2021-12-14

1. 学会 ni 使用和理解其原理 2. 学会调试学习源码 3. 可以在日常工作中也使用 ni 4. 等等

https://static001.geekbang.org/infoq/e2/e264fdeaf32c66b89b7ec4805446dc98.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

尤雨溪几年前开发的“玩具 vite”,才 100 多行代码,却十分有助于理解 vite 原理

用户头像
若川
2021-12-14

1. 学会 vite 简单原理 2. 学会使用 VSCode 调试源码 3. 学会如何编译 Vue 单文件组件 4. 学会如何使用 recast 生成 ast 转换文件 5. 如何加载包文件 6. 等等

https://static001.geekbang.org/infoq/e1/e1e08dd46850890a0f285b5ae16c97bb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue 团队公开快如闪电的全新脚手架工具 create-vue,未来将替代 Vue-CLI,才 300 余行代码,学它!

用户头像
若川
2021-12-14

1. 学会全新的官方脚手架工具 create-vue 的使用和原理 2. 学会使用 VSCode 直接打开 github 项目 3. 学会使用测试用例调试源码 4. 学以致用,为公司初始化项目写脚手架工具。 5. 等等

vue.js_vue.js技术文章_InfoQ写作社区