- 博客(16)
- 收藏
- 关注
RSS订阅原创 前端vue项目性能优化方案以及打包打开后加载缓慢的优化
1.开启Gzip压缩前端配置如下：const path = require('path');const webpack = require('webpack')const CompressionWebpackPlugin = require('compression-webpack-plugin')const productionGzipExtensions = ['js', 'css']const isProduction = process.env.NODE_ENV === 'produc
2021-05-19 16:07:59
423
1
原创 elemnet.ui表格中的全选/单选后当前表格背景色改变
今天跟大家分享一下elemnet.ui表格中的全选/单选后当前表格背景色改变`首先是单选：<el-table :data="tableData" highlight-current-row style="width: 100%"></el-table>`然后直接在公共的css样式中加入.el-table--enable-row-hover .el-table__body tr:hover>td{background-color: #21
2020-08-04 15:27:59
278
原创 js,获取当前日期凌晨开始到当前日期24点前的时间
new Date(new Date().setHours(0, 0, 0, 0)) Fri Apr 03 2020 00:00:00 GMT+0800 (中国标准时间)new Date(new Date().setHours(23, 59, 59, 59))Fri Apr 03 2020 23:59:59 GMT+0800 (中国标准时间)转换成时间戳Date.parse(new Da...
2020-04-03 10:18:45
1110
原创 echart 没有数据的时候，完美展示暂无数据
echart 没有数据的时候，展示暂无数据data(){ return { show:null, }}在你掉接口拿数据去渲染chart图标的时候，渲染数据的时候判断一下if(allLastValue.tzList.length===0 && allLastValue.bMIList.length===0){ show=true; }var myChar...
2019-12-17 11:37:05
9873
3
原创 element.ui table中的自定义升序降序，调后台接口
element.ui table中的自定义升序降序，调接口页面模块<el-table :data=“tableData” :height=“tableHeight” ref=“multipleTable”@sort-change=‘sortChange’tooltip-effect=“dark” @selection-change=“handleSelectionChange”...
2019-12-03 16:58:56
2606
转载 js判断对象不能为空的方法
第一种是let data = {};//判断空对象let count = Object.keys(data).length;//用Object.keys(data).length来判断是否味空对象， 如果为空对象，length == 0第二种JSON.stringify(evtValue)==’{}’...
2019-10-16 18:01:45
1087
转载 vue，每次刷新加载都走mouted生命周期
父组件代码<template> <div> <div> <h1>父级</h1> <button @click="handleLoad">点击重新加载子级</button> </div> <ch...
2019-10-16 17:52:18
2678
3
原创 分享-web前端开发职场的那些事情
从事web前端开发4年多的时间了，回首往事，感慨时间真的是过的太快了，感恩在前端的路上，一些同事，朋友，家人对我帮助与支持。 今年3月初放弃北京回到二线城市合肥，回来的不适应综合征一涌而至，城市环境，周边人文素质，生活习惯，公司氛围，待遇等，对我都是一种冲击，不是说在一线城市待的就看不上自己的家乡了，我爱自己的家乡，真的是一个适应的过程，适应的过程也是一种煎熬，但是也是我不得不熬，如果是一个人...
2019-09-18 10:53:00
272
2
原创 vue bus传值（带参数），调用组件之间的方法
created () {this.getLeftF();this.KaTeX parse error: Expected 'EOF', got '}' at position 38: …s.getLeftF); }̲, beforeDestr…bus.off(‘getLeftF’);},
2019-08-09 17:23:04
3341
原创 vue中的router-link导航栏刷新，选中样式不修改
<router-linkv-for="(item,index) in listed":key=“item.value”:to="{path:item.path,query:{item:index}}":class="{‘router-link-exact-active’:ind == index}"@click.native=“changeBgc(index)”class=“to...
2019-04-08 18:11:03
1704
原创 vue+axios中的get请求传参，post请求头（form/json）不一样的传参的处理
&amp;lt;script&amp;gt;需要引入import axios from 'axios'import Qs from 'qs'（如果只是get请求就不需要引qs）1.正常get请求： var params = { pageindex: _this.currentPage1-1, pagesize: _this.curPageSize1, }...
2018-11-05 10:17:30
11416
3
原创 Vue实现非循环active点击切换样式
&amp;lt;div class=&quot;tab_basic&quot;&amp;gt; &amp;lt;span :class=&quot;{to_active:shows==1}&quot; @click=&quot;today_a&quot;&amp;gt;日&amp;lt;/span&amp;g
2018-11-05 10:02:05
2485
6
原创 h5嵌套 app 接口报跨域问题解决
看看你的接口是不是https的，如果是http的话肯定是要有Access-Control-Allow-Origin跨域报错问题或者是直接打开完全都不调接口的现象。换成https肯定没问题。...
2018-10-18 18:05:47
5661
原创 移动端 滚动条不显示但是可以滚动
::-webkit-scrollbar { display: none!important; width: 0px; height: 0px; }
2018-10-12 17:47:00
6779
原创 移动端h5自适应rem适配
虽然在网上也找到很多关于这个rem的自适应，但是还是要找合适自己的项目的，一般设计稿都是750*750的。所以我给大家分享的这个rem，直接可以复制过去可以用 ，不过还得注意你们设计给的设计稿的宽高，项目中用的话宽高直接/10px就行，轻松加愉快的用起来哈直接上代码哈(function(designWidth, maxWidth) {var doc = document,win = wi...
2018-10-12 14:17:02
2033
原创 app嵌套h5，ios下去掉上下橡皮筋的效果（上下回弹）
app嵌套h5，ios下去掉上下橡皮筋的效果（上下回弹）如果是前端自己解决的话会非常的费劲，我今天跟app开发的沟通了一下，他们很快的就解决了，所以直接用原生解决就行，不要下功夫找各种解决方法，到最后都是枉然，这个我是总结的，当然有好的办法可以分享给我哟...
2018-10-10 11:03:30
4359
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人