May042018
Vue.js的computed和watch属性详解
在Vue.js中，computed和watch是两个重要的属性，它们用于监听数据的变化，实现响应式的界面更新。本文将详细介绍computed和watch的使用以及它们的区别。
computed属性
computed属性是一种计算属性，它是根据现有的数据派生出来的新的数据。computed属性可以根据它所依赖的数据自动更新，只要依赖的数据发生变化，computed属性就会重新计算。
使用方法
在Vue实例的computed选项中定义compu...阅读全文
抢沙发
Apr272018
Vue.js动画和过渡：创建平滑的用户体验
在现代Web应用程序中，用户体验是至关重要的一个方面。为了吸引和留住用户，我们需要提供平滑流畅的过渡和动画效果。Vue.js是一个流行的JavaScript框架，它提供了一些强大的功能来实现动画和过渡效果。
什么是Vue.js动画和过渡？
Vue.js动画和过渡是指在视图切换时添加的动画效果和过渡效果。当页面元素出现、更改或消失时，我们可以通过添加动画和过渡效果来增强用户的视觉体验。
Vue.js...阅读全文
Apr082018
Uniapp实现在线PDF文件预览
简介
在移动应用开发中，我们经常有需要将PDF文件在应用内进行预览的需求。本篇博客将介绍如何使用Uniapp框架来实现在线预览PDF文件的功能。
步骤
集成Pdf.js
在Uniapp项目中，我们可以通过引入Pdf.js来实现PDF文件的预览功能。首先，我们需要将Pdf.js的相关文件下载到本地，然后在项目的源码中引入这些文件。
创建PDF预览组件
在Uniapp中创建一个新的Vue组件，用于实现PDF文件的预览...阅读全文
Mar202018
nuxtjs下的axios跨域代理
在nuxt.config.js配置文件中，添加如下代码：
// Modules: https://go.nuxtjs.dev/config-modules
// modules模块，挂载在vue实例上。
modules: [
'@nuxtjs/axios'
],
axios: {
proxy: true,
prefix: '/api', // 表示给请求的url加个前缀
credentials: true, // 表示跨域请求时是否需要使用凭证
//debug: true
},
proxy: {
'/api': {
target: process.env.BASE_URL, /...阅读全文
Mar142018
用Vue.js构建单页面应用
在现代web开发中，单页面应用（Single Page Application，SPA）已经变得非常流行。SPA可以提供更流畅的用户体验，同时也能提高应用的性能和可维护性。Vue.js是一种流行的JavaScript框架，能够帮助开发者快速构建复杂的单页面应用。
什么是单页面应用？
传统的网页应用程序通常是由多个页面组成的，用户每次跳转到新的页面时，浏览器都会重新加载整个页面。而单页面应用则不同，它只有一个...阅读全文
Mar062018
Element UI中的全局配置与自定义组件库
引言
在Vue.js开发中，Element UI是一个非常受欢迎的UI组件库，它提供了丰富的组件与功能，可以帮助我们快速构建漂亮的Web应用。除了默认提供的组件，Element UI还支持全局配置和自定义组件库，使开发者能够根据自己的需求进行灵活的定制。
全局配置
Element UI提供了一些全局配置选项，可以在Vue项目的入口文件中进行配置，这些配置项会影响所有的Element UI组件。以下是一些常用的全局...阅读全文
Feb282018
下一代前端框架Svelte 5响应式系统技术预研：告别虚拟DOM的性能革命与开发体验提升
下一代前端框架Svelte 5响应式系统技术预研：告别虚拟DOM的性能革命与开发体验提升
引言：从虚拟DOM到编译时响应式的范式跃迁
在过去的十年中，React、Vue 和 Angular 等主流前端框架凭借其组件化架构和声明式编程模型，深刻改变了Web应用的开发方式。然而，这些框架普遍依赖**虚拟DOM（Virtual DOM）**机制来实现视图更新——即通过比较新旧虚拟节点树，计算出最小差异并批量更新真实DOM。...阅读全文
作者：绝缘体.. | 分类：angular, javascript, react, typescript, vue, 前端技术, 编程语言 | 阅读： | 标签：angular, javascript, react, typescript, vue
Feb012018
利用Vue Router实现前端路由与导航
在前端开发中，我们经常需要实现页面间的跳转和导航，而前端路由就是用于实现这一功能的一种技术。Vue Router 是一个基于 Vue.js 的官方路由管理器，它能够帮助开发者轻松地实现前端路由与导航。
什么是前端路由
前端路由是指根据 URL 的不同，动态地改变页面内容而不刷新整个页面的一种方式。传统的网页应用，页面间的跳转都是通过服务器进行的，而前端路由则是将页面跳转的控制权交给了...阅读全文
Jan122018
如何在Vue.js中使用插件
Vue.js 是一个流行的 JavaScript 框架，它提供了许多便捷的功能来帮助开发者构建交互式的前端应用程序。除了它本身提供的功能外，Vue.js 还支持插件的使用，可以进一步丰富应用程序的功能。本文将介绍如何在 Vue.js 中使用插件，并提供一些常用的插件。
使用插件
首先，将插件的源代码导入到Vue.js项目中。可以使用 npm 或者 yarn 来安装插件。
在 Vue.js 的入口文件中，通过 import ...阅读全文
Jan102018
Vue.js与React对比：选型与实践指南
在现代Web开发中，前端框架扮演着至关重要的角色。Vue.js和React作为两个最受欢迎的前端框架之一，经常用于构建交互丰富、高性能的Web应用程序。但是，在选择一个合适的框架时，很多开发人员可能会陷入困惑。本篇博客将对Vue.js和React进行一些比较，并提供一些选型和实践指南。
选型指南
1. 学习曲线
Vue.js相对于React来说，学习起来更加容易。Vue.js的核心库非常简洁，文档完善，容易...阅读全文