前端websocket
【校招VIP】前端算法考察之排序
考点介绍： 不同的场景中，不同的排序算法执行效率不同。 稳定：冒泡、插入、归并 不稳定：选择、快速、堆排序、希尔排序 一、考点题目 1、使用js实现数组的快速排序 解答：快速排序使用了冒泡+分治的思路。 每轮从数组中取出一个数作为基准；在排序过程中，小于或等于基准数的全部放到基准的左边，大于基准的全 ......
前端大数精度处理方案
问题 在我们常见的 JavaScript 数字运算中，小数和大数都是会让我们比较头疼的两个数据类型。 在大数运算中，由于 number 类型的数字长度限制，我们经常会遇到超出范围的情况。比如：后端给前端返回一个数字类型的 id，但是前端对这个 id 不做任何处理，直接使用到下一个给后端请求的时候，接 ......
【转】前端 commit 规范
【转】前端 commit 规范 什么是约定式提交 约定式提交（Conventional Commits）是一种用于代码版本控制的规范，旨在通过明确和标准化提交信息来提高代码协作质量和效率。其基本原则是通过规定提交信息的结构和语义来提高代码版本控制的可读性、可维护性和自动化程度。 约定式提交规范通常要 ......
在SpringBoot中使用WebSocket
一、概述 最近在SpringBoot中用到了WebSocket的功能，在此记录一下使用步骤。SpringBoot使用WebSocket还是比较简单的，只需要4步就行了。如下 二、使用步骤 第一步： 在pom.xml文件中导入坐标 <!-- websocket dependency --> <depe ......
搭建前端Vue框架的步骤，包括TypeScript、ESLint、Prettier和Vite的配置
搭建前端Vue框架需要以下步骤： 1. 安装Node.js和npm 2. 创建一个新的Vue项目 ``` vue create my-project ``` 3. 安装TypeScript ``` npm install --save-dev typescript ``` 4. 配置TypeScri ......
5个前端开源项目带你在Web上体验Windows
本文来分享五个 yyds 的开源项目，这些项目把 Windows 带到了 Web 平台上。让我们一起感受这些项目带来的回忆和创新，重温 Windows 93、98、XP 和 7 的经典界面，甚至探索现代概念中的 Windows 11 和 12！ Windows 12 使用 JavaScript、CS ......
使用哪种注解处理后台Map参数类型，探究前端发送请求URL限制
## 如何处理接口参数是Map类型探究URL限制 ### 法1：前端发送Get请求 需求：为了得到分页结果，我将分页时需要的参数封装到Map中进行传递 ```java @GetMapping("/page") public R queryPage(@RequestParam Map params){ ......
【校招VIP】前端校招考点之页面转换算法
考点介绍： 在地址映射过程中，若在页面中发现所要访问的页面不在内存中，则产生缺页中断。当发生缺页中断时，如果操作系统内存中没有空闲页面，则操作系统必须在内存选择一个页面将其移出内存，以便为即将调入的页面让出空间。而用来选择淘汰哪一页的规则叫做页面置换算法。 一、考点题目 1、下述（）页面淘汰算法会产 ......
移动前端不得不了解的html5 head 头标签
本文主要内容来自一丝的常用的 HTML 头部标签和百度FEX的HTML head 头标签。 移动端的工作已经越来越成为前端工作的重要内容，除了平常的项目开发，HTML 头部标签功能，特别是meta标签显得非常重要。 DOCTYPE DOCTYPE(Document Type)，该声明位于文档中最前面 ......
用AR和VR改变网页体验 - 前端黑科技大揭秘
随着科技的不断发展，前端技术也在不断演进。近年来，增强现实（AR）和虚拟现实（VR）技术的崛起，为网页体验带来了全新的可能性。本文将探讨如何利用AR和VR技术来改变网页体验，为读者带来前所未有的视觉和交互体验。 ## AR技术在网页中的应用 AR技术通过将虚拟元素叠加在现实世界中，为用户创造出全新的 ......
abp-vnext-pro 实战（九，前端vue和vben学习）
vben效果 Vben Admin (vvbin.cn) 对应的代码在 vue-vben-admin/src/views/demo/page/form/basic/data.ts at main · vbenjs/vue-vben-admin (github.com) { field: 'time' ......
前端工程化实践 All In One
前端工程化实践 All In One
提高效率, 保证质量，降低成本，产生价值
前端工程化是什么
把软件工程的最佳实践应用到大型前端项目上，对大型前端项目进行工程化的开发和管理.
前端工程化本质
减少不必要的重复劳动，提高开发效率，保证代码库质量，降低后期迭代、维护的风险和成本，为公司和个人带来真正... ......
04.node.js websocket
一、概念 Node.js WebSocket是一个用于建立实时双向通信的模块。WebSocket协议允许服务器与客户端之间进行全双工通信，其API使用了事件驱动和流式的方式。 二、客户端 三、服务端 参考：https://developer.mozilla.org/zh-CN/docs/Web/AP ......
前端项目报EISDIR: illegal operation on a directory, read这个错误
背景： 我用webstorm开发前端页面时，项目用Vue3来开发，出现如下报错。 ![image-20230824171957615](https://img2023.cnblogs.com/blog/2355908/202308/2355908-20230824173234954-82254241 ......
vue-manager-system前端开发使用
github地址，感谢作者xzfxz开源 https://github.com/xzfxz/vue-manager-system 1. cnpm install 2. cnpm run dev 3. cnpm run build ......
关于前端接口的formData传参
工作中遇到个简单的问题，后端提供接口需要前端用formdata 传文件和普通对象参数拼接的参数； 本来是个简单的问题，记录一下做个简单的总结顺便梳理下相关基础性知识点： ##### 1. formdata 将数据转换成键值对进行传参, key是唯一，一个key可以对应多个value，如果是使用表单初 ......
Nginx-配置WebSocket反向代理
客户环境因开放端口有限，部署Portainer后默认端口无法访问，故使用nginx做转发，按照正常http协议配置nginx，启动后发现portainer默认的进入容器的功能无法使用，排查后发现报错如下。 ![](https://kingcarp.oss-cn-beijing.aliyuncs.co ......
对于用户名密码前端加密的爆破
前言 目前越来越多的网站系统在登录接口、数据请求接口中加入各式各样的加密算法，甚至有些网站在每次请求前都动态请求加密密钥等措施，对接口渗透工作造成较大障碍，简单对登录接口暴力破解时字段被加密，如何处理加密内容进行暴破来进行一个简单思路的分享。 常规思路 前端js逆向，通过对js里的加密算法进行破解， ......
前端命令——编译文件ts scss sass 等
## 1. 安装 ```bash npm install -g typescript ``` ```bash tsc --initÏ ``` ## 2. 使用方法 ### 2.1、将ts文件转化为js ```bash tsc index.ts ``` 会自动生成对应的index.js文件 ### 2 ......
node前端的流水线pipline案例
``` pipeline { agent { kubernetes { cloud 'kubernetes-dev' slaveConnectTimeout 1200 workspaceVolume hostPathWorkspaceVolume(hostPath: "/opt/jenkins/wo ......
前端页面不同屏幕适配-（postcss-pxtorem插件）
# 背景 开发中我们常用`px`作为网页的单位，但是`px`在不同屏幕下不会自适应，这样会导致网页元素在小屏幕下的话会变得相对比较大，在大屏幕下会变得相对比较小 # 解决方案 https://juejin.cn/post/7217999296263553081 https://vant-contri ......
前端开发进阶：前端开发中如何高效渲染大数据量？
在日常工作中，有时会遇到一次性往页面中插入大量数据的场景，在数栈的[离线开发](https://www.dtstack.com/dtinsight/batchworks?src=szsm)（以下简称离线）产品中，就有类似的场景。本文将通过分享一个实际场景中的[前端开发](https://www.dt ......
WebSocket介绍与结合spring boot的入门小案例
## 3. WebSocket ### 3.1 介绍 WebSocket 是基于 TCP 的一种新的**网络协议**。它实现了浏览器与服务器全双工通信——浏览器和服务器只需要完成一次握手，两者之间就可以创建**持久性**的连接， 并进行**双向**数据传输。 **HTTP协议和WebSocket协议 ......
内存泄漏（前端）
# 内存泄漏 这是我在部门做的内部分享，得到大家很好地反馈，现分享出来 ## 理论 ### 概念 * 程序在申请内存后，无法释放已申请的内存空间 #### 与内存溢出的关系 * 内存溢出是程序在申请内存时，没有足够的内存空间供其使用 * 是内存泄漏的最终结果 ### 垃圾回收（GC） #### 内存 ......
【校招VIP】前端校招考点之行内/块级元素
考点介绍： 行内元素会在一条直线上排列（默认宽度只与内容有关），都是同一行的，水平方向排列。块级元素各占据一行（默认宽度是它本身父容器的100%（和父元素的宽度一致），与内容无关），垂直方向排列。块级元素从新行开始，结束接着一个断行。 答案详情解析和文章内容可扫下方二维码或链接即可查看！ 一、考点题 ......
前端好用API之MutationObserver
https://www.cnblogs.com/xwwin/p/16587930.html 前情 一直以来都没有好的方式可以监听元素变化，Mutation events虽然可以监听DOM树结构变化，但是因性能问题和差的兼容问题（Webkit内核不支持）并不推荐使用。 MutationObserver ......
【前端基础总结】
# [Web前端参考手册](https://www.cnblogs.com/dream-ze/p/17524779.html) # [【前端引入】](https://www.cnblogs.com/dream-ze/p/17524705.html) # 【HTML】 ## [【1】web服务端本质] ......
前端codeReview规范指南
一定要看的前端codeReview规范指南 一、前言针对目录结构、CSS规范、JavaScript规范、Vue规范可参照官方给出的 风格指南这里主要总结业务开发中常遇到的代码问题和实践，帮助大家后续各自做好codeReview，一些你遇到的典型问题，也可以在留言区评论，帮助团队共同进步。 二、实践规 ......