Erlo
· Vue选项式 API 的生命周期选项和组合式 API

Vue2、Vue3生命周期的变化正好在看Vue的官方文档,也正好比对一下,做一下笔记选项式API的生命周期选项的变化Vue2.xVue3beforeCreatebeforeCreatecreatedcreatedbeforeMountbeforeMoun...

来源:开源中国 2022-04-02 92

Vue选项式 API 的生命周期选项和组合式 API
· 手写 Vue2 系列 之 编译器

当学习成为了习惯,知识也就变成了常识。感谢各位的关注、点赞、收藏和评论。新视频和文章会第一时间在微信公众号发送,欢迎关注:李永宁lyn文章已收录到github仓库liyongning/blog,欢迎Watch和Star。封面前言接下来就要正式进入手写Vue2系列了。这里不会从零开始,会基...

来源:开源中国 2022-03-16 53

手写 Vue2 系列 之 编译器
· 2021前端框架选哪个?Vue,React 还是 Angular?

“ 做选择从来不是一件简单的事,重要的是要明确自己想要什么和不能接受什么。”Web前端开发是时下最热门的领域之一,为了提升开发效率和用户体验从而创造更具竞争力的产品,选择适合自己项目或团队的开发框架成为技术决策者首先需要解决的问题。那么2021前端框架选哪个?Vue,React还是Angular?下...

来源:设计达人 2022-03-15 78

2021前端框架选哪个?Vue,React 还是 Angular?
· 手写 Vue 系列 之 Vue1.x

当学习成为了习惯,知识也就变成了常识。感谢各位的关注、点赞、收藏和评论。新视频和文章会第一时间在微信公众号发送,欢迎关注:李永宁lyn文章已收录到github仓库liyongning/blog,欢迎Watch和Star。封面前言前面我们用12篇文章详细讲解了Vue2的框架源码。接下来我们...

来源:开源中国 2022-03-14 91

手写 Vue 系列 之 Vue1.x
· Vue3!ElementPlus!更加优雅的使用Icon

前言这可能是目前最便捷、最合适的Icon使用方式了,特别是在Vue3中,等等,你以为它只是适用于Vue3?不,不要被标题欺骗,它支持Vue2/Vue3、React、Preact、Solid、Svelte等多种主流框架,同样,它也支持Vite、Roullp、Webpack、Nuxt、VueCLI、...

来源:开源中国 2022-03-02 94

Vue3!ElementPlus!更加优雅的使用Icon
· Vue 状态管理与与SSR详解

1、vuex简介1、定义在vue项⽬中,每个组件的数据都有其独⽴的作⽤域。当组件间需要跨层级或者同层之间频繁传递的时候,数据交互就会⾮常繁琐。vuex的主要作⽤就是集中管理所有组件的数据和状态以及规范数据修改的⽅式。官方解释:Vuex是⼀个专为Vue.js应⽤程序开发的状态管理模式。它采⽤...

来源:开源中国 2022-03-01 91

Vue 状态管理与与SSR详解
· Taro 正式发布 3.4 版本: 全面支持 Preact & Vue 3.2

距Tarov3.4beta版本的发布已有一段时间,期间我们完善了对Preact和Vue3的支持,加入了一些有趣的特性,更是对H5作了大幅度的优化与调整,并于近期发布了v3.4的正式版本。上月我们还推出了支持开发鸿蒙应用的v3.5.0canary版本,欢迎各位同学关注~一、支持使用Preac...

来源:开源中国 2022-01-21 93

Taro 正式发布 3.4 版本:  全面支持 Preact & Vue 3.2
· vue3和vite双向加持,uni-app性能再次提升

uni-app对vue3&Vite的升级,是一个渐进式过程:2020年9月:小程序平台支持vue3开发,小程序平台编译器依然使用webpack;2021年5月:H5平台支持vue3开发,H5平台编译器升级为Vite;2021年8月:App平台支持vue3开发,App平台编译器升级为Vite;...

来源:开源中国 2022-01-06 157

 vue3和vite双向加持,uni-app性能再次提升
· 揭开Vue异步组件的神秘面纱

简介在大型应用里,有些组件可能一开始并不显示,只有在特定条件下才会渲染,那么这种情况下该组件的资源其实不需要一开始就加载,完全可以在需要的时候再去请求,这也可以减少页面首次加载的资源体积,要在Vue中使用异步组件也很简单://AsyncComponent.vue我是异步组件的内容ex...

来源:开源中国 2021-12-30 88

揭开Vue异步组件的神秘面纱
· Vue.js 性能优化方案

假设您在开发整个Vue应用程序方面非常努力.js。但没有优先考虑其性能:现在,您的应用程序需要一段时间来加载、导航、提交或执行任何用户操作。您认为用户是希望这样的延迟体验,还是更愿意在Vuejs应用程序上停留更长时间?可悲的是,答案是否定的。据统计,已经证明,53%的用户不会选择花时间在这些应用程...

来源:开源中国 2021-12-22 210

Vue.js 性能优化方案
· Vue SEO的四种方案

众所周知,VueSPA单页面应用对SEO不友好,当然也有相应的解决方案,通过查找资料,大概有以下4种方法。(本人只用过第一,第三种方案)1.Nuxt服务端渲染应用部署(SSR服务器渲染)关于服务器渲染:Vue官网介绍,对Vue版本有要求,对服务器也有一定要求,需要支持nodejs环境。使用S...

来源:开源中国 2021-12-09 154

Vue SEO的四种方案
· Vue前端开发规范

基于Vue官方风格指南整理 一、强制1.组件名为多个单词组件名应该始终是多个单词的,根组件App除外。正例:exportdefault{ name:'TodoItem', //... } 复制代码反例:exportdefault{ name:'Todo', //....

来源:开源中国 2021-11-29 122

Vue前端开发规范
· Vue都使用那么久了,还不了解它的生命周期吗

前言我记得尤大曾经说过,你看Vue源码干嘛?你使用Vue又不需要它的源码,你只需要会用就行了!但是我们得卷啊,不卷怎么脱颖而出

来源:开源中国 2021-11-24 139

Vue都使用那么久了,还不了解它的生命周期吗
· nodejs跟vue冲突吗

nodejs跟vue不冲突,使用vue-cli搭建项目时需要用到nodejs。在node里面通过Npm安装并搭建vue项目,可以方便进行模块化管理;这样整个项目就能实现模块化组件化,并且按需加载。本教程操作环境:windows7系统、nodejs12.19.0版,DELLG3电脑。nodejs跟vu...

来源:php中文网 2021-11-05 195

nodejs跟vue冲突吗
· Vue 修复了 watch 的 BUG

前言在之前的项目中,需要做全局错误的收集和上报,最后有个头疼的问题就是Vuewatch中的异步错误无法上报到errorHandler里面,然后在某一天我再次阅读Vue代码的时候,发现他在2.6.13版本上修复了这个问题,开心!!!例子大家可以切换Vue的版本号,来看看效果,你会发现 ...

来源:开源中国 2021-11-03 163

Vue 修复了 watch 的 BUG
· 在Vue中使用JSX,很easy的

摘要:JSX是一种Javascript的语法扩展,JSX=Javascript+XML,即在Javascript里面写XML,因为JSX的这个特性,所以他即具备了Javascript的灵活性,同时又兼具html的语义化和直观性。本文分享自华为云社区《在Vue中如何使用JSX,就这么简单!【建议收...

来源:开源中国 2021-10-14 259

在Vue中使用JSX,很easy的
· Vue中 前端实现生成 PDF 并下载

思路:通过html2canvas将HTML页面转换成图片,然后再通过jspdf将图片的base64生成为pdf文件。1.安装及引入//将页面html转换成图片 npminstallhtml2canvas--save //将图片生成pdf npminstalljspdf--save 复制...

来源:开源中国 2021-10-08 194

Vue中 前端实现生成 PDF 并下载
· 使用 Chrome 调试 Vue3 的 TypeScript 源码

相信很多同学都已经上手Vue3了,用起来是真香!学习技术又怎能不学习源码,多看看源码,说不定自己哪天也成大佬了呢︿( ̄︶ ̄)︿今天,我来记录一下自己调试Vue3源码的过程,方便以后参考。准备工作首先需要下载源码和安装依赖:mkdircodegitclonehttps://github.c...

来源:开源中国 2021-09-28 202

使用 Chrome 调试 Vue3 的 TypeScript 源码
· 如何理解vue中的v-bind?

如果你写过vue,对v-bind这个指令一定不陌生。下面我将从源码层面去带大家剖析一下v-bind背后的原理。会从以下几个方面去探索:v-bind关键源码分析v-bind化的属性统一存储在哪里:attrsMap与attrsList绑定属性获取函数getBindingAttr和属性操作函数...

来源:开源中国 2021-09-16 190

如何理解vue中的v-bind?
· vue3,对比 vue2 有什么优点?

摘要:Vue3新版本的理念成型于2018年末,当时的Vue2已经有两岁半了。比起通用软件的生命周期来这好像也没那么久,Vue3在2020年正式推出,在源码和API都有较大变化,性能得到了显著的提升,比Vue2.x快1.2~2倍。本文分享自华为云社区《【云驻共创】vue3相比vue2的十项优点》,...

来源:开源中国 2021-09-16 186

vue3,对比 vue2 有什么优点?
· Vue3核心Typescript类解析

与使用JavaScript不同的是,用Typescript写Vue程序要需要了解Vue的相关类型。Vue核心的类型,大部分写在@vue/runtime-core包中。ComponentVue页面是由一个个组件组成的,组件在Vue中的类是Component,继承了ComponentOptions、...

来源:开源中国 2021-09-09 265

Vue3核心Typescript类解析
· Vue系列之常见内存泄漏定位与解决

JavaScript有完善的内存处理机制,能自动进行垃圾回收,但是假如一个对象一直被引用,他的内存是无法得到释放的。如果项目运行过程中,内存占用越来越高,只增不减,没有峰值,就存在内存泄漏。多页应用我们可以通过页面刷新缓解,但是对于服务端渲染和单页应用则需要重点关注内存泄漏问题。本文主要以Vue单页...

来源:开源中国 2021-09-03 206

Vue系列之常见内存泄漏定位与解决
· Spring Boot + Vue + Shiro 实现前后端分离、权限控制

作者:_Yufan来源:www.cnblogs.com/yfzhou/p/9813177.html本文总结自实习中对项目的重构。原先项目采用Springboot+freemarker模版,开发过程中觉得前端逻辑写的实在恶心,后端Controller层还必须返回Freemarker模版的ModelA...

来源:开源中国 2021-09-01 222

Spring Boot + Vue + Shiro 实现前后端分离、权限控制
· 细说 Vue.js 3.2 关于响应式部分的优化

背景Vue3正式发布距今已经快一年了,相信很多小伙伴已经在生产环境用上了Vue3了。如今,Vue.js3.2已经正式发布,而这次minor版本的升级主要体现在源码层级的优化,对于用户的使用层面来说其实变化并不大。其中一个吸引我的点是提升了响应式的性能:Moreefficientrefimp...

来源:开源中国 2021-08-13 225

细说 Vue.js 3.2 关于响应式部分的优化
· 2021年最佳VUE3 UI框架推荐

Vue3已经发布一段时间了,版本趋于稳定并且可以用于生产。虽然很多开发人员对这个版本褒奖不一,新版本由于算是重新构建生态系统,相关资源的缺乏。与Vue2丰富的UI框架相比,Vue3就显得有点少,也算是影响开发人员使用Vue3的原因之一。在Vue中使用UI框架是一个很好的组合,因为它使开发人员更加专...

来源:开源中国 2021-08-13 372

2021年最佳VUE3 UI框架推荐
· 2021年vue面试总结

总结一些vue相关的知识,将笔记整理跟大家分享,有些知识会经常在前端面试的时候会问到,所以做个记录,希望对大家有所帮助,如果有什么问题,可以指出,会积极修正。如果大家喜欢,可以点赞或留言我再继续更新面试题~~~~,谢谢大家~~~1、那首先谈谈你对Vue的理解吧?vue.js是什么?Vue(读...

来源:开源中国 2021-08-04 157

2021年vue面试总结
· Vue3异步数据加载组件:suspense

Vue3增加了很多让人眼前一亮的特征,suspense组件就是其中之一,对处理异步请求数据非常实用,本文通过简单的实例介绍其使用方法,如对其有兴趣,可以参阅官方文档。通常组件在正确呈现之前需要执行某种异步请求是很常见的,通常是通过设计一种机制开发人员按照机制处理这个问题,有很多很好的方法实现这个需...

来源:开源中国 2021-08-04 203

Vue3异步数据加载组件:suspense
· 前端Vue框架在PostCSS怎样使用sass

为什么要使用PostCss众所周知转换px单位的插件有很多,知名的有postcss-px-to-viewport和postcss-pxtorem,前者是将px转成vw,后者是将px转成rem,精简了不常用的配置。将成为vw优先单位使用,以rem作为回退模式。考虑到vw在移动设备的支持度不如rem...

来源:开源中国 2021-07-28 208

前端Vue框架在PostCSS怎样使用sass
· 一种Vue应用程序错误/异常处理机制

现在构建前端应用程序不像以前那么简单,现在,应用程序更加复杂和多样。这就需要在构建前端应用程序的时候考虑很多,错误/异常处理是最重要的方面之一。在应用程序中拥有良好的错误处理机制可以带来很多的好处,如下:良好的错误处理机制可以避免应用程序在出现未处理的异常时崩溃在生产环境下,可以轻松地存储或者...

来源:开源中国 2021-07-27 176

一种Vue应用程序错误/异常处理机制
· 前端开发:Vue项目报错Unknown custom element:XXX - did ...

导读在前端开发的时候,运行项目,遇到项目报错Unknowncustomelement:XXX-didyouregisterthecomponentcorrectly…的解决方法。该报错也是在前端开发过程中比较常见的,那么本文就来分享一下关于该报错的解决方法。问题前段时间在做前端项目的时候,...

来源:开源中国 2021-07-17 226

前端开发:Vue项目报错Unknown custom element:XXX - did you register…的解决方法
· 如何在不看源码情况下学petite-vue源码

前言怎么快怎么来,大家的时间都宝贵,用最短的时间学到最多的知识。我们可以将petite-vue理解为:用真实DOM取代Vue模版的简易Vue。比如如下Demo:"module"> import{createApp}from'../src' createApp({count:0}).m...

来源:开源中国 2021-07-14 173

如何在不看源码情况下学petite-vue源码
· 带你用VUE实现上传图片效果

摘要:在逛b站时看到一个上传图片的效果,想着可以自己也做一个,因为原作者是用原生js写的,那我不如就用vue写好了,当然,是一个很小的东西,在HTML文件直接引用vue就好了,详细步骤如下~本文分享自华为云社区《vue实现上传图片并预览效果》,原文作者:北极光之夜。。一.话不多,先看效果:...

来源:开源中国 2021-07-06 218

带你用VUE实现上传图片效果
· Spring Boot + Vue前后端分离项目,Maven自动打包整合

前言现在各类项目为了降低项目、服务模块间的高度耦合性,提出了“前后端分离”,而前后端分离的项目该如何打包呢?一般的做法是前端项目打包完,将打包文件手动复制到后端项目工程的srcmainresourcesstatic目录下,再进行后端工程项目打包,这样手动来回复制、多次打包总是让人觉得麻烦。(即...

来源:开源中国 2021-06-29 235

Spring Boot + Vue前后端分离项目,Maven自动打包整合
· 详解Vue八大生命周期钩子函数

摘要:Vue为生命周期中的每个状态都设置了钩子函数(监听函数)。每当Vue实例处于不同的生命周期时,对应的函数就会被触发调用。本文分享自华为云社区《一文带你弄懂Vue八大生命周期钩子函数》,原文作者:北极光之夜。。一.速识概念:我们把一个对象从生成(new)到被销毁(destory)的...

来源:开源中国 2021-06-15 267

详解Vue八大生命周期钩子函数
· 一文教会你认识Vuex状态机

摘要:简单来说,Vuex就是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。本文分享自华为云社区《Vuex状态机快速了解与应用》,原文作者:北极光之夜。一.速识概念:1.组件之间共享数据的方式:通常有以下几种方式:父向子传值:v-bind属性绑定;子...

来源:开源中国 2021-06-09 176

一文教会你认识Vuex状态机
· 6个有用的Vue开发技巧

前言在平时的开发中,我们用vue可能很久了,但是对于有的新特性或者技巧没有发现,本文就带着大家一起看看常用的vue技巧1.状态共享随着组件的细化,就会遇到多组件状态共享的情况,Vuex当然可以解决这类问题,不过就像Vuex官方文档所说的,如果应用不够大,为避免代码繁琐冗余,最好不要使用它,...

来源:开源中国 2021-06-07 210

6个有用的Vue开发技巧
· vuex使用场景是什么

vuex使用场景:1、用户的个人信息管理模块;2、电商项目的购物车模块;3、我的订单模块,订单列表中点击取消订单,然后更新对应的订单列表;4、在订单结算页,获取需要的优惠券,并更新订单优惠信息。首先,我们先来探讨一下,什么情况下vuex才是必须要到的呢?需要数据共享和行为进行拆分;复杂的异步逻辑,需...

来源:php中文网 2021-04-23 216

vuex使用场景是什么
· vue开发人员不可错过的7个vscode插件

本篇文章给大家介绍一下vue开发人员不可错过的7个vscode插件。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。推荐学习:《vscode教程》在VSCode中添加好用的插件可以提高我们的开发效率。这些可以帮助我们格式化,扩充性,执行最佳实践的代码方式,自动完成一些琐碎的事情。好了...

来源:php中文网 2021-04-23 198

vue开发人员不可错过的7个vscode插件
· 前端框架之争丨除了Vue、Angular和React还有谁与之争锋

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文参考:https://www.sitepoint.com/most-popular-frontend-frameworks-compared/ 近些年,前端开发领域涌现出了大量框架,让人眼花缭乱,不知...

来源:开源中国 2021-04-21 213

前端框架之争丨除了Vue、Angular和React还有谁与之争锋
· Vue2.0 + TypeScript 项目搭建

Vue2.0+TypeScript项目搭建安装cli#VueCLI3可以使用TypeScript生成新工程。创建方式: npminstall--global@vue/cli #2.创建一个新工程,并选择"Manuallyselectfeatures(手动选择特性)"选项 vuecr...

来源:开源中国 2021-04-20 247

Vue2.0 + TypeScript 项目搭建
· Vue进阶:分享在Vue开发的6个技巧

Vue.js是我比较喜欢的前端开发框架,这有很多原因。我喜欢它提供的简单性,强大的功能以及出色的性能。我开始使用Vue是因为一开始觉得它很容易。一直用它,一直在提高,越来越执着去追求最佳的实践。本文分享在vue进阶过程中的6个技巧。1.完全理解响应式响应式如何运作在前端开发库和框架中,...

来源:开源中国 2021-04-20 189

Vue进阶:分享在Vue开发的6个技巧
· 一文带你掌握Vue3新特性,再也不怕面试官啦~

前言记录一下笔记,给各位小伙伴们分享一些常用的Vue3新特性及哪些方法发生了变更。我这里只写一些常用的,更多请看Vue3官网这里>有兴趣的可以关注公众号:前端娱乐圈组件v-model支持参数在Vue2.x时,我们要想给子组件传值,还得单独传入。Vue3.x直接以v-model:xxx形式传...

来源:开源中国 2021-04-19 202

一文带你掌握Vue3新特性,再也不怕面试官啦~
· 手写Vue2.0源码-Mixin混入原理

前言此篇主要手写Vue2.0源码-Mixin混入原理上一篇咱们主要介绍了Vue异步更新原理核心是运用nextTick实现异步队列此篇主要包含Mixin混入这是Vue里面非常关键的一个api在Vue初始化的时候起到了合并选项的重要作用适用人群:没时间去看官方源码或者看源码看的比较懵而不想去看的...

来源:开源中国 2021-04-17 214

手写Vue2.0源码-Mixin混入原理
· VueConf 2021 抢先看,Evan You 和你聊聊 Vue 的未来

本文首发公众号「前端从进阶到入院」,欢迎关注!近况158万周活跃用户(通过devtools插件来统计),940万的月下载量。对比去年Devtools:110万->158万(+43.6%)NPM:620万->940万(+51.6%)Vue3.0OnePiece自那之后,Vue3...

来源:开源中国 2021-04-16 326

VueConf 2021 抢先看,Evan You 和你聊聊 Vue 的未来
· vue2的$refs在vue3组合式API中的替代方法

如果你有过vue2的项目开发经验,那么对$refs就很熟悉了。由于vue3的断崖式的升级,在vue3中如何使用$refs呢?想必有遇到过类似的问题,我也有一样的疑惑。通过搜索引擎和github,基本掌握如何使用$refs。在vue3中使用组合式API的函数ref来代替静态或者动态html元素的应用。...

来源:开源中国 2021-04-16 256

vue2的$refs在vue3组合式API中的替代方法
· Vue如何实现带参跳转

本篇文章给大家详细介绍一下Vue实现带参跳转的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。主页面:name—>shishengzuotanhuichaxun此页面表格中的数据均通过接口从后端获取数组对象并渲染,每一行数据都有对应的行id,我们的目的就是根据表格中每行数据的行...

来源:php中文网 2021-04-15 196

Vue如何实现带参跳转
· Vue2 彻底从 Flow 重构为 TypeScript,焕然一新!

本文首发公众号「前端从进阶到入院」,欢迎关注!事情起源于4月7号晚上,尤雨溪在推特说,Vue2收到了一个将整个代码库迁移到TypeScript的PR。Evan'stwitter去Github围观了一下chore:movetotypescript这个PR[1],基本上是10w行级别代码量的改...

来源:开源中国 2021-04-13 227

Vue2 彻底从 Flow 重构为 TypeScript,焕然一新!
· Vue使用ECharts完成2020年全国各地区GDP总量大数据可视化面板(附源码)

就在上周全国各地区GDP总量上了热搜,一时性起就想写个大数据面板展示既然决定要写,那么就要考虑到图表和图标的使用,这里我是用了我最熟悉的两大框架ECharts和element-ui一、我的构思步骤1.确定主题色彩首先我们通过ECharts主题定制确定我们的总体图表颜色也可以自行定制,替换掉我...

来源:开源中国 2021-04-12 257

Vue使用ECharts完成2020年全国各地区GDP总量大数据可视化面板(附源码)
· 如何使用vue改变css样式

修改方法:1、使用“v-bind:class”指令添加样式,语法“v-bind:class{css样式:执行条件}”;2、使用“v-bind:style”指令修改样式,语法“v-bind:style{css样式:执行条件}”。本教程操作环境:windows7系统、vue2.9.6版,DELLG3电脑...

来源:php中文网 2021-04-09 210

如何使用vue改变css样式
· 图解vue生命周期

本篇文章整理vue生命周期,将其制成图分享给大家。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。vue生命周期图解【相关推荐:《vue.js教程》】

来源:php中文网 2021-04-07 199

图解vue生命周期
· 四个vue后台常用模板,你知道几个?

本篇文章整理了四个vue常用后台模板分享给大家。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。vue后台常用模板:element文档:http://element-cn.eleme.io/#/zh-CN/component/installationvueAPI:https://cn...

来源:php中文网 2021-04-07 287

四个vue后台常用模板,你知道几个?
· 尤雨溪:Vue3 考虑彻底放弃 IE 浏览器

本文首发公众号「前端从进阶到入院」,欢迎关注!知乎官宣凌晨时分,尤雨溪突然在知乎上发布了一个消息,宣布Vue3将不再支持IE11,来通过详细的RFC了解一下为什么Vue团队做出这个决策。原因从Vue3开发开始,一直到2018年底,我们就一直被问及IE11支持的问题。很多用户都问过,Vu...

来源:开源中国 2021-04-06 247

尤雨溪:Vue3 考虑彻底放弃 IE 浏览器
· 怎么解决phpStorm使用vue提示"Attribute v-xxx is not al...

下面由phpstorm教程栏目给大家介绍解决phpStorm使用vue提示"Attributev-xxxisnotallowedhere"的方法,希望对需要的朋友有所帮助!解决phpStorm使用vue提示"Attributev-xxxisnotallowedhere"的问题jetbrains家族的...

来源:php中文网 2021-04-01 237

怎么解决phpStorm使用vue提示"Attribute v-xxx is not allowed here"的问题
· Vue 3 生命周期完整指南

作者:MichaelThiessen译者:前端小智来源:news点赞再看,微信搜索【大迁世界】,B站关注【前端小智】这个没有大厂背景,但有着一股向上积极心态人。本文GitHubhttps://github.com/qq44924588...上已经收录,文章的已分类,也整理了很多我的...

来源:开源中国 2021-04-01 196

Vue 3 生命周期完整指南
· 《精通react/vue组件设计》之配合React Portals实现一个功能强大的抽屉组...

前言本文是笔者写组件设计的第六篇文章,内容依次从易到难,今天会用到react的高级API ReactPortals,它也是很多复杂组件必用的方法之一.通过组件的设计过程,大家会接触到一个完成健壮的组件设计思路和方法,也能在实现组件的过程逐渐对react/vue的高级知识和技巧有更深的理解和掌握,并...

来源:开源中国 2021-04-01 237

《精通react/vue组件设计》之配合React Portals实现一个功能强大的抽屉组件
· Vue起步(模板语法、循环语句)

Vue.js起步每一个Vue应用都需要通过实例化Vue来实现。 varvm=newVue({ //选项 }) 实例: site:{{site}} url:{{url}} {{details()}} varv...

来源:开源中国 2021-04-01 177

Vue起步(模板语法、循环语句)
· Vue 路由守卫安全

关注公众号, 设置为  '星标',更多精彩内容,第一时间获取导读大纲路由守卫分类全局路由守卫单个路由守卫组件路由守卫路由守卫执行的完整过程路由守卫分类全局路由单个路由独享组件内部路由每个路由守卫的钩...

来源:开源中国 2021-03-30 253

Vue 路由守卫安全
· 手把手教你写一个Vue组件发布到npm且可外链引入使用

前言我们为什么要写个组件上传到npm镜像上呢,我们肯定遇到过这样一个场景,项目中有很多地方与某个功能相似,你想到的肯定是把该功能封装成Component组件,后续方便我们调用。但是过了一段时间,你的Leader让你去开发另一个项目,结果你在哪个项目中又看见了类似的功能,你这时会怎么做?你也可以使用...

来源:开源中国 2021-03-27 214

手把手教你写一个Vue组件发布到npm且可外链引入使用
· 80行代码实现Vue骨架屏

骨架屏用途作为spa中路由切换的loading,结合组件的生命周期和ajax请求返回的时机来使用.(作为loading使用)。作为与用户联系最为密切的前端开发者,用户体验是最值得关注的问题。关于页面loading状态的展示,主流的主要有loading图和进度条两种。除此之外,越来越多的APP采...

来源:开源中国 2021-03-26 217

80行代码实现Vue骨架屏
· Vue基础

1.vue优点?答:轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb;简单易学:国人开发,中文文档,不存在语言障碍,易于理解和学习;双向数据绑定:保留了angular的特点,在数据操作方面更为简单;组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有...

来源:开源中国 2021-03-24 222

Vue基础
> <

每日一笑关闭


	   
	   
	   
评论一下
返回顶部