菜单 效果 动画vue2
直播app开发，CSS3动画实现左右无缝滚动图
直播app开发，CSS3动画实现左右无缝滚动图 <view class="shortList_con"><view class="scrollCon" :style="'width:' + (shortRouteList.length)*210 + 'rpx'"><view class="short ......
纯css实现边框环绕的效果
最近做项目遇到一个需求，需要给卡片添加一个边框环绕的效果，当鼠标移入卡片时，出现边框。 这里我主要是使用:before 和 :after来辅助实现这个功能。 在很多时候，我们可以巧用:before 或者 :after 来实现一些看起来较为复杂的效果。 我们先看看效果： 代码如下，希望大家能受到些许的 ......
odoo12中菜单的生成
小记： 其实本来不打算学这个的，因为我们部门的人都会这个。有一天领导让我做个工具，要集成到这个odoo12中，因为好久没有搞这个了。对菜单也不是太清楚。本来想着问一下 同事，给我把这个菜单搞定就完了。也不是多复杂的问题，结果人家说。你这都不会。还搞个毛呀。 我只有呵呵了。 没办法求人不求自己，最后， ......
Css开发：解决在less中动画效果失效的问题
一、问题如下 在vue的style样式中使用了less，而在less中直接使用普通的动画效果时效果会失效，无法对样式呈现出应有的效果。 这个是在less编译为css时，添加的动画效果和其他的附加样式一同被进行了编译操作，导致原本定义的动画名称无法被查到，所以不生效。 要解决这个问题，就得绕过动画名称 ......
【动画进阶】当路径动画遇到滚动驱动！
我的小册 《CSS 技术揭秘与实战通关》上线了，想了解更多有趣、进阶、系统化的 CSS 内容，可以猛击 - LINK。 本文，我们将一起利用纯 CSS，实现如下这么个酷炫的效果： 在一年前，我介绍了 CSS 中非常新奇有趣的一个新特性 -- @scroll-timeline：革命性创新，动画杀手锏 ......
vue2实现pc端自适应分辨率
思路：使用lib-flexible结合postcss-pxtorem实现 第一步 在项目utils下建立flexible.js文件(直接下载则不用新建该文件) 第二部 复制以下代码到刚建好的文件中或者直接yarn install lib-flexible-pc-y // 基于 libflexible ......
放大1.1倍 放小 动画
如果您希望放大的效果较小，可以调整示例代码中的transform: scale()的值。以下是一个示例，将按钮的放大比例减小到1.1： <p style="text-align: center;"><img class="btn1" src="static/picture/band.png" sty ......
Vue H5 Swiper 动画
简介及使用教程 Vue H5 Swiper是一个H5移动滑块组件，适用于H5应用程序，轻量。 安装 Npm npm i vue-h5-swiper Yarn yarn add vue-h5-swiper 使用 引入 import { Swiper, SwiperItem } from 'vue-h5 ......
Vue Swing 左右动态滑动的动画
简介及使用教程 Vue Swing是滑动组件Swing的Vue.js包装器。 Swing是可滑动的卡界面，向左/向右滑动表示是/否输入，就如在Jelly和Tinder等应用程序中看到的那样。 安装 Npm npm i vue-swing Yarn yarn add vue-swing 使用 引入并注 ......
记录--用 Vue 实现原神官网的角色切换效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 为了更好的了解原神角色，我模仿官网做了一个角色切换效果，在做的过程当中也总结了一些技术点。 为了让大家更好的体验，我兼容了 PC 端和移动端，建议在 PC 端查看效果更佳。接下来就为大家简单的分享一下！ 话不多说，原神启动！！ 效果 ......
vue2使用百度地图（vue-baidu-map）
https://dafrok.github.io/vue-baidu-map/#/ https://www.npmjs.com/package/vue-baidu-maphttps://lbs.baidu.com/index.php?title=jspopularGL/guide/getkey 一 ......
从零开始使用vue2+element搭建后台管理系统（实现导出excel表格的功能）
首先参阅了以下文档： https://panjiachen.gitee.io/vue-element-admin-site/zh/feature/component/excel.html#excel-%E5%AF%BC%E5%87%BA https://blog.csdn.net/weixin_42 ......
Unity 游戏开发、02 基础篇 | 知识补充、简单使用动画、动画状态机
前置笔记（由浅入深） Unity 游戏开发、01 基础篇 2 场景操作 3D场景 Q 手型工具（鼠标中键）：上下左右移动场景 ALT + 鼠标左键：以视图为中心旋转 鼠标右键：以观察者为中心旋转 SHIFT + Gizmo方块：Y轴归位 物体节点 + F：观察者定位至物体 窗口布局 3D项目一般窗口 ......
在Vue2和Vue3中JSX的使用集锦
Vue2安装JSX支持 有时候，我们使用渲染函数（render function）来抽象组件，而渲染函数使用Vue的h函数来编写Dom元素相对template语法差别较大，体验不佳，这个时候就派 JSX 上场了。然而在Vue3中默认是带了JSX支持的，而在 Vue2 中使用 JSX，需要安装并使用 ......
从零开始使用vue2+element搭建后台管理系统（框架布局+面包屑+内容页加载实现）
先在components下分别创建侧边栏、顶部、布局等组件，用于全局配置： CommonAside.vue <template> <el-menu default-active="1-4-1" class="el-menu-vertical" @open="handleOpen" @close="h ......
实现类似elementui中的树节点过滤效果
filterTree(tree, arr=[]){ let that = this if (!tree.length) return []; for (let item of tree) { let node = {} if(item.name.indexOf(this.searchVal) > - ......
vue2 el-popover 数据很多时候，渲染很慢
参考链接： https://blog.csdn.net/weixin_45753473/article/details/119893112 怎么让el-popover显示位置根据点击位置显示，以下代码优化： 要让`el-popover`的显示位置根据点击位置动态调整，可以根据点击的元素的位置动态设置 ......
图标鼠标移入移出动态效果
效果示例 这种效果起初是在腾讯云的官网上发现的，对这个效果比较好奇，所以就看了一下他的实现。然后自己写个demo记录一下。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" con ......
Vue2——监听页面滚动实现菜单和页面对应
前言 如题，监听页面的滚动并激活相应的菜单，一个老项目的维护，后面反正要全部重构，这里就先实现功能就好了； 内容 元素内容 主要是添加相应的id，生成目录后直接通过锚点来跳转 监听滚动 window.addEventListener('scroll', () => { const sections ......
删除百度网盘windows右键菜单的脚本
以下代码保存为 任意文件名.bat，然后右键“以管理员身份运行”即可 reg delete HKEY_CLASSES_ROOT\Directory\shellex\ContextMenuHandlers\YunShellExt /f reg delete HKEY_CLASSES_ROOT\*\sh ......
Vue2x的自定义指令
在某些情况下，我们需要对底层DOM进行操作，而内置的指令不能满足需求，就需要自定义指令。一个自定义指令由一个包含类似组件的生命周期的钩子的对象来定义，钩子函数会接收到指令所绑定的元素作为参数。 定义指令 常用两种方式进行自定义指令，一种是全局定义，另一种在当前组件中定义 // 局部定义 export ......
系统测试AC5. AC6. IAR和GCC调试效果，MDK AC6不开优化调试乱跳，甚至倒序执行
首先感谢大家对上一个视频的点评回复，非常有意义的讨论，这次AC6的表现更新惊呆，不开优化都可以乱跳。 【实验目的】 同样的程序代码，目的是测试C环境的调试现象。 【实验版本】 IAR版本 ：9.3x MDK版本：5.3x, 含AC5和AC6 Embedded Studio：使用GCC，版本V7.1X ......
vue2打包组件发布到npm
1.使用 vue create projectName 新建一个项目 2.将src的文件夹名称改为example，便于我们调试代码 3.增加packages文件夹，其下面的index.js代码如下 import panel from './panel/index.vue' const compone ......
微信小程序-实现公告自动滚动效果
<!-- 公告 --> <view class='notice'> <view class='notice-contain'> <icon type="search" size="14" color="#f00"></icon> <swiper class="tab-right" vertical= ......
给鼠标右键增加可执行程序菜单
问题 在文件夹下按住shift+鼠标右键，即可出现在此处打开cmd窗口选项，如何添加一个自定义命令呢，比如打开git 添加方案 右键菜单分为 在空白处右键（桌面右键） 在文件上右键 在文件夹上右键 对应的目录地址： 空白处右键：HKEY_CLASSES_ROOT/Directory/backgrou ......
鉴于vue2使用element组件不太方便，换成vue3的具体步骤
1、卸载原有的vue2 npm uninstall vue-cli -g 卸载完成！ 2、按照最新的下载vue3命令下载vue3 npm install -g @vue-cli 下载完成！（等了大概快10分钟） ......
按钮向上抖动效果怎么做
1 div里就写在class里面 这将为按钮添加一个名为bounce的关键帧动画，其中按钮将在不同的时间点上以一定的距离向上抖动。然后，通过将bounce_small_infinite类应用于按钮的父容器，您可以使按钮无限地应用这个抖动动画。 class=" bounce_small_infinit ......
Vue学习一：vue2的基本指令
Vue是一个构建用户界面的渐进式框架。官网：https://cn.vuejs.org/。 Vue可以用网上的CDN，也可以下载到本地（下载的话就是进入官网打开学习文档，点击基础里面的安装，点击里面的开发版本这几个字，建议下载开发版本，里面包含完整的警告和调试模式） 1、创建Vue2实例 首先将下载的 ......
PR 做星轨太慢？AutoStarTrail - 快速一键生成星轨拖尾效果
最近无聊拍了很多星空延时，打算堆栈做成 这种星轨视频，但是渣机无力，每次PR导出都超级耗时 所以写了这个东西，342 张 (3456, 5184) 的图片合成星轨图片或者视频都能在5到10分钟内解决 代码在 这里 详细教程在 这里 ......