C_fashionCat

区域元素进行拖拽时，如何进行区域滚动条滚动

富文本编辑器或者text是没有办法插入一个自定义的html节点，所以最后决定用div的contenteditable属性，使其变成可编辑的状态，控制光标的位置来插入。一、html <div class="ant-input" id="edit" ref="url" contenteditable="true" placeholder="请输入链接" @blur="changeUrl" @

由于浏览器对图片有缓存的机制，所以对于一次性型的gif图，只会加载动效一次，后面再次使用时就不会出现我们想要的效果，因此我们需要解决这种缓存问题，可以使用添加时间戳的问题让浏览器认为这不是同一张gif图，从而再次加载图片，实现每次都有动效。代码：<img v-show="show" :src="onceImg" /><script>export default { name: 'home', data() { return { show: true, s

按钮多次点击时，不进行节流操作的话，会导致重复提交或者请求，这时就需要控制，在某一个时间段内，只执行一次操作编写指令在项目中添加一个plugins.jsimport Vue from 'vue'// 防止重复提交指令const preventReClick = Vue.directive('preventReClick', { inserted (el, binding) { el.addEventListener('click', () => { if (!e

最近做了一个项目，其实使用的是antdv提供的rowSelection中的radio模式，但是这个有一个缺点，就是没有办法做反选，就是说，我想提供一个已经选中的值给到表格显示，让选中的表格的radio选中。那既然antdv没有提供相应功能的话，我们就只能radio自己添加进去控制。具体代码如下：<a-table :columns="columns" :data-source="tableData" :pagination="paginationList" rowKey=

目录1、vue的生命钩子2、组件通信传值1、vue的生命钩子回答该问题时，最好能将每个周期内做的事情讲出来，因为有时面试官会让你详细讲每个周期内发生了什么beforeCreated()：在实例创建之间执行，数据未加载状态。created()：在实例创建、数据加载后，能初始化数据，DOM渲染之前执行。beforeMount()：虚拟 DOM 已创建完成，在数据渲染前最后一次更改数据。mounted()：页面、数据渲染完成，真实 DOM 挂载完成。 beforeUpadate()：重新渲染之前触发

    在一些需求中，需要上传图片，而且有时上传的图片是要裁剪成一定的比例才能上传，这时我们就可以用cropperjs实现这个功能。    cropperjs可以进行非常灵活的配置来实现图片的裁剪，可以生成一个裁剪之后的canvas对象，还可以利用toDataURL方法生成Base64格式的图片。如果不使用canvas的方式，利用该工具丰富的api可以拿到裁剪区域相对于原图的各项数据，使用这些数据进行css绝对定位即可展示裁剪

做移动端的项目，最重要的就是页面的自适应。比如让一个子盒子在父盒子中等比缩放居中显示，以便整个子盒子能最大程度的显示在手机上，而不变形。首先，我们需要了解background-size中contain和cover的含义与区别。在no-repeat情况下，如果容器宽高比与图片宽高比不同时1、contain：图片自身的宽高比不变，缩放至图片自身能完全显示出来，所以容器会有留白区域2、corver：图片宽高比不变、铺满整个容器的宽高，而图片多出的部分则会被截在repeat情况下1、contai

在有些项目中会出现，select与checkbox的结合体，有的时候还需要全选与反选的功能，效果如下：代码如下：<template> <div style="font-size: 14px; width: 50%;margin: 0 auto;"> <p>选择的省份：{{provinceType.join('，')}}</p> <el-select class="pop_select" size="min

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增加了 图片拖拽 功能，你可以将本地的图片直

当所做的h5页面在微信端打开时，想要调起手机内的app，一般我们会用scheme协议监测本地的应用，要是没有则下载app，有的话就直接打开。但是微信上是屏蔽了，所以我们要是在微信端，则得提示用户用浏览器打开页面再进行监测本地的应用。tips：如何判断是否在微信浏览器端：const u = navigator.userAgent;const isWeixin = u.toLowerCase().indexOf("micromessenger") !== -1;一、scheme协议scheme 是

有些需求是要求有表格拖拽，或者是一些普通的楼层div拖拽所以我们可以用sortablejs进行，官方文档为：http://www.sortablejs.com/一、下载npm install sortablejs --save二、使用例子1: table拖拽（element-ui）<template> <div class="home"> <div class="floor"> <div class="column_box" v

高德地图本身就提供了省市下钻的功能，但是官网提供的下钻功能带有一个省份树，一般我们开发的过程中，主要是要用到下钻的功能而已，所以在这我就用vue的方式，只提取出来了下钻的功能。官网地址：https://lbs.amap.com/api/amap-ui/demos/amap-ui-districtexplorer/index/?_=1580992896523步骤：一、引入高德地图找到publ...