摘要: 【CSS】实现简单易上手的'手风琴效果' 点击打开视频讲解 <template> <div id="app"> <div class="shell"> <div class="box"> <img src="./assets/img1.jpg" alt=""> <span>图片1</span> </ 阅读全文
posted @ 2022-08-15 22:27 程序猿咬棒棒糖拽天下 阅读(144) 评论(0) 推荐(0) 编辑
摘要: @vue/cli 中用axios请求本地json报 404 点击打开视频讲解 问题: @vue/cli 中用axios请求本地json,开始把json放到了static下面,各种报404 解决办法: json文件需要存在public文件夹下,cli3之后public才是存放静态资源的地方,内置服务器 阅读全文
posted @ 2022-08-14 15:06 程序猿咬棒棒糖拽天下 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 八个解决你80%需求的CSS动画库 点击打开视频讲解 在学习和工作的过程中,我们总免不了要写各种各样的css动画,给某个部分添加动画效果,如果觉得自己写的动画效果单一乏味,不妨试试这8个CSS动画库,值得收藏使用。 一、hover.css 开箱即用的鼠标悬停动画,支持的动画类型有: 2D Trans 阅读全文
posted @ 2022-08-13 20:20 程序猿咬棒棒糖拽天下 阅读(1976) 评论(0) 推荐(9) 编辑
摘要: 点击打开视频讲解 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co 阅读全文
posted @ 2022-08-12 22:26 程序猿咬棒棒糖拽天下 阅读(496) 评论(0) 推荐(0) 编辑
摘要: 盒模型 点击打开视频教程 标准盒模型、怪异盒模型(IE盒模型) 什么是盒模型? 盒模型的作用:规定了网页元素如何显示以及元素间的相互关系 盒模型的概念:盒模型是css布局的基石,它规定了网页元素如何显示以及元素间的相互关系。 css定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、 阅读全文
posted @ 2022-08-11 23:52 程序猿咬棒棒糖拽天下 阅读(1067) 评论(0) 推荐(2) 编辑
摘要: Vue.use()的作用及原理 点击打开视频讲解 在Vue中引入使用第三方库通常我们都会采用import的形式引入进来 但是有的组件在引入之后又做了Vue.use()操作 有的组件引入进来又进行了Vue.prototype.$axios = axios 那么它们之间有什么联系呢? 例如:Vue.us 阅读全文
posted @ 2022-08-10 22:30 程序猿咬棒棒糖拽天下 阅读(1428) 评论(0) 推荐(2) 编辑
摘要: 纯css实现三角形 点击打开视频教程 <template> <div id="app"> <!-- 纯css实现三角形书写 --> <div class="test-border"></div> </div> </template> <script> export default { name: ' 阅读全文
posted @ 2022-08-08 22:20 程序猿咬棒棒糖拽天下 阅读(33) 评论(0) 推荐(0) 编辑