UEの悲鸣虎-CSDN博客

1.基于vue建设一个裁剪框全文附录我会放到最后，有需要的小伙伴自取## 1.1在没有添加图片的时候显示如上图的css样式<label class="h-photo-left" v-show="!img"> <input type="file" ref="inputer" id="upload" name="upload" v-show="false" accept="image/jpg,image/png,image/jepg" @change="getFile($e.

2021-11-17 16:20:37 911

原创测试一下标签

haha

2021-10-25 23:03:52 97

原创 vue：我的小博客目录构成

**1.Home目录说明****2.各个组件的构成（以Book为例）****Main文件用于存储Main下的具体组件**将Book界面拆分成各个不同的小组件，以便删除各个组件，以及对某个组件进行更换修改的操作

2021-10-23 12:50:21 146

原创 html:svg path的使用及问题的解决（绘制图片）

**1.svg的使用**svg在线编辑器（如下链接）https://www.nhooo.com/svg-editor/使用方式：1.调整画布，以及绘制图形（如图：）2.点击菜单栏的查看源代码：复制其中的path属性3.将复制的path标签复制到所需的svg中（如图：）其中viewbox为裁剪框例：viewbox=“x y width height”即只显示（x,y）~（x+width,y+height）这个区间的图形例：viewbox=“12 12 12 12”即只显示（12

2021-10-21 00:30:13 1528

原创 vue:鼠标停留1s执行function() （解决停留1s 执行过渡动画等问题）

1.通过添加和删除计时器来给定html部分原理：①：鼠标移入元素；②：计时器开始计时；③：事件达到1s；④：开始执行；⑤：鼠标移出；⑥：清除计时器；①：鼠标移入元素；②：计时器开始计时；③：事件未达到1s；④：清除计时器 <li class="nav-left-item" @mouseenter="menuShow" @mouseleave="menuHidden"> <transition class="menu-fade-wrap" name

2021-10-19 00:12:13 2062

转载 CSS:calc()

什么场景可以使用 calc()``支持图.foo { width: 90%; /* Fallback for older browsers */ width: calc(100% - 50px);}Example 1 - 居中元素使用 calc() 给我们提供另一个垂直居中元素的解决方案。如果我们知道元素的尺寸，一个典型的解决方案是使用负外边距移动自身距离高与宽的一半，如下所示：// Assuming .foo is 300px height and 300px width

2021-10-18 21:46:48 134

原创 CSS:box-sizing

box-siazing : border-box可以更容易让我设置一个元素的高度和宽度content-box默认值。设置一个元素的宽为100px元素的内容区会有100px 宽任何边框和内边距的宽度都会被增加到最后绘制出来的元素宽度中。border-box元素的width设为100px那么这100px会包含它的border和padding内容区的实际宽度是width减去(border + padding)的值。大多数情况下，这使得我们更容易地设定一个元素的宽高。...

2021-10-18 21:10:06 67

原创 vue中创建可维护的导航条

学习目标：提示：vue学习总结文章目录学习目标：前言一、如何在vue中创建一个简单的可维护模板？（有点菜语言表达可能不太好，见谅）二、原代码和使用v-for的代码1.原代码2.v-for部分总结前言提示：这里是我刚开始使用vue开发前端的一些心得，有兴趣的小伙伴多多关注我哟提示：以下是本篇文章正文内容，下面案例可供参考一、如何在vue中创建一个简单的可维护模板？（有点菜语言表达可能不太好，见谅）1.在vue中操作一个重复性的动作，大多可以使用到v-for来增加可操作性和可维护性。

2021-10-17 12:41:20 304