![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
分享
文章平均质量分 86
0522Skylar
这个作者很懒,什么都没留下…
展开
-
JavaScript代码优化
平常开发过程中,你是否会因为不知道如何优化代码而烦恼呀?来看看你有没有发现源码中的一些代码优化小技巧吧~~~原创 2024-03-28 21:12:26 · 612 阅读 · 0 评论 -
你真的完全了解window.location.href吗?
当服务器返回这个状态码时,它指示客户端应该使用GET方法(而不是POST或其他方法)来访问一个新的URL,并且这个重定向是临时的,客户端应该在以后的请求中继续使用原来的URL。这篇文章到这里就结束了,其实打开控制台,修改location.href的作用,就跟你打开一个新的浏览器tab一样,随便你如何更改这个url地址。其实输入window.location.href = ‘baidu.com’,页面是刷新了,根据上面的内容,我们知道,本来是要跳转到。掘金的官网地址,就有这样的效果,这是怎么实现的?原创 2024-02-23 15:43:38 · 2402 阅读 · 0 评论 -
深入探究node搭建socket服务器
自从上篇中sokect实现了视频通话,但是是使用ws依赖库实现的服务端,所以最近再看ws源码,不看不知道,一看很惊讶。接下来一点点记录一下,如何搭建一个简易的服务端socket,来实现上次的视频通讯。原创 2024-02-20 21:05:51 · 1699 阅读 · 0 评论 -
socket实现视频通话-WebRTC
最近喜欢研究视频流,所以思考了双向通信socket,接下来我们就一起来看看本地如何实现双向视频通讯的功能吧~原创 2024-01-02 21:33:04 · 1230 阅读 · 0 评论 -
web如何实现录制音频,满满干货(下篇)
好了,这就是录制+播放+下载+上传音频的正确方式,其实上面这些功能,就是第三方库js-audio-recorder的全部源码了。原创 2023-12-12 21:42:44 · 316 阅读 · 0 评论 -
Web实现悬浮球-可点击&拖拽&禁止区域
1.处理图像边界问题,最好画图,比较清晰,单纯的想象,容易遗漏2.JavaScript基础很重要。原创 2023-11-29 20:17:28 · 942 阅读 · 0 评论 -
微信内H5页面唤醒App
首先,简述一下这个需求的背景,产品希望能够让用户在微信内,打开一个h5页面,然后就能唤醒公司中维护的app,这个是为了能够更好的引流。原创 2023-11-05 17:08:30 · 3730 阅读 · 1 评论 -
react版音乐播放器的各种兼容问题
由于工作要求,需要制作一个h5页面的音乐播放器,其实如果放在原生做,效果会好很多,其实大多数app的音乐播放器也是原生做的,所以会要求你打开app再去播放音乐,但是有些特殊的情况,还是会用到h5播放器,比如说分享,把音乐分享给其他人,这个时候音乐播放器就是一个链接,这种情况下,能够保证在各个环境内都能够播放,就依赖于浏览器的功能,毕竟无论是qq,微信还是推特,社交软件上都内置了浏览器功能,这就允许分享到各个环境中。原创 2023-09-26 08:35:46 · 750 阅读 · 0 评论 -
谷歌面试-扔鸡蛋
今天想跟大家分享一个有意思的面试题,这让我再一次感叹思维的奇妙,接下来我们一起看看吧~首先来看看题目:你有2颗鸡蛋,需要以来判断在100层的高楼上,哪一层楼是鸡蛋的安全层。换句话说,就是需要确定我们从哪一层楼扔鸡蛋下去,鸡蛋恰好不会摔碎。高于安全层鸡蛋都会碎,低于安全层都不会碎。比如鸡蛋在第1层没有摔碎,在第2层摔碎了,那么鸡蛋的安全层就是第1层。这里有几个假设条件:没有摔碎的鸡蛋可以重复使用;每颗鸡蛋的坚硬程度都是相同的。原创 2023-08-26 22:35:16 · 6598 阅读 · 4 评论 -
项目部署之后页面没有刷新怎么办?
1.如果页面是协商缓存,如何获取页面最新内容?协商缓存比较好办,那就刷新页面,不过需要勾选Disable cache,但是用户不知道打开控制台怎么办?那就右击页面的刷新按钮,然后选择硬性重新加载,或者清空缓存并硬性重新加载,页面就获取到最新资源了2.如果页面没有设置cache-control,那默认的缓存机制是什么样的?默认是协商缓存,这也符合浏览器设计,缓存可以减少宽度流量,加快响应速度3.如果项目重新部署还是没有更新,怎么办?在确定项目已经部署成功。原创 2023-08-25 22:41:28 · 768 阅读 · 0 评论 -
tsup打包如何更改outFileName
首先简单介绍一下,什么是tsuptsup是一个打包工具,类似的有rolluptsup的优点:打包速度快,配置少,与ts兼容良好。原创 2023-08-11 21:57:20 · 372 阅读 · 0 评论 -
各种catch写法,你知道多少?
1.reject错误,会由最近的catch捕获,在被最近的catch捕获之前,后面的流程会中断执行2.finally是在then或者catch之后执行(不会晚于下一层对then或catch的捕获输出慢)3.最终是什么返回给下一层,如果finally有return,它的优先级是高于且覆盖then或者catch的return的。原创 2023-08-01 16:21:54 · 353 阅读 · 0 评论 -
h5页面如何与原生交互
本文讲述h5页面跟原生通信,比如在app内,调用相机,获取相册内的图片,在app内拉起微信小程序等等,h5页面没有这么多权限能够直接调用移动端的原生能力,这个时候就需要与原生进行通讯,传递一个信号给原生这边,然后原生直接调用手机端的能力。下面分别讲解h5与Android,ios系统通信。原创 2023-07-09 22:26:01 · 3987 阅读 · 1 评论 -
Node内存管理+垃圾回收机制
最近看到《深入浅出node》这本书,里面正好有内存控制, 加上最近看到一篇文章,也是讲了内存管理和垃圾回收机制。由于自己曾经做过一个ssl接口,导致node服务经常重启,我潜意识就怀疑是内存管理出现了问题,所以这次来专门学习这块知识点,下面是自己的一些分享。原创 2023-06-17 19:28:31 · 690 阅读 · 0 评论 -
微应用如何实现自动更新提示
先来介绍一下微应用的特点.微应用就是有一个主应用服务负责登录和管理各个子应用, 通常企业中的后台就是这样的比如有一个主应用app, 主应用中有很多很多子后台, 比如: 管理订单的(orderCenter), 管理用户信息的(userCenter), 管理考勤的(attendanceCenter)前端微应用框架中,qiankun最受欢迎, 使用量和star数量都很高。原创 2023-06-04 18:33:26 · 505 阅读 · 0 评论 -
vite源码分析之dev
最近研究socket, 所以就顺便看了一下vite源码, vite的热更新就是根据socket实现的, 所以正好记录一下.前端任何脚手架的入口,肯定是在package.json文件中,当我们输入script命令时, 会经历什么样的步骤呢?接下来我们一起来探索一下~~~原创 2023-05-27 18:24:11 · 1834 阅读 · 0 评论 -
客户端读取响应头+后端读取请求头的那些事
在一些特殊场景中,我们在客户端想要去获取服务端接口设置的一些自定义响应头,服务端该如何处理,客户端才能取到这些自定义响应头的值呢?特殊场景,我这里也举例一下,原生页面webView嵌入web页面。这个时候如果在app内,用户已经登录了,就需要h5页面能够拿到用户信息,但是登录信息在app中,所以需要原生把这个信息传递给h5页面。这个时候会有两种方法,一个是通过接口请求的方式,我们指定尽管是一个页面,在浏览器打开,但其实本质是一个get请求。所以能够通过这个接口传递数据;第二个方法就是与h5页面进行通信。原创 2023-05-19 21:44:54 · 1606 阅读 · 2 评论 -
ios中video标签兼容问题
前端来获取视频首帧终究不是上上策,因为前端处理视频,就需要视频加载这个过程,如果页面上有很多视频,那访问这样页面,岂不是要偷偷浪费用户流量来加载,最理想的情况是:用户点击播放,需要看哪个视频,就加载哪个视频,这样既能保证页面的响应速度,也能够保证不浪费用户流量,最重要的是用户体验感会增强很多。要解决此错误,您需要确保画布中使用的所有图像都托管在与您的网页相同的域中,或者它们具有适当的跨域资源共享 (CORS) 标头集。如果设置的截图时间t超过了视频时长,则返回视频的最后一帧关键帧。原创 2023-05-18 22:01:43 · 3662 阅读 · 1 评论 -
Node接入ChatGPT 的最强对手Claude
看一下它是如何自我介绍的。原创 2023-05-17 08:56:41 · 876 阅读 · 0 评论 -
使用railway部署Node项目及遇到的问题
大家好, 今天愚人节, 祝大家节日快乐~同时向大家推荐一个非常nice的网站, railway, 它能够免费部署项目, 大家赶紧来试试呀~~~原创 2023-04-01 20:32:19 · 1398 阅读 · 8 评论 -
使用indexedDB的正确打开方式和多种使用场景
针对以下场景,在不使用库的情况下,如何使用indexedDB数据库, 下面将介绍使用直接使用indexedDB的痛点, 最后给出解决方案一张数据表,大家应该都能够操作,但你会发现,只是简简单单的使用api,会出现一些意外情况,怎么解决这样的意外情况呢?请看下面的小demo但是当你删除这张表, 刷新这个页面, 再次打开时,你就会发现不能正常进行操作了Uncaught DOMException: Failed to execute ‘transaction’ on ‘IDBDatabase’: One of原创 2023-03-16 09:09:24 · 2330 阅读 · 3 评论 -
开发钉钉微应用,实现免登+调试
在PC端的钉钉工作台就能看到这个微应用了,你也可以正常调用钉钉接口,且在钉钉环境内了原创 2023-03-08 21:51:55 · 2130 阅读 · 3 评论 -
svg VS canvas,哪种在移动端适配度更好?实战经历告诉你~
最近做了一个画图的功能,后端提供棋盘数据,前端需要把数据转换成一个棋盘画出来,当时有两种实现方法,一种是使用canvas画图,一种是使用svg画图.原创 2022-11-19 18:32:31 · 1107 阅读 · 0 评论 -
当导入导出为同一个接口时,会产生什么样的“化学反应”?
虽然情况1和情况2两次的blob的类型不一致,一个是application/vnd.ms-excel类型,一个是text/xml,但是由于第三种情况的介入,必须要获取到后端返回的json格式数据显示。设置了responseType为blob类型,接口返回的数据如下:没有设置responseType时,接口返回的数据如下:目前是 解析 text/xml类型的blob, 成为JSON对象。如果大家有什么更好的处理方法,欢迎评论区讨论~~~原创 2022-10-20 08:57:40 · 571 阅读 · 0 评论 -
axios源码分析-超多案例分析图
Axios 提供了请求拦截器和响应拦截器来分别处理请求和响应,它们的作用是什么呢,一起来看看原创 2022-08-21 22:19:28 · 797 阅读 · 1 评论 -
VScode编写英文时出现奇怪字符
问题如图:提交代码的时候,自己不知道按了什么键,导致出现如下问题:于是我在代码里编写如下:解决办法:这是由于英文输入法时是全角导致的shift+空格键 (在中文状态下按shift+空格键,再转换成英文状态就OK)或者直接点击圆角/半角符...原创 2022-05-01 15:19:18 · 1008 阅读 · 1 评论 -
解决 get请求出现431状态码
这是由于get请求头过长导致的腾讯云解释(里面有很多奇怪的状态码解释):https://cloud.tencent.com/developer/section/1190190HTTP 431 Request Header Fields Too Large响应状态码指示服务器不愿意处理请求,因为它的头部字段太大。请求可以在减少请求头域的大小后重新提交。它可以在请求头字段的总数太大或单个头字段太大时使用。这个错误不应该发生在经过良好测试的生产系统上,但在测试新系统时可以更频繁地发现。这是怎么导致的.原创 2022-04-03 22:33:09 · 5469 阅读 · 1 评论 -
在线编译matlab,亲测好用
最近学习人工智能,老师让我们装一个19GB的软件,介于我的流量不允许我,加上我的电脑内存空间不允许我安装,我一直到现在也没有安装那个玩意,但是没办法,实验课要用到那个软件,一节实验课上完之后,我觉得想温习一下代码,奈何没有软件,于是我遇到了在线编辑器,这个网站可以支持在线运行matlab代码,很好用,欢迎大家测试网址:https://octave-online.net/...原创 2021-03-27 16:18:04 · 3029 阅读 · 0 评论