笔记
一麻袋小猫
Put the glass down。
展开
-
自定义hooks
常用自定义hooks定义和解析原创 2023-12-04 10:13:02 · 157 阅读 · 0 评论 -
react原理
react 16 基本原理流程图原创 2023-05-26 17:45:33 · 103 阅读 · 0 评论 -
antd DatePicker 传到后端的值总是带多余的双引号 “”
antd DatePicker传到后端的值总是带多余的双引号原创 2023-05-25 15:29:20 · 215 阅读 · 0 评论 -
前端导出文件
前端导出文件乱码,使用responseType: 'blob'也无效原创 2023-05-15 14:47:33 · 264 阅读 · 0 评论 -
npm install 报错
npm install 报错原创 2023-04-27 10:42:29 · 229 阅读 · 0 评论 -
React 传递
react 单页面实时获取数据,并且跨页面实时更新页面数据原创 2022-07-29 09:10:25 · 756 阅读 · 0 评论 -
git,npm 工具的使用
git 跟踪远程分支,减少git push origin原创 2022-07-29 09:51:21 · 722 阅读 · 0 评论 -
npm 报错
npm ERR! code ETIMEDOUTnpm ERR! syscall connectnpm ERR! errno ETIMEDOUTnpm ERR! network request to http://192.168.0.105:8081/repository/npm-group/antd-theme-generator/-/antd-theme-generator-1.2.11.tgz failed, reason: connect ETIMEDOUT 192.168.0.105:808.原创 2022-05-14 15:30:54 · 1919 阅读 · 0 评论 -
网络请求并发
场景要求从大数据拉取数据,用图表得方式展示给页面,8个图表,耗时20s以上,简直无法忍受。解决重新看axios文档,发现了axios.all,每次都能看到但是不理解什么时候用。现在终于可以派上用场了嘿。非常美好:当遇到很多个请求,而且数据量巨大,而且互不影响得时候麻烦考虑一下并发,可以大大减少页面加载时间...原创 2022-02-24 14:30:31 · 850 阅读 · 0 评论 -
我不知道的html,css和js
原来html和css还有这些标签和属性原创 2022-01-13 13:22:38 · 302 阅读 · 0 评论 -
echarts使用
echart使用记录,持续更新~原创 2022-01-05 09:46:29 · 954 阅读 · 0 评论 -
数组转换成树形结构之后,获取每个节点下的子节点总数
递归:const computedLen = function (data) { let num = 0; data.forEach(element => { let i = 0; if (element.children) { i += computedLen(element.children); i += element.apiConfigList.length; num += i; } elem原创 2021-12-22 10:05:48 · 336 阅读 · 0 评论 -
分辨率不同导致table边框出现粗细不同的情况
真是没想到 2021年竟然还会被原生table卡一下午原因:浏览器版本问题,导致border-collapse:collapse 出问题解决:table { border-collapse:separate !important; border-spacing: 0px !important; background-color: #000 !important;}td, th { background-color: #fff !important;}...原创 2021-12-09 16:41:08 · 2691 阅读 · 3 评论 -
antd 使用踩坑
antd Tree组件使用expandedKey之后无法展开和收起节点怎么办?答:要配合onExpand事件一起使用鸭,与Checkbox 有异曲同工之妙。// dom <Tree showIcon={true} defaultExpandAll defaultExpandParent autoExpandParent selectedKeys={[this.state.activeMenuCode]} expandedKeys={this.state.treeExpa原创 2021-11-22 14:22:59 · 3262 阅读 · 0 评论 -
forEach 中止循环
如果想当循环中某一项为特定值时不向下执行,跳出循环,可使用return false;rows.forEach((t) => { if (t.title == '操作') { return false; } }原创 2021-10-20 15:34:46 · 422 阅读 · 0 评论 -
react 要修改被封装的样式如何修改?
真是遇到了世纪难题,要修改antd table表格的颜色,但是公司已经将颜色主体封装进内部脚手架里,改一个就要全改。解决方法:在column中每项添加类名,然后找到源码,将源码中的公用部分替换成相应类名,此方法可以适用于各种css更改let column = [ { title: '行号', dataIndex: 'key', key: 'key', className: 'table-color-dust', width: 50,原创 2021-10-09 17:27:11 · 347 阅读 · 0 评论 -
h5如何设置html页面直接铺满整个屏幕
需要将html和body同时设置100%,这样页面直接铺满整个区域html,body{height:100%}对iframe中嵌套的html页面来说,可以直接铺满iframe的区域!!!原创 2021-05-27 14:19:58 · 3332 阅读 · 1 评论 -
vue-lazyload的使用
坑点:h5端用image标签无效,需要用img标签<img v-lazy="item0" :key="item0">原创 2021-05-26 17:13:48 · 113 阅读 · 0 评论 -
微信小程序
小程序传参小程序传参与vue传参不同,小程序如果直接在方法后面加(),会报警告,且没有任何效果。小程序如果想在页面中传参,需要自定义属性:<view class="tab-con" bindtap="onTap" data-index="1">使用: onTap(e) { console.log('微信小程序传参', e.currentTarget.dataset['index']) }小程序组件子页面向父页面传参子页面: onTap() {原创 2021-05-22 11:45:11 · 240 阅读 · 0 评论 -
axios 源码分析(发起请求流程)
axios.js与Axios.js息息相关,Axios.js调用了request方法,request方法又分别调用了InterceptorManager.js和dispatchRequest,dispatchRequest又调用了adapter,adapter中new了一个xhr实例。defaults.js是默认的配置文件。原创 2021-04-13 10:23:47 · 176 阅读 · 0 评论 -
高德地图
用高德地图做了定位:准备工作就不多说了,就是注册登录账号获得key值,然后在main.js里引入// 高德地图import AMap from ‘vue-amap’;Vue.use(AMap);// 初始化vue-amapAMap.initAMapApiLoader({// 高德的keykey: ‘申请的key’,// 插件集合 (插件按需引入)plugin: [‘AMap.Autocomplete’, ‘AMap.PlaceSearch’, ‘AMap.Scale’, ‘AMap.Ov原创 2021-04-05 16:14:26 · 300 阅读 · 0 评论 -
给盒子设置滚动
在网上查了各种教程,都不可行,最后偶然尝试发现,原来给父盒子设置overflow:scroll竟然就可以了。嗯,真是神奇。<div class="body-head" :style="curHeight"> <test> <transition-group tag="ul" class='slide-ul' name="list"> <templ原创 2021-03-26 09:52:11 · 2784 阅读 · 0 评论 -
vue keep-alive
使用:当组件需要频繁通过条件被切换时,可用。 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 相似, 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在组件的父组件链中。使用原因:主要用于保留组件状态或避免重新渲染。...原创 2021-03-25 11:27:12 · 94 阅读 · 0 评论 -
Layui动态生成select下拉选择框不显示问题
form.render();form = layui.form,要加from渲染原创 2021-03-24 16:49:03 · 238 阅读 · 0 评论 -
表格首列,首行固定,并且能随意滚动
css3新增了粘性定位,利用粘性定位即可做到,但要注意的是:如果想要粘性定位相对于父元素定位,需要给其增加relative定位。逻辑是:滚动盒子滚动的是页面,滚动盒子内部放一个大盒子(1),此盒子宽度为内容的总宽度,在盒子内部给想要固定的盒子增加粘性定位,让其top值||left值为0,这里的0是相对于盒子1的。...原创 2021-03-20 22:10:51 · 465 阅读 · 0 评论 -
js的?运算符
?.运算符(链判断运算符)let rses = a ?. b ?. c;=>let res = a && a.b && a.b.c?:三元运算符??= 空赋值运算符当值为null或者undeined时才会赋值a.b ??= 1;??非空赋值运算符加一个空值和不存在的判断,使代码更加合理var a = obj ?? {}=>if (obj === nul || obj === undefined) { a = {};} else {a原创 2021-03-15 14:09:11 · 536 阅读 · 0 评论 -
export default和export的区别
// 第一组export default function crc32() { // 输出// …}import crc32 from ‘crc32’; // 输入// 第二组export function crc32() { // 输出// …};import {crc32} from ‘crc32’; // 输入1.输出时是否用大括号2.输出是名字是否可以随意自定义(ezprot default可以自定义任意名字,export必须是原有的名字)...原创 2021-03-03 09:58:23 · 121 阅读 · 0 评论 -
Class和工厂函数
es6中新增的class本意是创建对象的模板,通过构造函数可以创建出很多个符合想要格式的对象。但是很不方便的是解决this指向问题。其实用工厂函数更方便,也更容易理解:function fn(name,sex,like){var obj=new Object();obj.name=name;obj.sex=sex;obj.like=like;obj.sayHello=function(){alert(this.name);}return obj;}var obj1=fn(“张三”原创 2021-03-02 10:43:32 · 174 阅读 · 0 评论 -
小程序在uniapp的使用中,阻止冒泡
阻止冒泡可以使父子盒子互补影响原创 2021-01-25 14:07:45 · 819 阅读 · 0 评论 -
v-for循环中,每个块的点击事件互不影响
<view class="scroll-texts"> <scroll-view scroll-y="true" class="scroll-Y none_dis" :class="(index == btn_num && btn_tag == false) ? 'div_dis' : 'none_dis'"> <view class="scroll-text"> {{item.cou.原创 2021-01-25 14:06:35 · 1215 阅读 · 0 评论 -
解决laydate一闪而过的问题,加上trigger:‘click‘
laydate.render({elem: ‘#study_date’ + i,type: ‘datetime’,format: ‘yyyy-MM-dd HH:mm’,theme: ‘#1E9FFF’,trigger: ‘click’ //解决laydate一闪而过的问题,加上trigger:‘click’});原创 2021-01-19 14:27:59 · 617 阅读 · 0 评论 -
动态设定长度减去固定像素
height: -webkit-calc(100% - 20rpx);height: -moz-calc(100% - 20rpx);height: calc(100% - 20rpx);原创 2020-12-08 14:05:34 · 122 阅读 · 0 评论 -
解决div相邻盒子边框重叠
在非table页面里面,用margin-left:-1px,往里偏移边框像素原创 2020-12-01 10:46:21 · 2240 阅读 · 0 评论 -
layui更新版本
layui使用tree组件明明引用了但是没有效果,而且报错可能是因为版本太低,更新一下版本就好下载之后是一个文件夹,替换项目中的文件夹就更新了原创 2020-11-25 13:50:09 · 2241 阅读 · 1 评论 -
对象push给数组出现问题
var k = {} var arr = [] //因为K是对象 当push给arr的时候实际上给arr的是一个地址,所以会出问题,这时要转换成json字符串,再转换成对象 //是因为json.parse需要严格遵循JSON规范,所以要先转换成json字符串,在将json字符串转换成json对象push给数组 //JSON字符串不属于引用类型 //先转换成json字符串值传递,再转换成对象 arr.push(JSON.parse(JSON.strin...原创 2020-11-19 16:01:13 · 1684 阅读 · 1 评论 -
uniapp tabBar角标问题
tabBar中的角标虽然文档写出了解决方案,但并不清晰。如果角标的数字需要计算无法直接从vuex中取出,则可以在需要设置的角标页面设置onShow内setTabBarBadge相关参数原创 2020-09-17 10:42:20 · 2191 阅读 · 0 评论 -
uniapp中遇到net::ERR_CONNECTION_TIMED_OUT报错
因为网络环境或者电脑ip变了,但是项目没有重新运行也一直在旧的坏境运行,所以报错,只需要重新运行项目用新的ip运行就可原创 2020-09-12 18:08:11 · 4189 阅读 · 2 评论 -
uniapp添加全局背景颜色!
做页面时遇到,安卓手机屏幕太大,但是页面内容很少,所以导致有空白,文档中的设置背景颜色也有太多限制。搞到头秃,然后偶然发现,在css中设置=page {background-color: #F2F2F2;}=就可以改变全局背景颜色!!!!...原创 2020-09-10 16:47:48 · 2350 阅读 · 0 评论 -
TypeError: _vm.switchNum.apply is not a function
uniapp中的TypeError: _vm.switchNum.apply is not a function错误:原因是data和methods中的名字有重复,也可能是调用方法时,名字写错写成data中的名称。原创 2020-08-31 16:34:42 · 1123 阅读 · 1 评论 -
text-overflow:ellipsis不生效问题
在使用text-overflow:ellipsis时发现,无论放在哪里都不生效。后面发现该属性要与其他两个属性结合使用:text-overflow:ellipsis;white-space:nowrap;overflow:hidden;解释:这里的white-space手脚设置文本不换行,Overflow设置 标签超出部分自动隐藏。...原创 2020-08-29 15:04:52 · 2683 阅读 · 0 评论