SF
疯狂的技术宅
疯狂的技术宅
注册登录
关注博客
注册登录
主页
关于
RSS
在vue中使用HTML 5 拖放API
疯狂的技术宅
2021-01-14
阅读 13 分钟
4.7k
在本文中我们将用 Vue.js 构建一个简单的看板应用。看板是一种项目管理工具,使用户可以从头到尾直观地管理项目。 Trello、Pivotal Tracker 和 Jira 等工具都属于看板应用。
在 Vue.js 中集成 CSS 框架
疯狂的技术宅
2020-11-03
阅读 4 分钟
5.5k
CSS 框架之所以出色是有很多原因的:比如代码更容易理解、Web 应用更容易维护、简化实现原型时的步骤等。一般来说在 VUE 中集成 CSS 框架的方法是相同的,本文以被广泛使用的 Bootstrap 4 为例。
为 Vue 的惰性加载加一个进度条
疯狂的技术宅
2020-10-23
阅读 6 分钟
4.9k
通常用 Vue.js 编写单页应用(SPA)时,当加载页面时,所有必需的资源(如 JavaScript 和 CSS 文件)都会被一起加载。在处理大文件时,这可能会导致用户体验不佳。
用Single-spa 创建基于 React 和 Vue 的微前端
疯狂的技术宅
2020-10-22
阅读 5 分钟
6.5k
Nader Dabit翻译:疯狂的技术宅原文:[链接]Single SPASingle SPA 是一个用于前端微服务的 javascript 框架。它使你可以在单页应用中使用多个框架,这样就可以按功能拆分代码,并 能使 Angular、React、Vue.js 程序一起运行。你可能已经习惯了 React 和 Vue 的 CLI,通过这些工具可以快速创建项目,并准备好 webpack 的...
Vuex 映射指南
疯狂的技术宅
2020-09-24
阅读 4 分钟
4.2k
使用 Vuex 之前,你应该先了解四个主要概念:state、getter、mutation 和 action。一个简单的 Vuex 状态在 store 中的这些概念中操作数据。 Vuex 中的映射提供了一种从中检索数据的好方法。
近距离观察Vue路由
疯狂的技术宅
2020-07-21
阅读 5 分钟
2.1k
SPA 非常好,因为它们不需要在每次更改路由时都去加载页面。这就意味着一旦加载了全部内容,就可以真正快速地对视图进行切换,并提供出色的用户体验。
探索 Vue-Multiselect
疯狂的技术宅
2020-06-22
阅读 9 分钟
3.9k
创建下拉菜单总是很麻烦的,特别是当我们需要自定义样式时,select 元素的作用非常有限。如果用 Vue 来构建我们的应用,则可以用一些组件来帮助简化工作。
为你的 Vue.js 单页应用提速
疯狂的技术宅
2020-04-29
阅读 4 分钟
3.6k
我有一个项目用了 Vue.js 来构建单页应用程序。随着上线日期的临近,性能优化的工作变得越来越重要。在本文中,我收集了有关在加载时间和渲染性能方面提高 Vue.js 应用性能的所有知识。
推荐 8 个漂亮的 vue.js 进度条组件
疯狂的技术宅
2020-04-14
阅读 3 分钟
14.7k
翻译:疯狂的技术宅原文:[链接] 为大家精心挑选了 8 个漂亮的 Progress Bars 组件,并附上 GitHub 链接和 vue.js 代码示例。 1.easy-circular-progress 一个简单的循环进度组件,带有计数效果。 作者:dreambo8563 Github:[链接] 2.vuejs-progress-bar vue.js 专用的 ProgressBar,基于SVG 矢量图形。有直线、圆和圆柱...
ReactJS 与 VueJS:两种最流行的前端 JS 框架之战
疯狂的技术宅
2020-04-10
阅读 4 分钟
12.7k
如果有人问你将在 2020 年选择哪种框架进行开发,你的答案将是什么?很明显,你主要有两个选择: React.Js 和 Vue.Js!但是,如果你需要选择一个怎么办?好吧,两个最受欢迎的框架 React Js 和 Vue.Js 之间的战斗是真实的。确实很难表明哪个能推翻另一个。但是,我们试图在此处区分这两个框架。请阅读本文…。
在 Vue.js 中使用嵌套路由
疯狂的技术宅
2020-03-06
阅读 5 分钟
5.2k
随着 Vue.js 单页应用(SPA)变得相当复杂,你开始需要 Vue 路由以及嵌套路由。嵌套路由允许更复杂的用户界面以及相互嵌套的组件。让我们创建一个相对简单的用例,来展示 Vue Router 中嵌套路由的实用性。
在 Vue.js 中制作自定义选择组件
疯狂的技术宅
2020-03-03
阅读 3 分钟
2.2k
定制 select 标签的设计非常困难。有时候,如果不使用样式化的 div 和自定义 JavaScript 的结合来构建自己的脚本,那是不可能的。在本文中,你将学习如何构建使用完全自定义 CSS 设置样式的 Vue.js 组件。
Vue.js 中的片段
疯狂的技术宅
2020-01-06
阅读 6 分钟
3.5k
作者:Nwose Lotanna翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 在本文中将会给你介绍一个令人兴奋的概念,它将帮你精通 Vue.js 。 在 Vue 中实现可访问性 为了实现 Web 上的可访问性,你需要设计每个人都可以使用的页面、工具和技术。 这里的“所有人”包括有着听觉、认知、神经、身体、语言和视觉障碍的人。 为...
值得关注的 Vue.js开源项目
疯狂的技术宅
2019-12-18
阅读 7 分钟
4.6k
这些项目中有一些因为其在 2019 年广受欢迎而被列入此列表。其中一些项目在 GitHub 上没有那么多的Star,但是在我看来,这些项目仍然值得注意。
Vue.js 中的无渲染行为插槽
疯狂的技术宅
2019-12-06
阅读 4 分钟
4.5k
作者:David Desmaisons翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 在本文中我们讨论 Vue 中的无渲染插槽模式能够帮助解决哪些问题。 在 Vue.js 2.3.0 中引入的作用域插槽显著提高了组件的可重用性。无渲染组件模式应运而生,解决了提供可重用行为和可插入表示的问题。 在这里,我们将会看到如何解决相反的问题...
15个 Vue.js 高级面试题
疯狂的技术宅
2019-11-29
阅读 6 分钟
13.1k
如果没有使用 key 属性,并且列表的内容发生了改变(例如对列表进行排序),则虚拟 DOM 宁愿使用更新的数据来修补节点,来反映更改,而不是上下移动元素。这是默认模式,非常有效。
23 个 Vue.js 初级面试题
疯狂的技术宅
2019-11-27
阅读 8 分钟
3.5k
使用渐进式框架的代价很小,从而使现有项目(使用其他技术构建的项目)更容易采用并迁移到新框架。 Vue.js 是一个渐进式框架,因为你可以逐步将其引入现有应用,而不必从头开始重写整个程序。
Vue 3 中令人兴奋的新功能
疯狂的技术宅
2019-11-07
阅读 8 分钟
43.8k
在上一篇文章中,我们了解了 Vue 3 将带来的性能改进。我们已经知道,用新的 Vue 3 编写的程序效果会很好,但性能并不是最重要的部分。对开发人员而言,最重要的是新版本将会怎样影响我们编写代码的方式。
Vue 3 对 Web 应用性能的改进
疯狂的技术宅
2019-11-06
阅读 4 分钟
4.4k
有关即将发布的 Vue.js 的第 3 个主要版本的信息越来越多。通过下面的讨论,虽然还不能完全确定其所有内容,但是我们可以放心地认为,它将是对当前版本(已经非常出色)的巨大改进。 Vue 团队在改进框架 API 方面做得非常出色。 尤雨溪将 Vue 3 的目标描述为:
React VS Vue:2020年选哪个更好?
疯狂的技术宅
2019-10-17
阅读 4 分钟
32.1k
Javascript 框架以及 HTML 和 CSS 已成为每个现代软件项目前端开发的重要组成部分。 2020 年将会是为你的 Web 项目选择正确的 javascript 框架的又一个年头。
在 Vue.js 中使用无状态组件
疯狂的技术宅
2019-09-05
阅读 5 分钟
4.8k
作者:Nwose Lotanna翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 在本文中,你将了解功能组件,并了解如何在 Vue 中使用工作流中的无状态组件。 在开始之前 你的PC需要以下内容: 安装 Node.js version 10.x 或以上版本。可以通过在终端中运行以下命令来验证你是否安装了此版本的Node.js: {代码...} Visual Stud...
如何开发跨框架组件?
疯狂的技术宅
2019-08-12
阅读 5 分钟
5.8k
跨框架组件用到了跨平台的方法。 跨平台是一种允许你在各种平台(操作系统,设备)上使用单一源代码的结构,可以通过 Xamarin、Flutter、NativeScript 和 React Native 等工具在 iOS、Android 和 Windows 中使用。
用 ref 访问 Vue.js 程序中的 DOM
疯狂的技术宅
2019-07-24
阅读 5 分钟
3.6k
作者:Nwose Lotanna翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 在本文中,你将了解如何在 Vue.js 中引用组件中的 HTML 元素。 前提条件 本文适用于所有使用 Vue 的开发人, 包括初学者。在阅读本文之前,你应该具备一些前提条件: Node.js 10.x或更高版本。在终端或命令提示符下运行 node -v 来验证你的版本 np...
一文学会Vue中间件管道
疯狂的技术宅
2019-06-27
阅读 9 分钟
10.1k
通常,在构建SPA时,需要保护某些路由。例如假设有一个只允许经过身份验证的用户访问的 dashboard 路由,我们可以通过使用 auth 中间件来确保合法用户才能访问它。
Vue生命周期钩子简介
疯狂的技术宅
2019-06-25
阅读 5 分钟
10.6k
Vue JS 是一个非常先进的 JavaScript 框架,由尤雨溪和 Vue 核心团队创建,超过 230 个开源社区爱好者贡献了代码。 Vue 的用户超过 870,000 人,并且已经 在 GitHub 上得到了140,000 个star 🌟。它由一个仅关注视图层的核心库和对其提供支持的生态系统组成,可帮助你解决大型单页应用程序的复杂性问题。
用Vue.js在浏览器中裁剪图像
疯狂的技术宅
2019-06-19
阅读 5 分钟
4.1k
你是否写了一个需要接受用户上传图片的 Web 应用,后来才意识到用户总是提供各种形状和大小的图像来破坏你的网站主题?在网络上处理图像很容易成为一种痛苦 —— 当然,除非你使用了正确的工具。
用 Vue 开发自己的 Chrome 扩展程序
疯狂的技术宅
2019-06-11
阅读 11 分钟
15.8k
浏览器扩展程序是可以修改和增强 Web 浏览器功能的小程序。它们可用于各种任务,例如阻止广告,管理密码,组织标签,改变网页的外观和行为等等。
快速上手BootstrapVue
疯狂的技术宅
2019-05-07
阅读 10 分钟
79.7k
Vue.js 是一个流行的 JavaScript 库,用于在短时间内开发原型。这包括用户界面、前端应用、静态网页和本机移动应用。它以易用的语法和简单的数据绑定功能而闻名。
快速上手最新的 Vue CLI 3
疯狂的技术宅
2019-04-25
阅读 5 分钟
4.8k
翻译:疯狂的技术宅原文:[链接] 本文首发微信公众号:前端先锋欢迎关注,每天都给你推送新鲜的前端技术文章 概要:本文将指导你快速上手 Vue CLI 3,包括最新的用户图形界面和即时原型制作功能的使用步骤。 介绍 尤雨溪( Evan You)发起并创建的 Vue JS ,是一个用于构建用户界面的非常先进的框架,在 GitHub 上拥有超...
2019年 Vue.js 报告中的亮点
疯狂的技术宅
2019-03-16
阅读 2 分钟
3.8k
最新版的 State of Vue.js 报告是现场直播,它为 Vue 生态系统的状态以及团队未来的储备提供了一些有价值的见解。让我们仔细看看。