随笔分类 -  工作中爬过的坑

vue 标签的递归遍历
摘要：在js中，可以对函数进行递归遍历，那么标签是否也可以进行递归呢？ 回答：可以。 首先，写一个组件： 例： 那么给该组件 起个名字： name：‘List’ 直接在组件中使用List, 并对其传入数据结构即可,就不需要层层嵌套了。 阅读全文
posted @ 2022-04-12 19:33 阿兰儿 阅读(410) 评论(0) 推荐(0)
VueLazyLoad图片懒加载
摘要：当图片太多，加载较慢，需要懒加载 才会快一些 阅读全文
posted @ 2021-12-03 16:08 阿兰儿 阅读(47) 评论(0) 推荐(0)
JS: export导出的变量在页面内使用并被修改后，原文件也被修改了
摘要：脚本和模块： js有两种源文件，一种叫做脚本，一种叫做模块。 脚本是浏览器和node环境引入的，而模块只能由js代码用import引入（模块机制）。可以理解为：脚本具有主动性，而模块是被动性，等待被调用的库。 import声明： 第一种用法：直接import一个模块， 例：import "test" 阅读全文
posted @ 2021-11-08 20:16 阿兰儿 阅读(3496) 评论(0) 推荐(0)
vscode官网下载比较慢
摘要：官网去下载vscode，发现慢的一匹，还会频繁出现下载失败的提示。 来，接下来按照下面步骤： 去官网找到需要下载的文件，点击下载，出现类似上图的下载提示， 点击浏览器的下载记录，找到下载任务： 然后将红框内的部分更换为如下内容：vscode.cdn.azure.cn 在浏览器重新打开，会发现下载速度 阅读全文
posted @ 2021-11-08 14:36 阿兰儿 阅读(224) 评论(0) 推荐(0)
移动端和pc端做适配
摘要：场景1 移动端和pc端风格类似，内容可复用： 直接媒体查询 @media screen and (max-width: ***px)； 根据屏幕大小设置样式 场景2 风格差别比较大，内容不可复用，但接口可复用； 放在同一工程下，新建手机端文件夹，编写相应路由。 在app.vue页面编写，根据打开页面 阅读全文
posted @ 2021-11-03 19:27 阿兰儿 阅读(457) 评论(0) 推荐(0)
el-table表格使用
摘要：添加多选列： el-table的添加属性：@select-all="handleSelectAll" ； @selection-change="handleSelectionChange" 特殊行禁选： <el-table-column :selectable="checkboxSelect" ty 阅读全文
posted @ 2021-09-27 17:26 阿兰儿 阅读(963) 评论(0) 推荐(0)
limitPNG压缩图片
摘要：对图片进行压缩，选无损极速，覆盖源 阅读全文
posted @ 2021-09-14 16:35 阿兰儿 阅读(24) 评论(0) 推荐(0)
swiper兼容性ie浏览器出现的问题
摘要：安装swiper版本4.0.5版本后 npm install swiper@4.0.5 --save 引入方法 import Swiper from 'swiper'; import 'swiper/dist/css/swiper.css'; 使用 new Swiper('#certify .swi 阅读全文
posted @ 2021-09-14 13:06 阿兰儿 阅读(1351) 评论(0) 推荐(1)
表单的resetFileds函数重置为初始值而非清空数据
摘要：this.$refs[value].resetFields() 这个函数是用来初始化操作的，只是重置为初始值，并不是清空每个表单字段；重置的为mounted时候的值。 初始值实在created时候确定的，如果在created的时候赋值，那么以后重置均为该初始值字段； 在表单编辑时需要打开表单对其赋值 阅读全文
posted @ 2021-05-26 15:57 阿兰儿 阅读(1845) 评论(1) 推荐(0)
vue中如何使用AlloyFinger
摘要：亲测有效！！！！ AlloyFinger 是由腾讯前端团队 AlloyTeam 出品的一个小巧轻量级的移动端手势库，整个手势库的代码不超过400行，却支持绝大多数的手势操作，能够满足日常的开发需求。AlloyFinger传送门（github）： AlloyFinger。 JavaScript 移动端 阅读全文
posted @ 2021-03-26 09:44 阿兰儿 阅读(1443) 评论(0) 推荐(0)
uni-app,vue-cli3或4的跨域
摘要：vue-cli3中 vue.config.js文件是可选配置的，只需要创建文件即可。 创建vue.config.js文件，写入代码如下： 实现跨域： module.exports = { devServer: { proxy: { '/api': { target: 'https://aiquick 阅读全文
posted @ 2021-02-02 20:24 阿兰儿 阅读(533) 评论(0) 推荐(0)
el-table的动态合并行和列
摘要：//实现效果 亲测有效 数据纯属虚构 //表格标签 <el-table v-loading="loading" :data="tableData" :span-method="objectSpanMethod" class="table" size="small"> //获取表格数据--从后端 1 阅读全文
posted @ 2021-01-22 16:09 阿兰儿 阅读(1691) 评论(0) 推荐(0)
服务器、IP地址和域名之间有什么关系？
摘要：一、服务器 服务器其实就像我们的家用电脑一样，也有主板、CPU、内存、硬盘、电源等，但是由于它们处理问题的不同，服务器更像一台加强的家用电脑，服务器是为展网络业务而存放、处理数据的，所以服务器一般是存放在机房的，由机房管理人员负责管理维护的，它就像是一个人的大脑一样，负责记录、存放、处理数据。所以我 阅读全文
posted @ 2021-01-19 10:01 阿兰儿 阅读(1026) 评论(0) 推荐(0)
swipper的轮播图
摘要：swipper制作轮播图（swipper：4.0.5版本） html代码： <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class=" 阅读全文
posted @ 2020-10-09 16:46 阿兰儿 阅读(287) 评论(0) 推荐(0)
swipper内的部分区域的滚动（overflow: auto）与整个屏幕滚动冲突
摘要：在使用swiper的时候经常遇到的问题就是：当有些文字区域需要出现滚动条（添加overflow:auto），然而滚动效果会和swipper的全屏滚动冲突，导致滚动时整个页面滚动。 在swipper的官方文档有相关功能可以屏蔽滚动区域。 noSwipingClass 不可拖动块的类名，当noSwipi 阅读全文
posted @ 2020-10-09 16:38 阿兰儿 阅读(2611) 评论(0) 推荐(1)
vue项目中引入 html2canvas ，控制台报错 Cannot assign to read only property 'className' of object '#< SVGSVGElement >'
摘要：本人遇到该错误，找了好久原因，终于找到了原因， 一开始以为是后台管理系统的模板问题有冲突导致的，于是寻找最初模板使用同样方法引入，竟然没有报错，啊！这个时候就很神伤了。 仔细研究报错内容<SVGSVGElement>，难道和我使用的SVG矢量图有关系？于是尝试把有svg标签的地方全都注释掉了，结果， 阅读全文
posted @ 2020-05-07 09:36 阿兰儿 阅读(2537) 评论(0) 推荐(0)
ie浏览器下的时间赋值不显示
摘要：当后端给了一个时间格式为：2012-02-02 12：00：00， 想要使用 el-date-picker 组件编辑该时间，发现在在IE浏览器中不显示的原因，但在谷歌及其他浏览器是好的，原来是在ie浏览器下date日期不识别-分割的时间格式，仅识别/的时间格式，正确做法如下： 1 if (windo 阅读全文
posted @ 2020-05-06 15:12 阿兰儿 阅读(500) 评论(0) 推荐(0)