
Web前端
前端该溜子
这个作者很懒,什么都没留下…
展开
-
JS分割千分位金额,添加逗号
使用ts实现千分位金额分割,默认保留两位小数原创 2022-06-10 15:13:25 · 502 阅读 · 0 评论 -
JS数组去重、字符串去重、冒泡排序(简单易懂)
1.数组去重 //声明原数组 var arr=[2,2,2,4,4,4,5,5,5,6,6,6,] //声明新数组准备放置不重复的数组 var arr1 = []; //for循环遍历 for(var i = 0;i<arr.length;i++){ //用indexOf检索是否有该元素,没有返回-1 if(arr1.indexOf(arr[i]) == -1){ //则添加到新数组 arr1.push(ar原创 2020-07-28 20:40:34 · 643 阅读 · 0 评论 -
根据月份获取当前天数
//封装const getDay = (month)=>{//获取当前年份 let yeat = new Date().getFullYear() let day = new Date(yeat,month,0).getDate() let monthDay = [] for(let i = 1; i <= day; i++){ monthDay.push(i) } return monthDay}const num = getDay(1) //打印出来为数组..原创 2022-05-20 12:01:37 · 273 阅读 · 0 评论 -
http请求axios封装
来抄作业import axios,{AxiosError,AxiosRequestConfig,AxiosResponse,Canceler,CancelTokenSource} from 'axios'export interface AjaxResponse{ request:()=>Promise<AxiosResponse> //Axios异步函数 cancel:Canceler //关联的cancel方法}const baseConfig={ validateS原创 2022-05-18 16:21:07 · 375 阅读 · 0 评论 -
js点击下载文件的几种情况
先预览,再下载const downloadFile = (filename,data)=>{ const a = document.createElement('a') a.download = filename const url = window.URL.createObjectURL(data) a.href = url a.click() window.URL.revokeObjectURL(url)}downloadFile('文件名.pdf',res.data)点击后原创 2022-04-15 10:23:17 · 3598 阅读 · 0 评论 -
js上传图片转base64格式
嗨害嗨!来了嗷~简简单单小封装const getBase64 = (file)=>{ renturn new Promise((resolve, reject) => { const reader = new FileReader() reader.readAsDataURL(file) reader.onload = (e)=>{ resolve(reader.result) } reader.onerror = (error) =>原创 2022-04-06 09:50:00 · 4974 阅读 · 1 评论 -
react antv/X6可视化工具超详细入门
描述之前我想先吐槽一下这个X6的官网,可能原生html、JS还行,但是框架玩家是真看不懂,我个人而言,无法灵活运用到项目中,幸好后面有带佬的代码,不得不说质量雀食高开整!首先我们的目的是画一个这样的图表看到这个树状图,我们想要搞清楚,我们需要那几样来完成 - 不是显示单独一个数据,所以必然要自定义节点 - 第一先确定数据格式,从后台穿过来的数据里面不单是数据,还需要一组头尾的连接字段来确认边,如果已经大致看过X6的可视化逻辑,自然明白边的头尾是什么逻辑了 - 其次自定义节点,自定义节点需要从创原创 2022-03-18 17:30:41 · 12518 阅读 · 10 评论 -
react antd组件table跨行跨列
给官网上的看不懂的同行写的,毕竟我一开始也看不懂(现在也没看懂)逻辑是在列的设置上写,通过条件判断跨行还是不跨行以及跨多少行const columns =[ title: '姓名', dataIndex: 'name', key: 'name', render:(text,record,index)=>{ if(text === '小李'){ return { chidren: <div>填你要写的内容</div>,原创 2022-03-15 11:23:49 · 1569 阅读 · 0 评论 -
JavaScript里所有循环的用法与区别
这篇文章会清楚的解析所有跟循环有关的用法与他们之间的区别,不管是代码运用还是对付面试,都尽量偏向于全面首先这是我们的备选实验对象var ArrNum = [10,20,30,40,50]var str = 'str'var ArrObj = [ { name:'小李' , age:20, sex:'男' }, { name:'小林' , age:20, sex:'女' }, { name:'小凡' , age:20, sex:原创 2021-07-12 11:32:45 · 183 阅读 · 0 评论 -
关于ES6的promise,你想知道的都在这里
1.promise是什么?promise是ES6的一个方案,语法上讲是一个对象,针对异步的操作,用来解决避免掉入回调地狱的问题首先我们来了解游览器的处理机制也就是入栈和出栈,我们的代码中有事情需要处理,将这个事情放到游览器的内部去运行,我们把它比作一个邮箱,把手上还未处理的事情比作一个邮件,我们把邮件一封一封放进邮箱,等待邮件被寄出,但是邮箱一次性只能拿出一封邮件去执行,这个过程我们把它称为出栈,并且永远只拿最上层的邮件,因为代码是从上到下运行的,当一封邮件出栈被执行完,这个时候邮递员的手上没有事原创 2020-09-12 17:56:27 · 271 阅读 · 0 评论 -
你对Ajax的了解有多少
首先对ajax的认识,我们要明白他是对数据库的一个请求,就是把数据库里的数据拿到script脚本里面,然后再渲染到我们需要的页面,所以它不是另一种语言,是一个由JS敲出来的公式那么ajax可以用来干什么?基本就是用来增删改查,我们对页面的数据都需要从后台获取那么进入正题,ajax是什么样子的?首先是原生JS里面的:GET请求四部曲// 1.创建 // 兼容性的处理 var xhr; if (window.XMLHttpRequest){ xhr = new XMLHttp.原创 2020-09-12 15:57:38 · 228 阅读 · 0 评论 -
前端题小笔记
一、 get和post的区别这个已经被问烂了的面试题,到底怎么回答才是全面的,让面试官觉得你是工作经验丰富的程序员1.基于什么前提? 如果没有前提,没有任何规范,只考虑语法和理论上的http协议,get和post是没有什么区别的,就是名字不一样(这就比较装逼了,但是显得很老练)但是往深层次了说:2.基于RFC规范 理论上:get和post有完全相同的语法,get用来获取,post用来发送,get和post的语义不一样 实现上:制造异同,这个RFC规范的实现者 (1)大小不同,get长度2原创 2020-09-01 20:47:02 · 334 阅读 · 1 评论 -
如何用最简单的方法做一个完整的照片墙(jQuery)
照片墙功能是摆放两列随机旋转度的照片,然后点击哪张,就展示照片原图,其他消失,再次点击则恢复原状话不多说,上代码html// html只要一个ul标签就可以,尽量简单化 <ul> </ul>css:body,html{ background-color:bisque; } ul{ width: 1200px; height: 900px;原创 2020-08-04 20:08:16 · 494 阅读 · 0 评论 -
前端JS轮播图样本
html:<div> <ul id="one"> <li class="show"><img src="img/pic1.jpg" alt=""></li> <li><img src="img/pic2.jpg" alt=""></li> <li><img src="img/pic3.jpg" alt=""原创 2020-07-31 10:08:49 · 254 阅读 · 0 评论 -
JS的三种异步加载方式
async ,加载完就执行,只能加载外部脚本,不能把js写在script 标签里.<script src="js/index.js" async="async"></script>defer 异步加载,但要等到DOM文档全部解析完才会被执行。只有IE能用<script src="js/index.js" defer="defer"></script>按需加载,考虑浏览器兼容 function loadScript(url,callba.原创 2020-07-23 16:38:17 · 146 阅读 · 0 评论 -
JS预编译的奥义
预编译的作用-首先我们要了解,预编译是什么, 就是在函数(JS)执行的前一刻,会创建一个叫做执行期上下文对象,分为AO规则和GO规则(1)AO规则:函数在执行前的一瞬间, 生成一个AO对象2. 看参数, 形参作为AO对象的属性名, 实参作为AO对象的属性值3. 看变量声明, 变量名为AO对象的属性名, 值为undefined, 如果变量名和形参重名, 不用管4. 看函数声明, 函数名为AO对象的属性名, 值为函数体, 如果遇到同名( 变量名或者形参名), 直接覆盖( 函数体去覆盖属性值原创 2020-07-06 20:03:23 · 194 阅读 · 0 评论