SVG 和 CSS3 实现一个超酷爱心 Like 按钮
在现代网页中，我们经常可以在一些文章、视频和图片页面上找到”Like”按钮，并且通过点击该按钮来表示自己对该内容的喜欢或者不喜欢。大部分”Like”按钮是纯文本按钮或者图片按钮，如果你想让它们具有特别的动画特效，那么我们就需要用到CSS3或者JavaScript了。本文给大家带来一个带有爱心散列动画 ...
vue 模板指令练习demo1
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
用css制作旋转的立方体
作者：安小轩 原文链接：https://juejin.cn/post/7086272341994536974 实现一个旋转的立方体，只需要用css的基本属性就可以实现。我们一起看看吧~ 一：transform 基本属性 transform可以实现元素的2D或3D转换，可以对元素进行旋转，缩放，移动， ...
浅谈Vue开发最佳实践—事项清单
一 、通过云开发平台快速创建初始化应用 1.创建相关应用模版请参考链接：彻底学会快速部署vue框架，一篇就够了 2.完成创建后就可以在github中查看到新增的Vue.js 仓库 二 、 本地编写《开发跨平台桌面应用》项目 1.将应用模版克隆到本地 ● 首先假定你已经安装了Git、node，没有安装 ...
让交互更加生动！有意思的鼠标跟随 3D 旋转动效
今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现： 简单分析一下，这个交互效果主要有两个核心： 借助了 CSS 3D 的能力 元素的旋转需要和鼠标的移动相结合 本文，就将讲述如何使用纯 CSS 实现类似的交互效果，以及，借助 JavaScript 绑定鼠标事件，快速还原上述效果。 纯 ...
vue下一代状态管理Pinia.js 保证你看的明明白白！
1.pinia的简单介绍 Pinia最初是在2019年11月左右重新设计使用Composition API的 Vue 商店外观的实验。 从那时起，最初的原则相同，但 Pinia 适用于 Vue 2 和 Vue 3 。 并且不需要你使用组合 API。 除了安装和SSR之外，还有其他的 API是一样的。 ...
二次封装这几个 element-ui 组件后，让代码更加优雅了
element-ui 本身就提供了许多强大的组件。那么为什么还要进行二次封装呢？ 在日常的开发过程中，部分模块重复性比较强，这个时候就会产生大量重复的代码。这些模块的样式基本上是比较固定的，而且实现的功能也比较相近。如果每个地方都复制一份相似的代码，既不遵守代码的简洁之道，也不利于后期的维护修改 ... ...
八个解决你80%需求的CSS动画库
八个解决你80%需求的CSS动画库 点击打开视频讲解 在学习和工作的过程中，我们总免不了要写各种各样的css动画，给某个部分添加动画效果，如果觉得自己写的动画效果单一乏味，不妨试试这8个CSS动画库，值得收藏使用。 一、hover.css 开箱即用的鼠标悬停动画，支持的动画类型有： 2D Trans ...
解决git@github.com: Permission denied (publickey). fatal: Could not read from remote repository.
今天想要把项目git到github上，结果最后一步git push的时候报错如下： 原因 Permission denied (publickey) 没有权限的publickey ， 出现这错误一般是以下两种原因： 客户端与服务端未生成 ssh key 客户端与服务端的ssh key不匹配 找到问题 ...
uni-simple-router
uni-simple-router 专为uniapp打造的路由器，和uniapp深度集成 通配小程序、App和H5端 H5能完全使用vue-router开发 模块化、查询、通配符、路由参数 使 uni-app实现嵌套路由（仅H5端完全使用vue-router） uniapp用到了很多vue的api， ...
vu3中的父子组件通讯
一、传统的props 通过在父组件中给子组件传值，然后在子组件中通过props接受数据 1 //父组件 2 <ValidateInput 3 type="text" 4 v-model="emailVal" 5 :rules='emailRules' 6 placeholder='请输入邮箱地址' ...
vue 拖拽
1、左右容器拖拽 2、容器内位置拖拽切换 3、判断性拖拽（若不适配，鼠标显示禁止拖拽图标） 4、点击大标题，变输入框修改，最后提交表单 <template> <div> <div class="left_list"> <div class="_flex"> <transition-group tag ...