2023年5月11日

后端消息推送-SSE协议

摘要: 介绍 HTTP 服务器推送也称 HTTP 流,是一种客户端-服务器通信模式,它将信息从 HTTP 服务器异步推送到客户端,而无需客户端请求。现在的 web 和 app 中,越来越多的场景使用这种通信模式,比如实时的消息提醒,IM在线聊天,多人文档协作等。以前实现这种类似的功能一般都是用ajax长轮询 阅读全文

posted @ 2023-05-11 17:46 sjpqy 阅读(2163) 评论(0) 推荐(0) 编辑

2022年8月12日

使用mac终端将文件上传到Linux服务器

摘要: 前端开发完成之后,需要打包上传到Linux服务器上,进行快速更新 在windows上可以使用xftp或者rz命令工具 mac系统,我们可以使用sftp、scp或者rz命令,本文介绍sftp 1. 打开mac自带终端 2. 链接远程服务器 3. 选择安全文件传输sftp,点击右边服务器下的加号添加你要 阅读全文

posted @ 2022-08-12 11:15 sjpqy 阅读(3347) 评论(0) 推荐(0) 编辑

2022年6月29日

js与java对接RSA加密、解密算法

摘要: 一、什么是RSA加密 上世纪70年代产生的一种加密算法,其加密方式比较特殊,需要两个密钥:公开密钥简称公钥(publickey)和私有密钥简称私钥(privatekey)。公钥加密,私钥解密;私钥加密,公钥解密。这个算法就是伟大的RSA。 二、加密过程 使用公钥将数据加密,并通过私钥对加密信息进行解 阅读全文

posted @ 2022-06-29 17:23 sjpqy 阅读(2167) 评论(0) 推荐(0) 编辑

js与java对接AES-128-GCM加密、解密算法

摘要: 一、什么是AES加密 常见的加密主要分为两类:对称加密和非对称加密,AES加密就是对称加密的一种,即加密和解密使用相同的一把密钥。它的全称是Advanced Encryption Standard(高级加密标准),主要是用来取代DES加密算法,目前已经被全世界广泛采用。 二、AES的基本构成 概念: 阅读全文

posted @ 2022-06-29 15:07 sjpqy 阅读(6505) 评论(0) 推荐(1) 编辑

2022年1月7日

解决js定时器不准的问题

摘要: 为什么会出现定时器不准呢? 这个就得从js的执行机制说起了,在事件循环(EventLoop)执行机制中,异步事件(setInterval/setTimeout)会把回调函数放入消息队列(Event Queue)中,主线程的宏任务执行完毕后,依次执行消息队列中的微任务,等微任务执行完了再循环回来执行宏 阅读全文

posted @ 2022-01-07 10:50 sjpqy 阅读(2467) 评论(0) 推荐(0) 编辑

2021年9月23日

前端安全-如何防止XSS攻击

摘要: 前端安全 随着互联网的高速发展,信息安全问题已经成为企业关注的焦点之一,而前端又是引发企业项目安全问题的高危据点。在移动互联网时代,前端人员除了受到传统的XSS、CSRF攻击之外,还时常遇到网络劫持,非法的Hybrid API 等新型的网络安全问题。当然,随着浏览器的不断发展和优化,不断引入了 CS 阅读全文

posted @ 2021-09-23 16:54 sjpqy 阅读(3469) 评论(0) 推荐(0) 编辑

2021年8月25日

彻底搞懂字符串提取方法 slice,substr,substring

摘要: ECMAScript提供了3个从字符串中提取子字符串的方法:slice(),substr(),substring();为什么要出三个方法呢,下面就来分析这三个方法的共同点与区别。 对于两个参数都是正整数的情况下: 相同点: 这三个方法都返回调用他们的字符串的一个子字符串,也就是不会改变原字符串 都接 阅读全文

posted @ 2021-08-25 10:19 sjpqy 阅读(508) 评论(0) 推荐(0) 编辑

2021年7月2日

webpack性能优化

摘要: 为什么要优化? 如果你的项目很小,构建很快,其实不用特别在意性能方面的问题。但是随着项目涉及到的页面越来越多,功能和业务代码也会越来越复杂,相应的 webpack 的构建时间也会越来越久,打包后的体积也会越来越大,这个时候我们就不得不考虑性能优化的事情了。 分析工具 在动手优化之前,我们需要有一个量 阅读全文

posted @ 2021-07-02 09:43 sjpqy 阅读(1080) 评论(0) 推荐(0) 编辑

2021年6月10日

uni-app制作新手引导

摘要: 新手引导一般用于新用户打开APP,引导用户使用的流程 实现思路,以uni-app为例,也是基于vue实现 1. 获取需要高亮元素的宽高以及left, top 使用 boundingClientRect 方法 2. 使用box-shadow 将其它区域遮盖住即可 具体步骤: 一、封装我们需要的数据 d 阅读全文

posted @ 2021-06-10 22:59 sjpqy 阅读(3064) 评论(1) 推荐(1) 编辑

2021年5月21日

记录一个多行文本收起展开demo

摘要: 最近的一个需求,当文本过多时显示省略,并显示展开按钮,点击展开,展开后可收起。 本demo参考:https://juejin.cn/post/6963904955262435336?utm_source=gold_browser_extension 本帖子只做个人使用记录,没有发布到首页 掘金小伙伴 阅读全文

posted @ 2021-05-21 17:57 sjpqy 阅读(125) 评论(0) 推荐(0) 编辑

导航