- 博客(50)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 用于判断多个时间段是否有冲突，同时考虑跨天情况
该函数会遍历所有时间段组合，并检查是否存在冲突。如果存在冲突，则返回。chatGPT：这段代码定义了一个名为。的函数，它接受一个时间段数组。
2023-07-14 14:50:18
303
原创 VUE基础
一、vue-cli创建项目二、1、{{}}：文本插值/js表达式2、v-html：将会覆盖子元素，有xss风险3、computed和watchcomputed有缓存，data里的数据不变，则不更新 watch默认是浅监听，若监听引用类型，需要深度监听(！监听引用类型拿不到oldValue?为什么呢) //watch监听引用类型，需要深度监听：watch:{ //浅度监听 test1(oldValue,newValue){ }, //深度监听
2021-04-06 01:41:42
323
原创 HTML/CSS/JS
一、HTML1、语义化？语义化标签：用有特定含义的标签去构建页面，例如h、p、ul/li分别代表标题、段落、列表...。代码语义化更有利于开发者的开发维护，更有利于搜索引擎的读取。2、块级元素&内联元素？（1）块级元素（display:block/table）div、h、p、ul、li、table（2）内联元素（display:inline/inline-block）span、a、img、input、button二、CSS1、css布局（1）盒子模型宽度o
2021-03-29 16:35:43
262
原创 前端跨域解决
一、CORS跨域前端无需更改！由后端更改服务器设置，允许前端访问站点。二、JSONP跨域（不支持axios）需要前后端共同配合！（！jsonp是一种脚本语言，如果非法用户执行恶意脚本那么就会造成一定的安全隐患，建议用cors或nginx解决跨域问题）1.前端安装Jsonp插件npm install --save vue-jsonp2.引入jsonp插件import VueJsonp from 'vue-jsonp'Vue.use(VueJsonp)va.
2021-03-29 01:33:47
206
原创 Vue项目搭建记录
安装vue install -g @vue/clivue create 项目名配置vue.config.js(关闭保存错误代码提示)方法一：新建vue.config.js文件写入module.exports = { lintOnSave: false}方法二：vue ui命令打开vue管理器安装element-uivue add elementindex.html引入boostrap4(https://v4.bootcss.com/)<link rel=
2021-02-01 15:09:57
127
原创 前端缓存
nginx部署：在配置文件添加location~.*\.(htm|html)${add_headerCache-Controlno-cache;}IIS部署：修改站点输出缓存和相应标头
2021-01-14 13:04:57
193
转载 moment时间格式化插件用法
官网：http://momentjs.cn/docs/#/displaying/format/1.安装依赖:npm install moment2.引入:var moment = require('moment');或者importmomentfrom"moment"3.使用:前面是方法,后面是结果,以下例子中当时的时间是:2020-08-20 18:42:02.844moment()：Thu Aug 20 2020 18:42:02 GMT+0800moment().t...
2020-12-05 19:17:38
1441
转载 vue切换页面取消未完成接口请求
首先思路：页面A请求接口axios1 -->axios创建CancelToken对象保存请求至store变量CancelTokenArr -->当切换至页面B -->进入全局路由守卫调用vuex的清除CancelTokenArr方法 -->遍历CancelTokenArr清除axios:import store from '../store'let cancelTokenArr=[] //储存cancel token// request拦截器service
2020-12-02 21:16:08
1704
转载 vue2-toast
https://www.npmjs.com/package/vue2-toastInstall:npm install vue2-toast -Simportimport 'vue2-toast/lib/toast.css';import Toast from 'vue2-toast';Vue.use(Toast);orimport 'vue2-toast/lib/toast.css';import Toast from 'vue2-toast';Vue.use(Toa
2020-11-18 22:24:00
355
转载 jsonTree
APIjsonTree(data, config)data: 数组,扁平化数据 config: 配置对象 id 数据里的id string类型 pid 数据里的父id string类型 children 生成结果中子节点的字段名 string类型 返回一个树形结构的对象var jsonTree = function (data,config) { //1 var id = config.id || 'id', pid = config.pid || 'pi.
2020-11-14 10:57:27
662
转载 数组相减
arrChange(a, b) { for (var i = 0; i < b.length; i++) { for (var j = 0; j < a.length; j++) { if (a[j] == b[i]) { //如果是id相同的，那么a[ j ].id == b[ i ].id a.splice(j, 1); j = j - 1; } .
2020-11-14 10:51:23
1449
原创 Element DatePicker可选日期
<el-date-picker v-model="formdata.consumption_date" style="width: 200px" type="date" value-format="yyyy-MM-dd" :picker-options="pickerBeginDateBefore"
2020-11-12 21:05:16
412
原创 vue3.0 取消eslint校验
vue.config.js中配置：module.exports = { devServer: { overlay: { warnings: false, errors: false }, lintOnSave: false }}package.json中修改eslintConfig配置为false"eslintConfig": { "root": false, "env": { "node": false
2020-09-25 02:03:03
1068
转载 解决前端引入外部js、css缓存问题
1.js去缓存：<script type="text/javascript"> var v= (new Date()).getTime(); document.write("<script type='text/javascript' src='js/index.js?v=" + v + "'><\/script>");</script>2.css去缓存：<script type="text/javascript">
2020-05-18 14:00:01
1174
转载 2003 - Can't connect to MySQL server on 'localhost' (10061 "Unknown error")
今天打开Navicat Premium 12数据库的时候弹出‘2003 - Can't connect to MySQL server on 'localhost' (10061 "Unknown error")’错误。参考https://www.cnblogs.com/zimo-jing/p/7931866.html得知原因是本地MySQL服务自动关闭了，需要手动启用服务...
2020-05-14 10:38:43
2505
原创 数组对象排序问题
根据时间排序/*data为传入的数组对象dataIndex为时间对应的属性名sortKey为自定义排序属性*/var data=[ { approval_time: "2020-04-10T17:05:46", status: "已撤销" }, { approval_time: "2020-04-19T16:28:53", status: "已完成" },...
2020-04-18 18:08:24
365
原创 文字超行，打点显示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文字超行，打点显示</title> <style type="text/css">.line_clamp2{ word-break: break-all!im...
2020-04-17 23:35:18
231
原创 解决antd Table 分页时复选框遇到的问题
分页时，复选框的选中状态保留上次的选择，没有取消选择 分页时，getCheckboxProps方法禁用的复选框和第一页的禁用一样，没有更新，因为getCheckboxProps只调用了一次。解决方法：给Table组件加个rowKey（值不能为index）...
2020-04-12 11:44:14
3323
1
转载 react项目在开发环境中清除console.log
当前版本："react": "^16.12.0"在config/webpack.config.js文件下修改compress: { warnings: false, drop_debugger: true, drop_console: true,//不打印log },原文链接https://www.jia...
2020-04-03 13:31:13
3192
转载 好看的滚动条样式
::-webkit-scrollbar-track{ background: rgba(0,0,0,.1); border-radius: 0;}::-webkit-scrollbar{ -webkit-appearance: none; width: 10px; height: 10px;}::-webkit-scrollbar-thumb{ cu...
2020-04-01 13:49:47
576
转载 antd的Select组件，Cascader组件，DatePicker滚动偏离问题
直接在相应组件添加以下属性即可使用getPopupContainer属性： select组件，Cascader组件getPopupContainer={triggerNode => triggerNode.parentNode}使用getCalendarContainer属性： DatePicker组件getCalendarContainer={triggerNode ...
2020-04-01 11:42:15
890
转载 在数组对象中删除传入的对象，返回删除后的数组
//删除数组中的某一个对象,_arr:数组,_obj:需删除的对象 removeAaary=(_arr, _obj)=>{ let length = _arr.length; if (!length) return []; for (var i = 0; i < length; i++) { if (_a...
2020-03-25 15:41:52
971
原创 数组对象去重，根据对象中唯一的key值
//数组对象去重,arr传入的数组对象，根据唯一的key筛选 filterData=(arr,key)=>{ let result = []; let obj = {}; for(var i =0; i<arr.length; i++){ if(!obj[arr[i][key]]){ ...
2020-03-25 15:38:31
1218
原创 解决antd Form表单提交status为canceled
表单提交status为canceled的代码 <Form onSubmit={this.handleSubmit} className="login-form"> <Form.Item> {getFieldDecorator('username', { ...
2020-02-25 11:00:09
1217
转载 时分格式和分钟数互相转换
//小时分钟格式转换为分钟数ChangeStrToMinutes=(str)=> {let arrminutes = str.split(":");if (arrminutes.length == 2) { let minutes = parseInt(arrminutes[0]) * 60 + parseInt(arrminutes[1]); return minu...
2020-02-14 00:12:26
1162
转载 antd TimePicker设置禁用时间
startTime:'00:00:00', endTime:'23:59:59' 现在时间以后的禁用getDisabledHours=()=> {let HOURS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24]var my...
2020-02-13 14:12:34
5286
转载 create-react-app设置proxy管理接口
1、安装http-proxy-middleware:yarn add http-proxy-middleware2、在'src'目录下新建'setupProxy.js'并写入：const proxy = require('http-proxy-middleware')module.exports = function (app) { app.use(proxy('/a...
2020-01-15 01:34:34
1107
原创 react项目在360打开为空白
解决方案：在index.html文件的head标签添加<meta name="renderer" content="webkit">
2020-01-13 21:23:57
694
原创 react+antd+mobx项目搭建过程记录
npx create-react-app projectantd 安装npm install antd --save报错了：npm WARN deprecated core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issu...
2020-01-12 11:32:24
1119
1
转载 js金额转化大写
function intToChinese(money) { //汉字的数字 var cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'); //基本单位 var cnIntRadice = new Array('', '拾', '佰', '仟'); //对应整数部分扩展单...
2019-12-29 15:05:45
1730
转载 react绘制导出word
绘制word:方法一、原生table融入注意：（详情参考https://blog.youkuaiyun.com/Run_youngman/article/details/88648784）< table >标签不能直接和< tr >标签直接接触，在中间可以添加一个< tbody >标签 < table >的border=1标签，要变成css属性，给...
2019-11-11 14:18:59
4112
1
转载 使用FormData对象上传文件，并获取到文件夹里的所有文件信息
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...
2019-10-18 10:00:42
1874
转载 localStorage和cookieStorage本地缓存方法封装
//本地存储，localStorage类没有存储空间的限制，而cookieStorage有存储大小限制//在不支持localStorage的情况下会自动切换为cookieStoragewindow.myStorage = (new (function () { var storage; //声明一个变量，用于确定使用哪个本地存储函数 if (window.loc...
2019-10-18 09:41:59
463
原创 前端苹果手机 兼容问题
1、new Data('2018-02-18') 苹果不兼容，new Date()不能识别带"-"的时间格式需要转换时间格式.replace(/-/g, "/")
2019-10-18 09:27:26
978
转载 数组对象根据某个值相同合并分组
vararr=[{"id":"1001","name":"值1","value":"111"},{"id":"1001","name":"值1","value":"11111"},{"id":"1002","name":"值2","value":"25462"},{"id":"1002","name":"值2","value":"23131"},...
2019-10-15 22:41:38
1477
转载 时间戳转换时间格式(2019-10-15 22:00:00)
function timeStamp(dateStamp){ let date = new Date(dateStamp); let Y = date.getFullYear() + '-'; let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1)...
2019-10-15 22:38:40
8084
原创 页面携带参数跳转，在跳转后的页面获取参数
//初始页面 var info='参数' window.location.href = "./code.html?data=" + info;//跳转后的页面 window.onload = function () { var url = location.search; //获取url中"?"符后的字串 ('?modFlag=bus...
2019-10-11 01:14:45
2587
前端苹果手机兼容问题，急！！！
2020-04-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人