js
Y_G_G
别着急、慢慢走
展开
-
Antd Upload封装(React)
封装的功能包括:文件类型检查文件大小检查文件数量检查文件预览供参考import React, { ReactNode, useState } from 'react';import { Upload, Button, Modal, message } from 'antd';import { UploadProps } from 'antd/lib/upload/Upload';import { UploadChangeParam } from 'antd/lib/upload';i原创 2021-03-16 10:45:16 · 718 阅读 · 0 评论 -
Upload svg
我真的好蠢…Antd Upload 上传jpg png等都没问题,svg就不行,只需要后端改一下 content-type: image/svg+xml 就可以了…明明知道svg的type是image/svg+xml 我还让人家改成text/xml,我怕不是个傻子吧原创 2021-03-16 10:26:59 · 415 阅读 · 0 评论 -
Antd Upload上传图片nginx报错405
antd Uploadantd Upload listType 3个类型 一个项目把坑踩全了…之前使用Upload 是用 action 属性,指定上传地址。现在是在form表单里面使用Upload,不配置action属性,直接formData提交。问题:本地调试没问题,打包测试,nginx转发报错405 not allowed查到原因是 nginx禁止用post访问静态资源解决:问:哎 上传图片怎么会访问静态资源呢???答:默认的上传行为…Upload提供 【 customRe原创 2020-08-19 17:40:48 · 2653 阅读 · 2 评论 -
深拷贝和浅拷贝
之前写代码的时候,误用了浅拷贝,导致数据出错,特此进行小总结,具体的细节文中没有提及。浅拷贝是拷贝应用,拷贝后的对象和之前的指向同一引用,会相互影响深拷贝是在堆中重新分配内存,前后两个是不同的对象,相互不影响浅拷贝有两种,1是拷贝引用,2是拷贝实例,但其属性拷贝引用。第一种情况:var a = [{c:1}, {d:2}];var b = a;console.log(a ===...原创 2019-04-02 20:00:55 · 142 阅读 · 0 评论 -
深入js类型转换
之前写过js类型转换,https://blog.csdn.net/Y_G_G/article/details/78031510 是比较详细的规则,可能后面用得多了,现在并不太注意这些。最近看了一篇文章,https://juejin.im/entry/58beb514128fe1006456df73 让我更深刻的认识了类型转换,尤其是对象类型转换.,以及问题的本质。个人觉得,记住这些具体的规则...原创 2019-03-05 23:51:27 · 231 阅读 · 0 评论 -
BFC是什么?
转载 http://blog.sina.com.cn/s/blog_877284510101jo5d.htmlBFC(Block Formatting Context)直译为“块级格式化范围”。是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。当涉及到可视化布局的时候,Block Formatting Context提供了一个环境...转载 2019-02-18 16:41:18 · 1275 阅读 · 0 评论 -
内存空间详细图解
转自 https://www.jianshu.com/p/996671d4dcc4这位博主的前端进阶系列很不错,推荐大家看一遍内存空间详细图解var a = 20;var b = 'abc';var c = true;var d = { m: 20 }因为JavaScript具有自动垃圾回收机制,所以对于前端开发来说,内存空间并不是一个经常被提及的概念,很容易被大家忽视。特别是...转载 2019-02-21 23:18:19 · 1286 阅读 · 0 评论 -
关于scrollTop的理解以及实现无缝滚动
目标:实现数据的自动滚动【无缝滚动】scrollTop是什么?实现无缝滚动scrollTop是什么?The Element.scrollTop property gets or sets the number of pixels that an element's content is scrolled vertically.元素的scrollTop属性获取或设置【元素内容】垂直滚...原创 2018-12-29 17:57:18 · 2566 阅读 · 0 评论 -
字符串的slice(),substr(),substring()
三个方法都将返回字符串的子串,接受1-2两个参数 slice(start, end) [ )左闭右开 substr(start,length) substring(start, end) [ )左闭右开 都是正数时var str = '0123456'str.slice(3); //'3456'str.substr(3); //'3,4,5,6'str.substring(3); /原创 2017-09-21 20:20:02 · 2491 阅读 · 0 评论 -
数组的slice()和splice()方法
slice()slice的英文意思是一部分,所以这个方法就是用来截取数组一部分的函数 slice(start[, end]) 两个参数,分别表示起止位置,第二个参数可省略,左闭右开[ ),不影响原来数组var num = [0,1,2,3,4,5];num.slice(1); //[1,2,3,4,5]num.slice(1,4); //[1,2,3]num;[0,1,2,3,4,5]原创 2017-09-21 16:18:34 · 1752 阅读 · 0 评论 -
函数内部属性 arguments、this 以及非继承而来的方法 call()和 apply()
argumentsarguments 是类数组对象,包含传入函数的所有参数。该对象有一个callee属性,是一个指针,指向拥有这个arguments 对象的函数。//递归function factorial(num) { if(num <= 1) { return 1; } else { return num*factorial(num-1);原创 2017-09-21 12:32:01 · 480 阅读 · 0 评论 -
数值转换 Number() parseInt() parseFloat()
Number()可以转换任何对象,后两者是针对字符串转数值Number()Boolean类型。true -> 1 false -> 0undefined -> NaNnull -> 0number类型 有效的八进制,则输出对应的十进制有效的十六进制,还是输出对应的十进制 字符串 -->仅包含数字,转换成数字 Number('01113444') ->原创 2017-09-19 16:25:58 · 882 阅读 · 0 评论 -
JQuery 易混点
平时使用 弄混过的几点后台小哥虽厉害,但有时候他们总喜欢乱用==,一旦找不到解决方案,就会把我们叫过去,看他们写的乱七八糟的js…他们还会时不时问一些细节的东西,说不上来的时候,感觉有点小羞愧,故作总结如下:_ (function() {})() vs $(function() {}) _ window.load() vs document.ready() - 一个页面原创 2017-06-18 21:08:41 · 292 阅读 · 0 评论 -
原生JS实现tab切换
今天刚好写了一个简单的tab切换代码,样式有点丑….不过自己做个总结。//html<body><div id="wrap"> <ul id="nav"> <li class="active"><a href="javasript:;">区域前端组</a></li> <li><a href="javasript:;">区域开发组</a></li>原创 2016-05-12 18:51:42 · 682 阅读 · 0 评论