法海前端笔记
前端小记
陌夏线
await
展开
-
【CSS】实现一排4个图片等间距布局
CSS实现一排4个图片等间距布局,非flex布局。原创 2022-11-03 10:16:17 · 4695 阅读 · 3 评论 -
elementui-table列隐藏展示:支持全选反选重置,以及列字段值错位问题解决
elementui-table控制列的隐藏和展示,且支持全选、反选、重置功能,以及列字段值错位问题解决。原创 2022-07-08 10:42:21 · 2867 阅读 · 16 评论 -
H5使用vant,后台使用element,用户的省市区地址数据源统一
element-ui和vant省市区地址数据源不一致的坑原创 2022-04-15 11:13:50 · 1407 阅读 · 2 评论 -
reactH5-日期前后天切换
1.引入moment包:yarn add moment --save2.页面代码截取import moment from 'moment';constructor(props) { super(props) this.state = { day: moment().format('YYYY-MM-DD'), showDay: moment().format('MM-DD'), } }//原创 2022-03-25 11:18:14 · 576 阅读 · 0 评论 -
VUE:VANT+XGPLAYER实现视频轮播
技术栈:vue+vant+xgplayer代码如下:<van-swipe :autoplay="autoplay" indicator-color="#1989fa"> <van-swipe-item v-for="item in imgVideoBanner" :key="item.id"> <div class="video" :id="item.id"></div> </van-swip原创 2022-01-25 15:35:42 · 3112 阅读 · 0 评论 -
VUE路由动态缓存:返回上页面不刷新,再次进入该页面刷新
由于项目里遇到这个需求,于是在网上搜索了一下,几乎都是使用keep-alive,然后给路由配置里设置缓存为true,但是这样并不能满足需求,而是造成了第一次打开页面确实加载刷新了,然后只要打开过,后面就再也不会刷新,有点坑。下面写一下我的解决方案:1.stroe.js文件import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const state = { catchArr: '',}const getters =原创 2021-06-25 09:13:54 · 2843 阅读 · 2 评论 -
element-ui使用upload的http-request自定义上传图片后隐藏上传图标
<el-form-item label="Logo" prop="logo"> <el-upload :class="{ hide: hideUpload }" v-loading="loading" name="logo" action="xxx这里必填随便写" :http-r...原创 2021-06-09 10:49:56 · 1233 阅读 · 1 评论 -
使用nvm管理node,使用yarn开发和打包项目
使用nvm安装管理nodenvm install 12.13.1nvm use 12.13.1node淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgyarn安装npm install -g yarn@1.12.1# 修改为淘宝镜像源yarn config set registry https://registry.npm.taobao.org -gyarn config set sass_bin.原创 2021-06-08 11:39:40 · 341 阅读 · 0 评论 -
【CSS】flex布局实现一行展示三个子元素并两端对齐
本代码在微信小程序里实现,效果如下:WXML:<view class="goods-box"> <view class="list"> <view class="list-item" wx:for="{{productList}}" wx:key='item' data-item="{{item}}"> <image src="{{item.logourl}}" mode="aspectFill"></image&g原创 2021-03-31 10:57:14 · 7164 阅读 · 2 评论 -
【前端笔试】JS手写一个冒泡排序
冒泡排序:数组中的每一个数从前往后依次进行比较,然后根据大小交换位置,每一轮的比较都确定出一个当轮比较的最大值,最终实现数组的大小排序。var a = [10, 2, 1, 6, 5, 55, 9]for (var i = 1; i < a.length; i++) { for (var j = 0; j < a.length - i; j++) { if (a[j] > a[j + 1]) { [a[j], a[j + 1]] = [a[j + 1], a原创 2021-03-31 10:37:19 · 469 阅读 · 0 评论