mb62b19580f1ddc的博客_QxOrm,tensorflow,Python(13)

三十三、Vue中JS动画与 Velocity.js 的结合

一、JS动画 JS动画的核心就是在<transition>标签中，利用@before-enter、@enter、@after-enter 和 @before

回调函数

原创 2022-06-21 20:04:40 94 阅读

三十四、Vue中多个元素或组件的过渡动画

一、Vue中多个元素的过渡关键点如下：为每个元素添加 key 属性，避免Vue的复用导致不出现动画为 <transition> 添加 mode 属

复用

原创 2022-06-21 20:04:32 108 阅读

三十五、Vue中的列表过渡动画

<template> <div id="root">  <transition-group> <div v-for="(item, ind

Vue

原创 2022-06-21 20:04:26 180 阅读

一、Vue移动端项目前准备

1.更改 index.html 的<meta>属性<meta name="viewport" content="width=device-width,initial-scale=1.0, mi

h5

html

ide

原创 2022-06-21 20:04:20 63 阅读

二、Vue中安装使用stylus（写css使用）

1.安装 stylus（写css使用）插件cnpm install stylus --savecnpm install stylus-loader --save2.使用案例使用 stylus 注意事项：这里我们使用的

css

html

ico

原创 2022-06-21 20:04:07 112 阅读

四、Vue中使用 stylus 抽取 CSS 公共变量，并使用

对于 CSS 中一些公共变量，可以处理如下：第一步：在src/assets/styles目录下新建 variable.styl 文件，这里放置一些公共CSS变量，比如背景颜色：$bgColor = #00bcd4 第二步：引入variable.styl： @import '~styles/variable.styl，使用公共变量：background $bgColor...

css

背景颜色

原创 2022-06-21 20:04:00 281 阅读

三、Vue中设置路径别名

一：问题在 CSS 或者 JS 中，有时候需要引入其他相关文件，若目录层级比较多，那么路径会相当长，而且重复书写，比较麻烦。为了解决这个问题，我们可以采用为路径设置别名的方式，来简化路径书写。二：设置别名步骤下例是使用 vue-cli3.0构建项目，步骤如下：1.新建 vue.config.js 文件，和package.json同层级

设置别名

重启

ide

原创 2022-06-21 20:03:54 282 阅读

二十六、Vuex

一、基本功能介绍 Vuex 解决不同组件的数据共享和数据持久化！就是H5中的 LocalStorage 和 SessionStorage 的替

数据

异步操作

ico

原创 2022-06-21 20:03:48 125 阅读

二十五、Vue之PC端UI框架Element

一、官网Element框架是PC端UI框架，网址：http://element-cn.eleme.io/#/zh-CN二、安装、引入项目（一）vue-cli3引入Element框架vue add el

css

官网

原创 2022-06-21 20:03:34 577 阅读

二十四、Vue之移动端框架MintUI之上拉分页加载更多

1.引入上拉刷新组件 Infinite ScrollInfiniteScroll.vue<template> <div> <ul v-infinite-scroll="loadMore" infinite-scr

下拉刷新

数据

请求数据

原创 2022-06-21 20:03:12 52 阅读

二十三、Vue之移动端框架MintUI

具体参见 mint-ui 官网：http://mint-ui.github.io/#!/zh-cn一、安装 mint-uicnpm install mint-ui --save二、引入 mint UI

css

官网

github

原创 2022-06-21 20:03:03 64 阅读

二十一、Vue之Vue-router 中hash模式和history模式的区别

router有两种模式：hash模式（默认）、history模式（需配置mode: ‘history’） hash模式url里面永远带着#号，

html

重定向

html5

原创 2022-06-21 20:02:55 195 阅读

二十、Vue之编程式导航

一、编程式导航啥意思？所谓编程式导航是和<router-link>相对应的。<router-link>可以类比为传统的超链接<a>，点击即可

带参数

登录页面

静态路由

原创 2022-06-21 20:02:48 222 阅读

四十七、Vue路由导航卫视之实例解析

路由导航卫视可以作为所有路由的拦截器，在这里，可以做一些相应的业务处理，比如拦截一些无权限的访问之类！1.路由导航卫士

f5

登录页面

数据

原创 2022-06-21 20:02:18 174 阅读

八、Vue中使用 html2canvas 和 canvas2image 实现网页截屏

一、html转为canvas1.安装 html2canvascnpm install html2canvas --save2.引入 html2canvas// 引入import html2canv

html

2d

抗锯齿

原创 2022-06-21 20:02:07 6128 阅读

四十五、Vue之递归组件

一、递归组件的实现效果二、递归组件的实现效果数据： list: [{ title: '成人票', children: [{ title: '成人三馆联票',

递归

ico

数据

原创 2022-06-21 20:01:54 77 阅读

四十四、Vue中监听滚动事件

// 监听滚动事件window.addEventListener('scroll', this.handleScroll)//得到距离顶部的滚动距离const top = document.documentElement.scrollTop

生命周期

原创 2022-06-21 20:01:47 505 阅读

四十六、Vue中路由切换时，滚动行为在组件之间相互影响的解决办法

一、问题当我们在A组件中滚动到页面底部时，再通过路由到B组件，会发现显示的也是B组件的底部，而不是从头部开始显示？二、原因组件之间的行为会相互影响。三、解决办法在配置路由的地方加上如下代码，例如：router.jsimport Vue from 'vue'import Router from 'vue-router'import Home from './pages/...

Vue

原创 2022-06-21 20:01:42 98 阅读

四十三、Vue中使用 router-link 导致文字颜色变化的解决方案

案例： <ul>  <li class="item border-bottom" v-for="item of list" :key="item.id"> ...

解决方案

原创 2022-06-21 20:01:35 513 阅读

四十、Vue中使用定时任务进行节流

一、问题当用户在与设备进行交互时（比如点击、下滑。。。），同一个方法可能会反复触发，但并不是每次触发都是有意义的，这样只会导致损耗性能，降低用户体验。二、解决办法使用定时任务，将当前任务延迟一段时间执行。在此期间若有新的任务，则清除老任务，新任务进入定时器。案例如下：<script>import { clearTimeout, setTimeout } from 't...

定时任务

原创 2022-06-21 20:01:29 83 阅读

四十二、Vue中使用keep-alive优化网页性能

问题一：如上图所示，当我们在使用路由在首页和城市列表页之间进行切换时，它会反复访问 index.json（首页数据）和 city.json（城市列表页数据），而大多数时候，这里的数据都是一样的，不需要反复请求。解决办法：使用<keep-alive>将请求的数据缓存到内存中，当再次访问时，直接从内存中取数据即可！案例如下：<template> <d...

数据

json

缓存

原创 2022-06-21 20:01:25 77 阅读

四十一、Vue中localStorage缓存

存： // 防止有的浏览器不支持 try { localStorage.city = city } catch (error) { }取：try { if (localStorage.city) { defaultCity = localStorage.city }} catch (e) {}...

Vue

原创 2022-06-21 20:01:19 107 阅读

三十九、Vue中监听器 watch 的使用

一、使用场景当我们需要监听某个属性时在变化时触发一系列的逻辑，那么就可以利用监听器实现。二、案例

监听器

数组

使用场景

原创 2022-06-21 20:01:12 78 阅读

三十八、Vue中使用 v-for 遍历对象（类似于Java的Map）

对象数据如下： "cities": { "A": [{ "id": 56, "spell": "aba", "name":

数据

原创 2022-06-21 20:01:05 134 阅读

六、Vue中使用滚动插件：better-scroll

1.安装插件cnpm install better-scroll --save2.使用（1）是元素符合规范要想使用 better-scroll 这个插件，必须保证元素符合下列规则：<div class="wrapper"> <ul class="content"> <li>...</li> <li>.....

实例化

安装插件

原创 2022-06-21 20:01:01 67 阅读

三十七、Vue中更改vue.config.js配置文件，一定要重启！！

Vue中更改vue.config.js配置文件，一定要重启！！或者配置项更改并不会生效！！！

重启

配置项

配置文件

原创 2022-06-21 20:00:55 1328 阅读

五、Vue中使用轮播图插件：vue-awesome-swiper

1.安装vue-awesome-swiper2.6.7插件cnpm install vue-awesome-swiper@2.6.7 --save2.在main.js中引入main.js// 引入轮播插件：vue-awesome-swiperimport VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/dist/css...

轮播图

ide

控件

原创 2022-06-21 20:00:51 482 阅读

二十五、Qt之自定义图形视图组件，扩展基础 Widget 功能，以 QGraphicsView 组件为例

一、使用场景QGraphicsView 是 Qt 的图形视图组件，在 UI 设计器的 Display Widget 分组里可以拖放一个 QGraphicsView 组件到窗口上

#include

ide

鼠标事件

原创 2022-06-21 19:59:55 981 阅读

十三、Qt之录GIF

一、图片转GIF工具类gif.cpp//// gif.h// by Charlie Tangora// Public domain.// Email me : ctangora -at- gmail -dot- com//// This file offers a simple, very limited way to create animated GIFs directly i..

#include

#endif

xcode

原创 2022-06-21 19:59:45 127 阅读

六、Qt界面设计之使用 sizePolicy 属性来自动控制 Widget 在布局中的大小，比如只设置某一个控件随界面变大而变大

一、sizePolicy（大小策略）属性介绍控件的 sizePolicy 说明控件在布局管理中的缩放方式。Qt提供的控件都有一个合理的缺省sizePolicy

控件

开发人员

代码实现

原创 2022-06-21 19:59:36 3658 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

mb62b19580f1ddc的博客