笔记
关注
分享
扫一扫
皮卡丘UP
加油！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
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 · 333 阅读 · 0 评论 -
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 · 273 阅读 · 0 评论 -
前端跨域解决
一、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 · 219 阅读 · 0 评论 -
前端缓存
nginx部署：在配置文件添加location~.*\.(htm|html)${add_headerCache-Controlno-cache;}IIS部署：修改站点输出缓存和相应标头原创 2021-01-14 13:04:57 · 202 阅读 · 0 评论 -
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 · 1466 阅读 · 0 评论 -
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 · 1745 阅读 · 0 评论 -
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 · 371 阅读 · 0 评论 -
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 · 668 阅读 · 0 评论 -
数组相减
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 · 1470 阅读 · 0 评论 -
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 · 443 阅读 · 0 评论 -
微信页面入口文件被缓存解决方案
https://www.ucloud.cn/yun/40150.html转载 2020-10-13 01:06:51 · 348 阅读 · 0 评论 -
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 · 1090 阅读 · 0 评论 -
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 · 132 阅读 · 0 评论 -
深浅拷贝
https://www.cnblogs.com/dobeco/p/11295316.html转载 2020-07-23 03:54:50 · 133 阅读 · 0 评论 -
解决前端引入外部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 · 1189 阅读 · 0 评论 -
数组对象排序问题
根据时间排序/*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 · 378 阅读 · 0 评论 -
文字超行，打点显示
<!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 · 241 阅读 · 0 评论 -
解决antd Table 分页时复选框遇到的问题
分页时，复选框的选中状态保留上次的选择，没有取消选择 分页时，getCheckboxProps方法禁用的复选框和第一页的禁用一样，没有更新，因为getCheckboxProps只调用了一次。解决方法：给Table组件加个rowKey（值不能为index）...原创 2020-04-12 11:44:14 · 3354 阅读 · 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 · 3227 阅读 · 0 评论 -
好看的滚动条样式
::-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 · 590 阅读 · 0 评论 -
antd的Select组件，Cascader组件，DatePicker滚动偏离问题
直接在相应组件添加以下属性即可使用getPopupContainer属性： select组件，Cascader组件getPopupContainer={triggerNode => triggerNode.parentNode}使用getCalendarContainer属性： DatePicker组件getCalendarContainer={triggerNode ...转载 2020-04-01 11:42:15 · 923 阅读 · 0 评论 -
JS数组求并集，交集和差集
https://www.cnblogs.com/hao-1234-1234/p/11753973.html原创 2020-03-27 20:39:15 · 429 阅读 · 0 评论 -
在数组对象中删除传入的对象，返回删除后的数组
//删除数组中的某一个对象,_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 · 988 阅读 · 0 评论 -
数组对象去重，根据对象中唯一的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 · 1242 阅读 · 0 评论 -
解决antd Form表单提交status为canceled
表单提交status为canceled的代码 <Form onSubmit={this.handleSubmit} className="login-form"> <Form.Item> {getFieldDecorator('username', { ...原创 2020-02-25 11:00:09 · 1236 阅读 · 0 评论 -
时分格式和分钟数互相转换
//小时分钟格式转换为分钟数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 · 1190 阅读 · 0 评论 -
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 · 5332 阅读 · 0 评论 -
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 · 1117 阅读 · 0 评论 -
react项目在360打开为空白
解决方案：在index.html文件的head标签添加<meta name="renderer" content="webkit">原创 2020-01-13 21:23:57 · 724 阅读 · 0 评论 -
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 · 1141 阅读 · 1 评论 -
js金额转化大写
function intToChinese(money) { //汉字的数字 var cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'); //基本单位 var cnIntRadice = new Array('', '拾', '佰', '仟'); //对应整数部分扩展单...转载 2019-12-29 15:05:45 · 1736 阅读 · 0 评论 -
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 · 4158 阅读 · 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 · 1891 阅读 · 0 评论 -
localStorage和cookieStorage本地缓存方法封装
//本地存储，localStorage类没有存储空间的限制，而cookieStorage有存储大小限制//在不支持localStorage的情况下会自动切换为cookieStoragewindow.myStorage = (new (function () { var storage; //声明一个变量，用于确定使用哪个本地存储函数 if (window.loc...转载 2019-10-18 09:41:59 · 486 阅读 · 0 评论 -
数组对象根据某个值相同合并分组
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 · 1492 阅读 · 0 评论 -
时间戳转换时间格式(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 · 8104 阅读 · 0 评论 -
页面携带参数跳转，在跳转后的页面获取参数
//初始页面 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 · 2599 阅读 · 0 评论 -
js获取网络时间
function getNowFormatDate() { var currentdate; $.ajax({ type: 'GET', dataType: 'json', async: false, url: 'http://quan.suning.com/getSysTime.do', succe...原创 2019-10-09 08:33:09 · 4281 阅读 · 1 评论 -
字符串操作
原创 2019-10-09 08:34:29 · 121 阅读 · 0 评论 -
JS DOM操作
1.获取DOM对象根据id名来获取：document.getElementById("id名")；根据class名来获取，返回一个数组：document.getElementsByClassName("class名");根据标签名来获取，返回一个数组：document.getElementsByTagName("标签名");根据name名来获取，返回一个数组：document.ge...原创 2019-06-16 11:13:08 · 177 阅读 · 0 评论