- 博客(31)
- 资源 (3)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 【解决方案】监听浏览器关闭事件并进行前后端交互
2.第二点，可以通过performance.getEntriesByType(‘navigation’)[0].type === 'reload’判断页面进入类型是否为刷新来解决。1.第一点，原因是因为chrom最新的浏览器策略导致，新版本浏览器已修改，页面不发生任何交互事件时，此事件不触发。开发过程中碰到个需求，需要在浏览器关闭的时候调用一个接口，告诉后端页面关闭了，反复尝试后记录下解决过程。因为chrom的新特性，导致无法直接通过浏览器事件来判断，故需要新的解决方案。
2024-03-09 13:30:12
666
原创 ffmpeg+flv视频推拉流实现（demo版）
工作需要，记录一下前后端推拉流方案，基于HTTP-FLV协议，使用node + flv.js + ffmpeg进行前后端交互。此方案为demo版，目的是打通前后端链路，项目应用正在研究中。
2023-09-26 10:01:53
809
原创 webpack指南（项目篇）——webpack在项目中的运用
前面我们对webpack的基本使用进行了简单的介绍，今天我们来一起总结下webpack在项目中的使用。项目中开发和生产环境往往使用的是不同的请求地址和端口号，我们在配置的时候需要动态的去获取，不能固定写死，这个时候就需要用到环境变量了；1.webpack环境变量webpack 命令行 环境配置 的 --env 参数，可以允许你传入任意数量的环境变量。而在 webpack.config.js 中可以访问到这些环境变量。例如，–env production 或 --env goal=local。
2023-03-10 16:27:11
919
1
原创 webpack指南（优化篇）——webpack项目优化
面试的时候总是会问用webpack对项目做过哪些优化，今天我们就来详细列举一下常用的优化手段；前面我们利用webpack构建了一个项目，今天我们在原项目基础上进行优化，还没有观看的小伙伴可以移步看一下。关于webpack常见的性能优化，我们可以从两个方面去着手考虑：1.传输性能优化；通过优化代码体积等手段提高资源传输速度，达到优化目的；2.构建过程优化；主要是提高webpack的打包速度；
2023-03-07 23:15:44
933
1
原创 利用websocket实现一个聊天demo（超简单node版）
闲来无事做，刚好最近了解了websocket，那就利用websocket实现一个简单的聊天功能；两个页面a,b。在a页面输入内容发送后，在b页面打印出来，反之亦然；
2022-12-03 21:11:29
1131
5
原创 web worker实现一个简单的异步编程
假设一个场景，你的后端是个小白，你需要自己实现一个十万数量级的数据处理(当然这是不可能的)，你怎么办？我们今天就来聊一个解决办法：js的异步编程web worker。
2022-11-27 18:36:44
443
2
原创 vue proxy代理失效无法跨域问题
今天在研究vue代理跨域的时候，发现了一个很奇怪的问题：vue配置代理访问本地的node接口时，出现跨域问题，但是proxy代理配置的又没有问题。
2022-11-24 22:34:54
4113
1
原创 浅谈一下跨域问题
出于浏览器的同源策略限制。（协议、域名、端口任一不一致视为非同源）同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。导致非同源网站无法共享Cookie、LocalStorage 和 IndexedDB，也无法进行ajax交互。
2022-11-20 18:31:25
1066
2
原创 wangEditor配合腾讯cos实现图片上传
项目中遇到wangEditor配合腾讯cos实现图片上传的问题，查了一圈，大家写的方法都不能解决，最终自己试了出来，记录一下。
2022-08-28 21:17:30
368
原创 Vuex（一）各方法的使用详解
开门见山，为什么要使用vuex？在vue项目中如果我们要用到组件传值，一般会选用父子，子父通信的方式，对于简单的项目这种方式是非常方便的。但是对于数据量非常大的项目，是不可取的。Vuex就为我们提供了一种集中管理数据的方式；Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。...
2022-08-04 23:56:18
278
原创 vue使用echarts时created里拿到的数据无法渲染问题
**问题描述:在vue里使用echart时，created里请求的数据，但是却无法渲染；** **原因分析：** 通过vue插件调试，数据确实已经拿到了，但是却无法渲染，数据拿到，但是无法渲染，推断应该是执行顺序出了问题，获取的数据在渲染之后才拿到的。 **初步怀疑是await的问题**，加入验证代码测试一下...
2022-07-19 00:30:30
3532
2
原创 Node.js中全局对象global，module及this指向的一些理解
global是全局属性，凌驾于单独的模块之上，他的属性各个模块都可以访问到，不需要使用module.exports暴露刚才提到global是全局对象，那单个模块的顶级对象是什么，没错，就是module；module包含了当前模块的所有信息，而module.exports指的是当前文档所暴露的内容。这里打印结果是true，this指向了模块的exports，而不是整个模块，姑且理解为方便与其他模块交互吧，刨除其...
2022-06-24 19:29:27
1546
原创 Js中DOM操作详解
一、DOM是什么DOM：（Document Object Model）即文档对象模型。是W3C定义的访问文档的标准，他允许程序动态地访问、更新文档的内容、结构和样式；二、元素获取更改文档内容，首先需要获取元素对象，常见的获取元素的方法有标签，ID，类名等等；1.ID获取元素；通过ID获取是最方便的方式之一，但是一次只能获取一个，ID重复时，只获取第一个，对于需要大量获取的不太适用；document.getElementById('ID')2.标签获取元素；通过标签可以获取指定标签的全部
2022-05-21 21:26:14
2421
原创 bug分享（2）——js的循环事件绑定
循环事件绑定时js比较常用的一个功能，今天在实现的过程写了一个bug：button点击后报错“ Cannot read properties of undefined (reading ‘style’)”，经过一番查找后，分享给大家；一.功能介绍如下图有五个button,现在想实现点击后变色，同时其他颜色保持不变；二.代码实现乍一看，这个功能很简单，首先遍历button按钮，同时再绑定onclick事件，最后使用变量把循环值带出循环外，在循环开始时候清除上一个点击的样式就可以；代码实现如下：
2022-05-08 20:13:34
1132
4
原创 初识less语言（入门篇）
专栏—前端学习笔记文章目录专栏—前端学习笔记前言一、Less是什么？二、Less的使用1、安装2、导出css3、引入与禁止导出二、Less语法1、运算2、嵌套2.1父子级嵌套2.2同级嵌套3、变量4、混合4.1、整体调用混合参数4.2、部分调用混合参数4.3、调用混合参数的某个属性4.4、混合参数的传参5、实战练习总结前言这篇笔记算是给新手分享的入门篇笔记吗？嗯…怎么不算呢~你觉得less语法有什么优势呢？我觉得吧…嗯…less老师特别的努力…努力的让css书写…嗯…更加的…方便吧…这样的
2022-04-21 16:37:43
1368
3
原创 一文看懂flex布局
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言flex布局做为前端最为常用的布局方式之一，它的重要性不言而喻，今天我们来分享flex布局的应用；提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib
2022-04-18 17:53:01
5352
2
原创 html+css实现星系图
01-html+css+js实现时钟02-html+css+js实现骰子03-html+css+js实现点名系统文章目录01-html+css+js实现时钟02-html+css+js实现骰子03-html+css+js实现点名系统前言一、整体效果二、代码实现1.背景图2.主体星系总结前言本文通过html和css3D旋转属性实现星系效果。一、整体效果整体效果如下：1、文字逐行、渐变显示；2、背景星系图旋转；3、行星绕中心公转；4、行星自转；5、行星自身轨道绕行星旋转。效果图如下
2022-04-16 14:58:30
1984
原创 html+css+js实现点名系统
用随机数做了个点名系统，如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g
2022-04-14 20:01:04
964
原创 html+css+js实现骰子
做个骰子玩玩图片自行导入，或者移步我的资源下载：https://download.csdn.net/download/qq_42825643/85136030<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name
2022-04-14 19:56:15
1137
原创 html+css+js实现时钟
用2d变换通过旋转、定位、动画整了个时钟：html+css代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initia
2022-04-14 19:51:12
469
html+css+js实现骰子游戏
2022-04-14
html+css+js实现时钟
2022-04-14
vue项目代理不生效
2022-11-20
html中链接点击变颜色，刷新后颜色不恢复要怎么解决？
2022-03-20
TA创建的收藏夹 TA关注的收藏夹
TA关注的人