2024-11-24 厉飞雨 阅读(1) 评论(0) 赞(0)

 分享一个vue开发的小TIPS：可拖拽的弹框。我们是使用的是vue+element，一起往下看吧。 element的dialog弹框在项目中挺常用的。但有时候嵌套的话会遮住，体验不好。拖拽形式的弹框会提高用户体验 借助基于 Sortable.js 的 Vue 拖拽组件vuedraggable 安装 ``` npm ins...

2024-11-24 厉飞雨 阅读(1) 评论(0) 赞(0)

 最近在折腾uni-app项目，其实蛮想吐糟它有多LJ的，但是为了工作，忍忍吧。还没玩过uni-app的可以尝试下咯。 ### uni-app简介 uni-app是一个使用 [Vue.js](/VueJs/)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 vue开发TIPS：了解下watch和computed。 ### computed 计算属性说明： computed 是基于响应性依赖来进行缓存的。只有依赖数据发生改变，才会重新进行计算（当触发重新渲染，若依赖数据没有改变，则 computed 不会重新计算）。若没改变，计算属性会立即返回之前缓存的计算结果。 不支持异步，...

2024-11-24 厉飞雨 阅读(1) 评论(0) 赞(0)

 Reactivity systems是现代前端框架的关键部分之一。它们是...

2024-11-24 厉飞雨 阅读(1) 评论(0) 赞(0)

 通常，在构建JavaScript应用程序时，您需要从远程源获取数据或使用API。可以使用许多公开的API中的数据来完成很多很酷的工作。 使用[Vue.js](/VueJs/)，您可以从字面上围绕这些服务之一构建应用程序，并在几分钟之内开始向用户提供内容。 我将演示如何构建一个简单的新闻应用程序，该应用程序将显示当天的热门新闻...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 vuejs开发：vue-video-player插件。 最近的项目中需要实现视频断点续播的功能，一听到这个功能。内心方张了..但却又有点小窃喜，小懵乱。抱着求学态度去挑战一下。 ``` npm install vue-video-player --save ``` ``` import VideoPlayer from &...

2024-11-24 厉飞雨 阅读(2) 评论(0) 赞(0)

 VUE开发：vue-cli中实现响应式布局。 我们在进行前端开发中必然会遇到PC与移动端的适配，面对这样的问题有些公司会准备两个页面，移动是移动，PC是PC，而响应式布局就是根据用户不同的机型展示不同的页面，废话不多说，直接贴代码 首先我们这个功能是借助vuex实现的，没下载的小伙伴可以先下一个。 ``` yarn add...

2024-11-24 厉飞雨 阅读(3) 评论(0) 赞(0)

 vue开发TIPS:vue-cli中实现响应式布局。原理是利用vuex实现的，没安装的童鞋装下咯。 ``` yarn add vuex ``` 既然是响应式布局就要准备两套css，一个是PC端的css，一个是移动端的css，我们暂且将PC端的样式称为computer，移动端的样式称为mobile 我们首先要做的就是当前屏幕...

2024-11-24 厉飞雨 阅读(1) 评论(0) 赞(0)

众所周知使用Nuxt.js可以扩展Vue，为什么要使用Nuxt.js？今天给大家分享些知识，供大家参考学习。 Vue应用程序使用Nuxt.js可以避免的7个问题。 Vue.js是您应用程序框架的绝佳选择。但是，您可能会遇到几个问题： * 如何合并和配置我的所有JavaScript＆Vue库以有效地协同工作？ * 如何使用最佳实践来构造应用程序代码？ * 如何确定我的应...

2024-11-24 厉飞雨 阅读(1) 评论(0) 赞(0)

 vue开发TIPS：对于keep-alive的小结。一起看看吧。 ### 作用 主要用于保留组件状态或避免重新渲染。 ### 用法 \<keep-alive\> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 \<keep-alive\> 是一个抽象组件：它自身不会渲染一个 DOM 元...