• 解决quill-image-drop-module拖拽上传显示2张图片问题

    作者: Kinglong       发表时间: 2023-02-08 04:42
    关键词:quill-image-drop-module  重复插入图片  
    业务场景说明: vue3中使用vue-quill、quill-image-extend-module结合图片上传实现了quill-editor插入图片功能。 期望通过引用quill-image-drop-module插件,拖拽图片到编辑器,实现图片上传并插入到编辑器中。 1.插件的使用 安装插件依赖包 npm install quill-image-drop-module -S 页面使用 // 图片拖拽上传 import { ImageDrop } from 'quill-image-drop-module'; // 拖动加载图片组件。 ...
  • flex布局

    作者: 陆金龙       发表时间: 2023-02-04 08:06
    flex 的 三个参数 flex:1 0 auto   flex属性 是 flex-grow、flex-shrink、flex-basis三个属性的缩写。   flex-grow flex-grow:定义项目的的放大比例;   默认为0,即使存在剩余空间,也不会放大; 所有项目的flex-grow为1:等分剩余空间(自动放大占位); flex-grow为n的项目,占据的空间是flex-grow为1的n倍。   flex-shrink flex-shrink:定...
  • nth-of-type和nth-child

    作者: 陆金龙       发表时间: 2023-02-04 07:58
    nth-of-type是css3的一个结构性伪类选择器,匹配同类型中的第n个同级兄弟元素。 nth-of-type(n)用于匹配父元素下使用同种标签的第n项子元素。标签名+nth-of-type是一种常规的使用模式。 nth-child(n)用于匹配父元素下的第n项子元素。   示例:       <style>         p:nth-of-type(3) {           &n...
  • ES6中的Promise对象的理解

    作者: 陆金龙       发表时间: 2023-01-10 20:53
    参考:博客园 香吧香的博文《ES6 中 Promise对象使用学习》 1.不使用promise对象的ajax请求 ajax异步方式请求数据时,我们不能知道数据具体回来的时间,所以只能将一个callback函数传递给ajax封装的方法,当ajax异步请求完成时,执行callback函数。 定义: export const GetDataList = (params,successHandler,errorHandler) => { axios .get(url, {params}) .then(res => { ...
  • 使用nginx部署多个前端项目

    作者: 陆金龙       发表时间: 2022-11-22 14:38
    https://blog.csdn.net/qq_25460159/article/details/112947177 基于域名配置。每个域名配置一个server。避免同一个server里按子路径划分项目,在处理js、css等资源的404报错时,给js、css赋值root时产生冲突。   wavesurfer.js库演示:http://wavesurfer.klfront.com/ fabric.js库演示:http://fabric.klfront.com/
  • el-input 去除边框样式

    作者: 陆金龙       发表时间: 2022-02-21 14:57
    <el-input v-model="user.username" class="input-noborder"> </el-input> 为元素引入新样式 input-noborder .input-noborder{     border: 0px ;  } 以上样式不生效。   以下是解决方案: (1)通过>>> 穿透scoped .input-noborder>>>.el-input__inner{ ...
  • ESlint格式化代码

    作者: 陆金龙       发表时间: 2022-01-21 04:14
    关键词:Alt+Enter  ESlint  代码格式化  
    ESlint格式化代码,快捷键Alt+Enter。
  • :nth-child(n) 选择器的坑

    作者: 陆金龙       发表时间: 2022-01-21 02:11
    关键词::nth-child(n)  
    css匹配选择第n个子元素可以使用:nth-child(n) 选择器。 其匹配属于其父元素的第N个子元素,不论元素的类型。 其逻辑是先找到:nth-child(n)前元素的父元素,再找父元素的第n个子元素。 举例: 页面有以下html标签: <div class="parent"> <div class="other">other1</div> <div class="other">other2</div> <div class="one-third">o...