- 博客(37)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 针对前端开发，VSCode需要安装相关插件
Live Server：自动监听刷新页面Easy系列 LESS：直接写less，就在同目录生成.css，方便很多
2022-04-19 14:19:27
158
原创 :nth-child基本用法
:first-child 第1个元素:nth-child(3n) 第3的倍数个元素:nth-child(-n+3) 前3个元素:nth-child(n+3) 从第3个开始:nth-last-child(-n+3) 最后3个元素:last-child 最后1个元素:nth-of-type 用法相同
2022-04-13 11:05:17
511
原创 菜单在顶部固定，根据页面位置自动定位对应菜单
html部分<div class="product-detail">...</div><div class="tabs"> <div class="tab-head"> <a class="lists" href="#lists"><h2 id="tab-lists">Lists<em></em></h2></a> <a class="ne
2022-03-08 15:52:34
367
原创 Google Fonts的使用
Google Fonts官网font-display: swap;让字体文件本身变成异步的——浏览器会先显示我们的回退（fallback）文本，等Web字体可用时再切换过去。media=“print” οnlοad=“this.media=‘all’”隐式告诉浏览器以非阻塞方式加载CSS文件，仅将样式应用于print上下文。但当文件传输过来时，我们会告诉浏览器将其应用于all上下文，为页面的剩余部分应用样式。<head><!-- 预连接fonts.gstatic.com
2022-01-13 16:13:22
757
原创 图片轮换-jQuery
每次更换7张<div class="user-box"> <div id="user1" class="user-item"></div> <div id="user2" class="user-item"></div> <div id="user3" class="user-item"></div> <div class="right-box"> <div id="u
2021-12-13 14:03:34
608
原创 移动端实现横向滚动+如何设置字号小于12px
移动端实现横向滚动.users { display: -webkit-box; overflow-x: scroll;}..users::-webkit-scrollbar { width: 0; height: 0; display: none;}.users .user-item { width: 3.8rem; box-sizing: border-box; margin-right: 0.2rem; color: #333; text-align
2021-11-23 19:23:02
180
原创 jQuery select 设置选中后页面没反应 如何处理？
通用写法$('.data-box-list-right').on('click','.category-name-text',function(e){ var targetVal = $("#categorySelect option:contains('" + e.target.innerText + "')").val(); $("#categorySelect").val([targetVal]).trigger('change');})如果是单选，也可以$("#categorySele
2021-10-29 14:28:54
1009
原创 实现收藏/取消收藏动效
<!-- 初始化未选中 --><span class="empty"></span><!-- 初始化已选中 --><!-- <span class="fill"></span> --><!-- 点击选中 --><!-- <span class="to-fill"></span> --><!-- 点击取消选中 --><!-- <span cl
2021-10-11 19:50:50
531
原创 引用cdn资源文件+判断是否是移动设备
官网：https://cdnjs.com/https://www.bootcdn.cn/<script type="text/javascript"> if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Wi
2021-09-29 14:49:37
97
原创 表格的横向滚动条放在页面底部
<div> ... <el-table> ... </el-table> ...</div><style lang="scss" scoped>div { height: 100vh; overflow: auto; .el-table { min-width: 1800px; }}</style>
2021-09-07 13:57:59
294
原创 人员联想模糊匹配
单选<el-autocomplete size="mini" v-model="form.projectLeader" :fetch-suggestions="userAutoSearch" @select="val => userAutoSelect(1, val)" clearable @clear="handleProjectNumberOfPeople" :disabled="currentPhase == '项目已完成'" placeholder="请输入项目负责人"> &
2021-07-06 19:03:56
73
原创 src\http\index.js：响应拦截
const axios = require('axios')import Vue from 'vue'//const store = require('store') 可直接获取到store commonJsimport store from '../store/index' //编译顺序不能直接获取到storeimport router from '../router/index'import { Message, Loading} from 'element-ui'import
2021-07-01 16:25:39
250
原创 时间差计算
// 时间差计算difference: function (beginTime, endTime) { var dateBegin = new Date(beginTime); var dateEnd = new Date(endTime); var dateDiff = dateEnd.getTime() - dateBegin.getTime(); //时间差的毫秒数 var dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000)); //
2021-06-28 17:05:28
347
原创 两个小数相加，精度不对问题
//计算规模之和sumScale(num1, num2) { var r1, r2, m; //获取每个数字的小数位数 try { r1 = num1.toString().split('.')[1].length; } catch(e) { r1 = 0; } try { r2 = num2.toString().split('.')[1].length; } catch(e) { r2 = 0; } m = Math.pow(10,
2021-06-20 16:33:42
481
原创 动态列表格
<el-table v-if="tableData_contribution" :data="tableData_contribution.tableData" :span-method="arraySpanMethod"> <el-table-column prop="col1" label="" width="160"></el-table-column> <el-table-column prop="quarterStr" label="季度">&l
2021-06-10 10:28:58
47
原创 更改提示框样式-tooltip
/* 更改提示框样式 */body .el-tooltip__popper.is-light { color: #666666; border-color: #cccccc; padding: 5px 10px;}/* 更改箭头颜色 *//* 箭头边框 */body .el-tooltip__popper[x-placement^=right] .popper__arrow { border-right-color: #cccccc !important; }/* 箭头背景 *
2021-05-29 10:26:55
410
原创 回车按键触发方法
<el-form :model="form" ref="form" label-width="100px" @submit.native.prevent> <el-form-item label="域账号" required> <el-input size="mini" v-model="form.userCode" @keyup.enter.native="login"></el-input> </el-form-item>&l
2021-05-27 14:33:01
342
原创 改变浏览器滚动条样式
src\assets\css\scrollbar.css@charset "utf-8";::-webkit-scrollbar { width: 6px;}/*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track { border-radius: 4px; /* background: rgba(0, 0, 0, 0.1); */}/*定义滑块 内阴影+圆角*/::-webkit-scrollbar-thumb { height: 81px;
2021-05-18 15:03:59
44
原创 el-select组件：当选项的内容很长的时候，如何出现横向滚动条问题 && “无数据“不展示
<el-select size="mini" v-model="form.notesLinkName" :popper-append-to-body="false"...#app .el-select-dropdown { max-width: 500px; left: 0 !important;}#app .el-select-dropdown__item { display: inline-block;}#app .el-select-dropdown__item span
2021-05-14 17:10:43
1219
原创 表格行合并
<el-table :data="tableData" stripe :span-method="arraySpanMethod">...</el-table>tableData: [],rowSpanValArr: [], //行合并val数组getTableData() { let that = this let _data = { projId: that.projectId, phaseId: that.phaseId } that.
2021-03-13 15:41:40
76
原创 插件vue-cookies
安装npm install vue-cookies --save引入import Vue from 'vue'import VueCookies from 'vue-cookies'Vue.use(VueCookies)使用参考地址
2021-03-10 11:09:19
137
原创 token失效，记住当前页面url
sessionStorage.setItem('redirectUrl', that.$router.currentRoute.fullPath)if (sessionStorage.length > 0 && sessionStorage.getItem('redirectUrl') != null) { let _url = sessionStorage.getItem('redirectUrl') sessionStorage.removeItem('redirect
2021-03-10 11:01:22
176
原创 字符串转换为日期
src\main.js中引入commonMethod.jsimport CommonMethod from './util/commonMethod'Vue.use(CommonMethod)src\util\commonMethod.jsexport default { install(Vue, options) { Vue.prototype.dateFormat = (date, format) => { if (date == null || date == ''
2021-02-24 11:19:04
220
原创 clientHeight、offsetHeight、offsetTop、scrollHeight、scrollTop
clientHeight 只读元素包括padding但不包括border、水平滚动条、margin的元素的高度。对于inline的元素这个属性一直是0，单位px。offsetHeight 只读元素包括padding、border、水平滚动条，但不包括margin的元素的高度。对于inline的元素这个属性一直是0，单位px。...
2021-02-03 11:03:51
214
原创 git合并代码、解决冲突
开发完项目，先执行命令提交代码git add .git commit -m ‘dev’git push -u origin dev切换到master分支，先拉取代码git checkout mastergit pull origin master
2021-02-01 19:38:53
314
1
原创 锚点定位
<div class="d_jump">公共区段...</div><div class="d_jump">计划阶段...</div><div class="d_jump">需求设计阶段...</div><!-- 右侧快速定位导航 --><div class="jumpBox"> <p v-for="(item, index) in jumpData" :key="index" @click="
2021-02-01 17:43:38
64
原创 postMessage跨域传值
<iframe :src="item.content" frameborder="0" width="100%" height="700"></iframe>子页面iframe//某方法里：window.parent.postMessage({ cmd: 'gotoDicData', //事件的自定义名称 params: { dicTypeCode: rowData.dic_type_code //参数 }}, '*'); 父页面mounted
2021-02-01 17:31:03
316
1
原创 文件上传下载
<el-button v-if="dataModelFlag[3]" type="primary" @click="getImportDialog">维度数据导入</el-button><el-dialog title="维度数据导入" :visible.sync="dialogFormVisibleImport" width="50%"> <el-upload class="upload-demo upload-demo-auth" ref="upload
2021-02-01 17:11:54
67
原创 表格+分页
<el-button size="small" type="primary" @click="_search(1)">查询</el-button><el-table v-loading="loading" :data="tableData" stripe element-loading-text="数据加载中"> <el-table-column prop='' label='顶层组织'></el-table-column> <el
2021-02-01 15:50:44
61
原创 页面滚动时导航栏固定在顶部-吸顶
html部分<div class="btnBox"> <span class="topTitle">阶段详情</span> <span> <el-button size="small" type="primary">一键折叠</el-button> <el-button size="small" type="primary">添加关注</el-button> <el-but
2021-01-25 11:12:00
866
原创 自定义组件-component
单个组件引入父页面：<myTeam :lanchData="teamData"></myTeam>import myTeam from './myRelevance/myTeam'export default { data() { teamData: {} }, components: { myTeam }}子页面：export default { props:{ lanchData: { type: Object,
2021-01-21 14:54:35
167
原创 页面分布引导组件-driver.js
1.安装npm install driver.js2.src\main.js引入import Driver from "driver.js"import "driver.js/dist/driver.min.css"Vue.prototype.$driver = new Driver({ // stageBackground: 'salmon', // 突出显示元素的背景色 className: "scoped-class", // className to wrap driver.js po
2021-01-19 14:54:57
255
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人