yb_fan
码龄8年
关注
提问 私信
  • 博客:20,439
    20,439
    总访问量
  • 17
    原创
  • 117,677
    排名
  • 10
    粉丝
  • 0
    铁粉

个人简介:最锋利的武器,也抵不过一颗无惧的心。

IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:上海市
  • 加入CSDN时间: 2016-12-02
博客简介:

ybfan

博客描述:
有形的生命的确非常脆弱,但是无形的力量,就会坚不可破。
查看详细资料
  • 原力等级
    当前等级
    2
    当前总分
    121
    当月
    1
个人成就
  • 获得6次点赞
  • 内容获得3次评论
  • 获得17次收藏
  • 代码片获得130次分享
创作历程
  • 1篇
    2024年
  • 1篇
    2023年
  • 3篇
    2022年
  • 5篇
    2021年
  • 1篇
    2020年
  • 10篇
    2018年
成就勋章
TA的专栏
  • TradingView
  • js
    14篇
  • html框架
    3篇
  • http
    1篇
  • css
    1篇
  • 正则
    1篇
兴趣领域 设置
  • 前端
    angular.jsreact.jses6angularwebpack
  • 后端
    node.js
  • 微软技术
    typescript
创作活动更多

超级创作者激励计划

万元现金补贴,高额收益分成,专属VIP内容创作者流量扶持,等你加入!

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

Select2回显值问题,基于angularJs框架

select2回显值问题
原创
发布博客 2024.09.05 ·
541 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

下载得到的svg转为png下载

svg to png
原创
发布博客 2023.03.10 ·
227 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Window atob() 方法

atob()方法用于解码使用base-64编码的字符串。base-64编码使用方法是btoa()。
原创
发布博客 2022.07.18 ·
1376 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

关于网站自动翻译符号问题

谷歌翻译插件导致的网站显示乱码
原创
发布博客 2022.06.22 ·
185 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

新开页面下载文件url鉴权

原本通过后端返回的地址,进行a标签新开页面进行下载,但项目后期,发现越权问题,需要前端将token跟账户传过来,进行鉴权验证,之前的项目中,有sso机构门户去验证当前浏览器是否登陆,目前所在的项目组,因为限制问题,无法之间去浏览器验证用户是否登录,需要前端自己传输token,当时方案两种:1、通过get请求,header加上token,url拼接参数进行验证,但是因为项目的业务层,视图层分包进行,导致不能通过此种方案2、通过post,最后验证发现底层的s3限制文件下载的方式,不能为post.
原创
发布博客 2022.03.10 ·
965 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

基於XMLHttpRequest封裝blob下載

因為近期項目場景問題,需要把之前的form表單提交形式的下載,獲取回調響應,網上各種方案不太符合我的需求,最終只能使用原生XMLHttpRequest獲取狀態碼進行事件處理1、封裝XMLHttpRequest/***文件下載**/downXHR = function(type,url,data,callback){ var xmlRequest = new XMLHttpRequest(); xmlRequest.open(type,url,true) ...
原创
发布博客 2021.12.31 ·
874 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

react下跨組件跨頁面監聽localStorage變化

1、在setItem的地方配置如下代碼 if (typeof window !== "undefined") { var orignalSetItem = localStorage.setItem; localStorage.setItem = function (key, newValue) { var setItemEvent = new Event("setItemEvent"); setItemEvent.newValue = newValue;
原创
发布博客 2021.12.30 ·
879 阅读 ·
2 点赞 ·
1 评论 ·
1 收藏

基于antdPro5的标签页面打开方式

效果图:目前react\vue\angular都是单页面的实现路由跳转方式但因为平台是后台管理系统,业务方想实现浏览器标签页切换的方式进行配置,以前多页面是采用iframe实现,页面性能大大降低,多页面本来就是很鸡肋的方式,奈何人在屋檐下,不得不低头首先实现要实现一个组件来管理路由吧,可以这么理解,如图的路径1、TagView的index.jsx,index.lessimport React, { useState, useEffect, useRef } from '...
原创
发布博客 2021.10.14 ·
1866 阅读 ·
0 点赞 ·
2 评论 ·
8 收藏

antd阿里云上传图片,基于私有库

项目中要实现图片直接上传到阿里云服务器,通过前端实现,直接访问阿里云的服务器1、首先要在主页面引入 <script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>因为本人项目是https的,如果你的项目是http,则如下: <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min
原创
发布博客 2021.10.14 ·
213 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

antdPro中使用自带umi的fecth,Blob实现预览文件的踩坑之旅

1、因项目需要实现在线预览功能,正常后台返回blob流,进行如下代码设置便可 let documentType = mimeType(fileType); let blob = new Blob([res], { type: documentType + ';chartset=UTF-8' }); const blobUrl = window.URL.createObjectURL(blob); //down if (typ
原创
发布博客 2021.10.14 ·
608 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

datafeedVue.js

发布资源 2021.09.05 ·
js

react-router-dom BrowserRouter页面刷新404

最近遇到react-router-dom路由使用BrowserRouter,本地开发没问题,发布到服务器再次刷新就报404not found,原因解析:之所以你在浏览器内可以由首页跳转到其他路由地址,是因为这是由前端自行渲染的,你在React Router定义了对应的路由,脚本并没有刷新网页访问后台,是JS动态更改了location。当你刷新时,你首先是访问的后台地址,然后返回的页面内加载了React代码,最后在浏览器内执行;也就是说如果这个时候报404,是因为你后台并没有针对这个路由给出返回H
原创
发布博客 2020.11.26 ·
1775 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

安装Angular-Cli

经过n次的失败安装,终于在最后一次安装成功,为了使同学们少走弯路,现将经验写下来:1、查看你的node以及npm版本:node -v   查看node版本npm -v    查看npm版本要求所有版本都是最新的,不然可能会出错。2、设置淘宝镜像,这样下载东西就是从国内网站下载了,网速更快npm config set registry  https://registry.np...
原创
发布博客 2018.12.09 ·
661 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

判断浏览器内核是否是IE8及其以下

var DEFAULT_VERSION = 8.0;var ua = navigator.userAgent.toLowerCase();var isIE = ua.indexOf("msie")&gt;-1;var safariVersion;if(isIE){    safariVersion = ua.match(/msie ([\d.]+)/)[1];}if(s...
原创
发布博客 2018.11.19 ·
2495 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

原生js实现table列宽的鼠标拖动事件

var tTD; //用来存储当前更改宽度的Table Cell,避免快速移动鼠标的问题var table = document.getElementById("tableId"); //table的id名称for (j = 0; j &lt; table.rows[0].cells.length; j++) { table.rows[0].cells[j].onmousedo...
转载
发布博客 2018.08.30 ·
1866 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

常用正则表达式

一、校验数字的表达式数字:^[0-9]*$ n位的数字:^\d{n}$ 至少n位的数字:^\d{n,}$ m-n位的数字:^\d{m,n}$ 零和非零开头的数字:^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(\.[0-9]{1,2})?$ 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小...
原创
发布博客 2018.08.28 ·
163 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

css最全手册

http://www.css88.com/book/css/
原创
发布博客 2018.08.20 ·
1016 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

关于HTTP协议,一篇就够了

HTTP简介HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。HTTP是一个属于应用层的面向对象的协议,由于其简捷、快速的方式,适用于分布式超媒体信息系...
转载
发布博客 2018.08.13 ·
472 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

TCP的三次握手与四次挥手(详解+动图)

本文转载自:https://blog.csdn.net/qzcsu/article/details/72861891背景描述通过上一篇中网络模型中的IP层的介绍,我们知道网络层,可以实现两个主机之间的通信。但是这并不具体,因为,真正进行通信的实体是在主机中的进程,是一个主机中的一个进程与另外一个主机中的一个进程在交换数据。IP协议虽然能把数据报文送到目的主机,但是并没有交付给主机的具体应...
转载
发布博客 2018.08.13 ·
117 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

freemarker教程

copy自http://demojava.iteye.com/blog/800204 FreeMarker的模板文件并不比HTML页面复杂多少,FreeMarker模板文件主要由如下4个部分组成: 1,文本:直接输出的部分 2,注释:&lt;#-- ... --&gt;格式部分,不会输出 3,插值:即${...}或#{...}格式的部分,将使用数据模型中的部分替代输出 4,FTL指令:FreeMa...
转载
发布博客 2018.06.01 ·
168 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多