自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(35)
  • 收藏
  • 关注

原创 不好!有敌情,遭到XSS攻击【网络安全篇】

当一个目标的站点,被我们用户去访问,在渲染HTMl的过程中,出现了没有预期到的脚本指令,然后就会执行攻击者用各种方法注入并执行的恶意脚本,这个时候就会产生XSS。

2023-03-08 17:13:08 2967 1

原创 Node下载阿里OSS存储文件【不知目录结构】

前端传模型ID,后台根据ID去阿里OSS存储下载对应文件(不知文件内部层级结构,且OSS只能单个文件下载),打包成zip字节流形式返回给前端下载。

2023-02-27 22:51:50 569

原创 如果让我来搭建项目【规范篇】

在项目比较合理的情况下,我们前端项目一般集成本文讲述的的规范,通过我们制定好的规范,在帮助团队提升了开发效率的同时,也向前迈出了相对坚实的一步。

2023-02-27 22:49:37 420

原创 一个图片对比的小工具【小工具制作】

为了提高3D可视化大屏项目还原率,需要做一个效果图对比工具,让开发同学能更便携、更高效的完成项目。

2023-02-10 16:13:55 845

原创 前端下载后端返回文件流【踩坑篇】

事情是这样的,我们pass平台资源面板在对接其他项目组导出文件功能,我们这边直接Node端转发他们的接口,接收到返回的包文件,直接返给前端,前端做下载。

2022-12-29 19:59:27 792

原创 如果让我来做性能优化【前端篇】

性能优化一直是Web端的”热度之王“,不论是日常工作还是面试,都是重中之重;小生不才,将我工作所做、书中所得呈现在各位看官面前,供各位看官品味个中滋味。

2022-12-23 10:46:53 911

原创 记完成《JUEJIN FRIENDS 好好生活计划》连续打卡脚本过程

hello,大家好,今天给大家分享一下我**模仿完成**《JUEJIN FRIENDS 好好生活计划》连续打卡脚本的过程。

2022-12-05 09:50:15 166 2

原创 测试驱动开发(TDD)前端篇

当你在写生产代码时,你处在高认知的状态,你的研发流程和你的工程实践,有助于你一步一步的提升你的认知能力,把你的问题进行一个降解,只要你做到同样的事情,你用什么方法开发,我认为我认为都是一种高效的方法。

2022-11-25 21:46:57 1465

原创 Token【JWT与传统认证流程】

前言:现在我们面临的一个问题就是,只要任何一个用户知道了服务端接口的地址,都可以进行访问,但是我们希望只有登陆的用户才能够访问服务端的接口,所以我们就要加上相应的认证机制。

2022-04-20 23:52:42 198

原创 Koa2 + Vue【JWT鉴权之路】

JSON Web Token(缩写 JWT)是目前最流行的跨域认证解决方案,本文介绍它的原理和用法

2022-04-05 23:14:35 1126

原创 完美封装Echarts【分层结构】

实现组件化,工程化项目 => 使用分层结构,我辈义不容辞。

2022-01-22 15:23:36 4607

原创 编写代码的「八荣八耻」- 以开关上线为荣,以自信编码为耻

编写代码的「八荣八耻」- 以开关上线为荣,以自信编码为耻

2022-01-21 13:16:48 111

原创 mac电脑前端环境配置【包含m1芯片】

新款的mac搭载了苹果自研的芯片,放弃了intel的x86芯片,那之前的软件难免会存在兼容性问题。

2022-01-19 10:56:58 1349

原创 ES6查漏补缺【运算符的扩展】

ES6查漏补缺 — 运算符的扩展

2022-01-18 11:09:07 392

原创 ES6查漏补缺【数组的扩展】

ES6查漏补缺 — 数组的扩展

2022-01-15 08:09:29 253

原创 ES6查漏补缺【函数的扩展】

ES6查漏补缺 — 函数的扩展

2022-01-14 14:19:23 166

原创 ES6查漏补缺【字符串的扩展】

ES6查漏补缺 — 字符串的扩展

2022-01-13 16:50:00 356

原创 ES6查漏补缺【var,let,const】

搞懂var,let,const

2022-01-12 13:43:40 198

原创 ES5数组实例方法【forEach】

真的了解forEach?

2022-01-08 23:36:22 669

原创 ES5数组实例方法【sort】

前言:用不好sort?

2022-01-08 22:43:12 899

原创 配置ES6的项目环境【Webpack】

前言:搭建一个ES6环境。

2022-01-01 15:21:44 601

原创 无感刷新token【优化技巧】

如果定时设置token过期时间的话,用户的体验会很不好的,所以有了无感刷新需求。

2021-12-27 18:03:56 1515

原创 HTML5本地存储【localStorage封装】

localstorage存储的内容大概20MB、不同浏览器不能共享,但是在同一浏览器的不同窗口中可以共享、IE8以上的IE版本才支持、值类型限定为string类型、存储内容多的话会消耗内存空间,会导致页面变卡;

2021-10-21 18:19:12 286

原创 解决网站重新部署缓存图片不更新问题

如何解决网站重新部署缓存图片不更新问题?

2021-10-20 15:26:44 1577

原创 Vue首页加载banner文字在图片加载之后显示

日常开发中,加载banner(包括图片和文字)时,会出现短暂白屏(<1s),如果文字先于图片加载,用户体验就不会很好。

2021-06-30 16:04:23 653

原创 Vue实现导航栏鼠标上滑显示下滑隐藏

当新值比旧值大的时候证明滚轮在向下滚动,触发相对应事件,反之亦然

2021-06-28 19:02:42 3597 5

原创 关于.ediworconfig文件生效问题

1.当我们配置完毕.ediworconfig文件,并没有生效2.ATOM、Sublime、VSCode等编辑器则需要安装editorConfig插件水平有限,还不能写到尽善尽美,希望大家多多交流,跟春野一同进步!!!

2021-03-30 15:35:53 116

原创 VSCode快速生成Vue组件模板

**说明:**在我们运用VSCode进行日常Vue开发时,可以使用定制模板来进行快速开发。1.找到Vue模板编辑的json打开VSCode编译器 => 点击文件 => 首选项 => 用户片段 => 在弹出的搜索框中搜索vue.json => 打开json文件!2.输入你自定义的模板代码{ "Print to console": { "prefix": "vue", "body": [ "<!-.

2021-03-18 14:13:02 648

原创 网站活动展示弹窗,可选择今日不在提醒!

说明:Cookie、localStorage、sessionStorage的区别是在数据存储大小、存储内容是否发送到服务器端、数据存储的有效期限、作用域这几个方面,这个弹窗前期使用Cookie完成过期识别存储功能,Window电脑上测试通过,后期Mac用户投诉弹窗今日不再提醒功能没有用,故推翻Cookie,使用localStorage。$(function(){ var _localStorage = window.localStorage; if(!_localStorage){ .

2021-03-12 10:57:50 948

原创 javascript页面文字轮播,切出页面样式错乱问题解决

摘要:需求是做一个文字走马灯效果,正常写循环动画,切换切回的时候会出现定位错误的bug,查了很多解决方案都没用,最后两种解决方案结合方可奏效,特此记录一下,代码如下。1.html代码 <!-- 走马灯文字 --> <div class = "see-video" onclick = "seeVideo()" onmousemove = "clearInterval(timer);" onmouseout = "timer = setInterval(() => {pl.

2021-03-11 14:14:11 268

原创 VScode快速创建HTML标签

1.生成一个带有id的div标签。div#dome<div id="dome"></div>2.生成一个带有class的div标签。div.dome<div class="dome"></div>3.生成一个带有特定属性的标签。a[href=“www.baidu.com”]<a href="www.baidu.com"></a>4.生成一个标签有内容的div。div{内容}<div&gt

2021-01-08 16:55:29 5056 7

原创 前端pdf文件直接下载而不是打开

<a href = "https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E5%9B%BE%E7%89%87&hs=2&pn=0&spn=0&di=113630&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&ie=utf-8&oe=utf-8&cl=2&lm=-1&amp

2020-12-22 17:42:23 3187 8

原创 jq实现锚点跳转过度

jq实现锚点跳转过渡例子:当我们浏览页面想回到页面顶部时,点击按钮会回到想要去到的锚点。1、数据内容(html)<div id = "content"> <button onclick = "jumpToEx()">跳转</button> <div class = "demoOne"> <ul> <li></li> ......

2020-10-29 14:45:46 487 1

原创 后台没做分页处理的情况下前端用JavaScript完成分页

只有数据的情况下完成分页后台只给了数据,所以说一些分页插件运用不了,所以前端自行完成分页。缺点:下载量大,显示慢,加载时用户体验不好。服务器压力请求少,换页时用户体验好。如果有即时性内容,就不能翻回来的时候更新了。说明:需要完成需求,公司全是前端,借鉴网上一些纯前端实现分页,自己总结了一下。思维导图代码展示1、html部分在这里插入代码片2、css部分3、js分页逻辑部分4、js事件部分...

2020-10-29 10:47:46 756 1

原创 Vue3.0 如何禁用 eslint

Vue3.0怎么禁用 eslint在Vue3.0根目录下创建vue.config.js,在module.exports下把lintOnSave设置为false,问题就会解决。module.exports = { // 设置lintOnSave为false,禁用eslint。 lintOnSave: false,}日常配图:

2020-09-08 17:47:15 1562 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除