如需咨询可联系我，V：chen2318341674

移动端网页使用rem适配，在ios机型上line-height不对的问题

移动端基于Vant组件封装底部弹出搜索多选列表

移动端vue使用vant上传图片并裁剪

Vue在IE兼容模式下白屏解决方案

el-tooltip动态内容标签不解析问题

语法场景：实现一个随着切换tab栏，头部底部不变，中间内容变得功能需求。首先需要在路由文件中添加子路由（children）：import Vue from 'vue'import Router from 'vue-router'import Home from '../views/Home.vue'import Content1 from '../views/Content1.vue'import Content2 from '../views/Content2.vue'import Cont

Vue中使用vue-draggable-resizable实现可拖动悬浮组件

在写功能需要获取并设置距离顶部距离的时候，发现：window.pageYOffsetdocument.documentElement.scrollTopdocument.body.scrollTop以上三种情况都获取不到距离顶部距离，并且在设置的时候也无效。解决办法：将父元素div上的overflow-x / overflow-y值设置为visible，或者删掉。这样就可以获取到了。...

我遇到这种问题， Flex布局在QQ浏览器中父级元素滚动条无法随着子元素高度增加而出现；如图所示，子元素comment-item随着内容高度而变大时，父级元素history-comment的滚动条未及时出现，谷歌和火狐，Safari都是正常的，只有QQ浏览器有问题。解决办法：每个子元素下comment-item增加：flex-shrink: 0;这是因为默认情况下 flex-shrink 的值是 1，表示空间不够的时候等比例压缩，改成 0 就可以让愚蠢的 QQ 浏览器不做蠢事了，而其他浏览器也

Vue.js中复制图片在输入框粘贴 Ctrl+V实现上传

Vue实现单击单元格出现输入框，失去焦点隐藏输入框功能效果如下：代码如下：<template> <div> <el-table :data="tableData" row-key="id" @cell-click="editCell" style="width: 700px;"> <el-table-column align="center" label="日期" show-over

只需要在底部导航栏的div样式中加入：padding-bottom: calc(0.1rem + env(safe-area-inset-bottom))0.1rem代表实际底部导航栏与屏幕底部的距离；env(safe-area-inset-bottom)则是自动适配屏幕距离底部的距离，如果是苹果x此值则会变大。非常好用的办法，相比用Js判断屏幕尺寸动态定义padding-bottom好用多了，且代码简单！...

开发h5网页的时候往往会遇到网页不兼容，手机机型适配混乱的问题。解决方案如下：首先需要在页头增加h5兼容meta行：关于每个手机的像素都不一样，导致px在不同机型上面显示占比差异；可以将rem代替px来使用，根据手机屏幕的大小，使用rem转化为对应的手机屏幕占比的px，首先需要在页头增加：document.documentElement.style.fontSize = document.documentElement.clientWidth / 3.75 + ‘px’;当加上这句代码时，不