软件编程
关注
分享
扫一扫
前端该溜子
这个作者很懒，什么都没留下…
展开
-
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 · 12519 阅读 · 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 评论 -
前端题小笔记
一、 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实现图片拖拽
html:<div class="d1"> <img src="t018daab9697ad1ffb0.jpg" alt="" draggable="true"> </div> <div class="d2"></div>CSS里调整样式.d1{ width: 450px; height: 550px; border: solid 1px ; f原创 2020-07-21 19:12:32 · 616 阅读 · 0 评论 -
如何用canvas画布绘制时钟（详解！）
先生成画布：<canvas class="can" width="500px" height="500px"></canvas>调画布样式：.can{ border: 1px solid; display: block; margin: auto; }JS部分： var can = document.getElementsByClassName("can")[0]; var cantxt = can原创 2020-07-21 19:07:23 · 1941 阅读 · 0 评论 -
2048详细逻辑讲解（硬货！）
2048虽然只是一个小单机，到处都是，但重要的我们是要锻炼自己的逻辑思维，2048对于一些初入JS的同学而言，很值得参考话不多说，我们直接上代码：首先是HTML<body><p>2048</p> <div class="star">score:<span id="score01">0</span>（这里放一个元素在JS里储存它的变量）</div> <div class="big">原创 2020-07-15 21:46:13 · 5610 阅读 · 0 评论 -
JS的数据类型
一、运算符和表达式1.算术运算符：+ ；- ； * ； / ； %注意点：1.除数不能为零，如果为零，结果就是Infinity 2.0/0结果是NaN,这个数学计算是错误的 3.尽量不要使用小数进行计算，失去精确度2.关系运算符：<；>；<=；>=；==；！= ===注意点：undefinde == null trueundefinde =...原创 2020-01-08 14:52:09 · 148 阅读 · 0 评论 -
什么是javascript
一、JS的组成和特点组成：ecmascript：它是JS语言的标准，规定了JS的编程语法和基础核心知识。DOM：文档对象模型，提供给了JS很多操作页面中的元素属性和方法。BOM：浏览器对象模型，提供了很多操作浏览器的属性方法，而这些方法都放在。特点：单线程：所有任务都在主线程上执行，形成一个执行栈。解释性：专门的解释器翻译程序语言。弱类型：一个变量可以赋不同类型的值。二、引入方...原创 2019-12-30 15:43:08 · 265 阅读 · 0 评论 -
CSS第二弹
一，元素背景背景分为纯色背景（背景颜色）和背景图像1.背景颜色代码为：background-color列：2.背景图像代码为：background-image ： url（可插入任何图片地址）3.背景图像平铺：background-repeat： repeat ： 默认值水平垂直方向都平铺 repeat-x：水平方向平铺 repeat-y：垂直方向平铺 no...原创 2019-12-13 15:33:48 · 182 阅读 · 0 评论 -
CSS的初步认知
一，CSS的作用1.以统一的方式实现样式的定义2.提高页面样式的可重用性和可维护性3.实现了内容（HTML）和表示（CSS）的分离HTML和CSS之间的关系：HTML：构建网页的结构CSS ：构建HTML元素的样式二、CSS的使用1.内联样式将样式声明在元素的style属性中1样式声明 表示一个具体的显示效果，可以多个同时存在的，多个样式之间用 ； 进行隔开每个样式声明都...原创 2019-12-11 18:56:04 · 246 阅读 · 0 评论 -
HTML第二弹
标题 一、转义字符 ；&emsp；——代表不同字符距离的空格（还有很多，只是举例两个）< = < ; > = > ; ——表示标签括号，当与字母连用打不上去时就用这个二：行内元素和块级元素1.块级标签在默认情况下每一个元素都是独占一行，都有 align属性 比如：p h1~h6 hr div2.行内标签不会换行，可以和其他...原创 2019-12-06 17:29:41 · 389 阅读 · 0 评论