django常用命令django-admin.exe startproject mysitepython .\manage.py startapp app01python manage.py makemigrationspython manage.py migratepython manage.py runserverpython manage.py runserver 0.0.0.0:8000&
Vue 提供了 transition同时在学习过程中解决了一些疑问，也在这里分享给大家~目录一、vue怎么实现单组件/元素的过渡动画二、具体是怎么操作过渡的呢？1.过渡的类名 2.Enter（进入）过渡动画v-enter （起始节点）v-enter-active（过渡阶段）v-enter-to（结束节点） 被隐藏的一段过程 总结3.Leave（移除）过渡动画
9-17在add ,update, remove DOM时 提供多种方式的应用过度效果。包括以下可选工具：（2大类，css和js）在css过度和动画中自动应用class配合使用第三方css动画库. Animate.css在hook function 中使用Javascript直接操作DOM配合使用第三方Javascript动画库。 Velocity.js 进入／离开 和列表的
前言 electron-vue脚手架搭建的项目，在开发阶段可能你注意不到项目启动慢的问题，但是在build 生成的exe可执行文件，启动后，要反应很久才能进入到app.vue 中加载的页面，体验性很差。正文 针对上诉问题，产生的原因是在渲染进程加载vue的时候，特别慢，为了提高用户体验，我们的项目可以在启动的时候添加一个loading动画，然后再进入app.vue的页面。 实现思路 我们可
转载
2024-07-17 13:46:39
206阅读
目录开发环境实现效果技术要点及代码一、querySelectorAll() 方法二、scrollIntoView()方法实战核心代码开发环境在HBuilder X开发工具下通过CDN的方式引入vue2.0以及Element-UI<!--引入vue2.0-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.10/dis
一、过渡 动画1.1简单的过渡动画使用parent.vue【0】定义一个待显示的数据 【1】定义一个显示隐藏flag 【2】使用动画过滤标签，name用来连接style样式；v-show用来控制数据显隐； 【3】按钮监听事件来控制data的flag为true,或false以控制视图的显隐 ；也可用函数来处理见methods里的sh函数 【4】可选，用来控制flag的true或false 【5】ht
转载
2024-10-10 14:48:50
291阅读
@TOC4.1过渡和
动画基础4.1.1什么是过渡和
动画1.过渡从一个状态向另外一个状态变化的过程，新的状态替换了旧的状态
动画和过渡的不同： 简言之，过渡只能控制开始和结束；
动画可在指定帧位置，更细腻更精准过渡语法:<transition name="fade">
<!--需要添加过渡的div标签>
<div></div>
</transit
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。它们包括：（1）在CSS过渡和动画中自动应用 class（2）配合使用第三方 CSS 动画库，引入animate.css实现效果过渡（3）配合使用第三方 JavaScript 动画库，引入velocity.js实现效果过渡（4）引入tween.js数值实现数值过渡在CSS过渡和动画中自动应用 classVue 提供了 tra
在vue2中使用轮播插件vue-awesome-swiper，功能包括自动轮播，点击查看大图, 查看大图功能使用的是element-ui中的<e-image/>下面来安装使用1.安装对应的版本在vue2中需要安装对应的版本，在安装vue-awesome-swiper的同时也需要安装swiper组件。
对应版本如下：
vue-awesome-swiper@3.1.3
swiper@4.0
转载
2024-02-25 21:58:12
228阅读
点赞
前端路漫漫，挽起袖子干前言我之前总结过动态菜单的实现方案>动态菜单实现,只不过这篇写的有点稍微复杂，是用后端返回当前登录角色的路由表实现的，也就是前端只要从后端取到路由表进行渲染菜单即可；今天，我再讲解一种方案：路由表写在前端，后端返回用户的角色，前端进行角色对应的菜单渲染开始之前，自己要大概懂写关于vue-router的beforeEach(路由拦截)、addRoutes,elementU
Vue过渡和动画的要点就是在恰当的时机添加或删除 CSS 类名，我们需要定义其在不同的时间段的状态，在进入或离开的过程中，会有 6 个 class 切换：v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进
其他网址element-ui之el-collapse-transition（折叠展开动画）源码解析学习-博客
原创
2022-03-23 18:06:00
904阅读
一、动态路由上面我们定义的路由，都是严格匹配的，只有router-link 中的to属性和 js 中一条路由route中 path 一模一样，才能显示相应的组件component. 但有时现实却不是这样的，当我们去访问网站并登录成功后，它会显示 欢迎你，+ 你的名字。不同的用户登录， 只是显示“你的名字” 部分不同，其它部分是一样的。这就表示，它是一个组件，假设是user组件。不同的用户（就是用户
转载
2024-10-30 21:59:32
122阅读
组件 <template> <div class="hide-page-com"> <ul class="tab-tilte"> <li v-for="(title,index) in tabTitle" :key="index" @click="getclcik(index)" class="me
原创
2022-09-01 20:18:31
624阅读
项目上传表格导入数据，加个的一个导入动画穿透加！important首选样式依然无效//导入动画的图标大小
.is-fullscreen>>>.el-icon-loading{
font-size: 30px!important;
}动画创建的代码，有类名 有背景色，还带个文字，怎么看怎么像是创建的了一个标签上去const loading = this.$loading({
原创
2023-12-07 15:19:32
1638阅读
vue提供了<transition></transition>和<transition-group></transition-group>实现元素状态的过渡.加入过渡效果可以使元素的展示和隐藏更自然.如果在vue中使用了<transition></transition>标签,vue会检测是否有应用CSS过渡动画或JavaScr
转载
2024-04-30 18:53:17
361阅读
methods: {
uploadImg() {},
handleAvatarSuccess(res, file) {
// console.log(res)
this.imageUrl = res.data.url;
this.$emit(“childRightFn”, {
…this.rightData,
…{ imageUrl: this.imageUrl},
…{props: {src:
转载
2024-09-28 09:36:18
33阅读
一、使用 iframe 标签嵌套页面1、简单了解一下 （1）什么是 iframe？ iframe 标签会创建一个行内框架（包含另一个文档的内联框架）。 简单地理解：页面中嵌套另一个页面。（2）使用场景？ 有的项目需求，需要在当前页面中显示外部网页，比如访问csdn、查看接口文档等，此时就可以使用 iframe 标签，嵌套一个页面。 （3）简单使用一下 修改commo
转载
2024-05-04 10:55:39
96阅读
1. ·概述
2. Selectable插件允许用户对指定的元素进行选中的动作。此外还支持按住Ctrl键单击或拖拽选择多个元素。
3. 官方示例地址：http://jqueryui.com/demos/selectable/
4.
5.
6. ·参数（参数名 : 参数类型 : 默认值）
7. autoRefresh : Boolean : true
8.
转载
2024-07-30 16:04:53
288阅读
