51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

vue每日一学:温故forEach()在实战项目的基础知识和应用

vue每日一学:温故forEach()在实战项目的基础知识和应用

厉飞雨 阅读(1) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 今天是2021年7月1日,中国共产党100岁生日,从1921到2021,从石库门到天安门,今天是你的生日,亲爱的中国共产党,百年历程波澜壮阔,百年大党风华正茂! 回到今日主题:[vue](/VueJs/)每日一学:温故forEach()的应用知识。 forEach() 是前端开发中操作数组的一种方法,主要功能是遍历数组,其实...

vue开发小应用:拖动截图功能

vue开发小应用:拖动截图功能

厉飞雨 阅读(0) 评论(0) 赞(0)

![](/images/tt/vue.jpg) [vue](/VueJs/)开发小应用:拖动截图功能。关于这个功能,我们用到的插件:html2canvas和vue-cropper,大家可以安装下。安装命令如下: ``` npm i html2canvas --save          //用于将指定区域转为图片 npm i vue-cropper -S         ...

Vue3开发:简单实例说明路由VueRouter4的应用

Vue3开发:简单实例说明路由VueRouter4的应用

厉飞雨 阅读(1) 评论(0) 赞(0)

![](/images/tt/vue.jpg) Vue3开发:简单实例说明路由VueRouter4的应用。 vue-router4保持了大部分API不变,我们只关注变化部分即可。一起来学习下吧。 ### 安装 执行如下命令: ``` yarn add vue-router@4 ``` ### 使用 **router.js** ``` import { cre...

Vue内置组件:熟悉keep-alive的来龙去脉

Vue内置组件:熟悉keep-alive的来龙去脉

厉飞雨 阅读(1) 评论(0) 赞(0)

![](/images/tt/vue.jpg) keep-alive是一个抽象组件,它自身不会渲染一个DOM元素,也不会出现在父组件链中;使用keep-alive包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。 ### Props: * `include` - 字符串或正则表达式。只有名称匹配的组件会被缓存。 * `exclude` - 字符串或正则表达式。任何...

vue开发小TIPS:可拖拽的弹框

vue开发小TIPS:可拖拽的弹框

厉飞雨 阅读(1) 评论(0) 赞(0)

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

vue开发:了解下vue中的双向数据绑定原理

vue开发:了解下vue中的双向数据绑定原理

厉飞雨 阅读(1) 评论(0) 赞(0)

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

vue开发TIPS:了解下watch和computed

vue开发TIPS:了解下watch和computed

厉飞雨 阅读(0) 评论(0) 赞(0)

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

使用Vue.js和Axios从第三方API提取数据

使用Vue.js和Axios从第三方API提取数据

厉飞雨 阅读(1) 评论(0) 赞(0)

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