前端websocket
前端项目开发中如何统一代码风格？
一、问题 平时开发前端项目的时候，发现大家所用的编辑器都有所不同，编辑器中很多人喜欢制定自己的代码风格，这就导致协作的时候，大家的代码风格不统一。提交代码的时候会发现修改了大量的代码格式。 二、解决方案 使用eslint 和 Prettier 来统一代码风格并提高代码质量 三、解决步骤 在本文中，我 ......
深入理解前端字节二进制知识以及相关API
当前，前端对二进制数据有许多的API可以使用，这丰富了前端对文件数据的处理能力，有了这些能力，就能够对图片等文件的数据进行各种处理。 本文将着重介绍一些前端二进制数据处理相关的API知识，如Blob、File、FileReader、ArrayBuffer、TypeArray、DataView等等。 ......
前端SEO优化技术汇总
一、title、alt、h1 itle: 网站头部标签<head>下的title,网站名称备注：这里为什么不说标签中的title属性，，虽然鼠标上移可以显示图片名字，但是它跟SEO没一丝联系所以我们不关注它。 例如： <img title="图片名称"/> alt: 当网络速度很慢，或者图片地址失效 ......
记录--前端实现点击选词功能
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 今天有一个需求，点击选中某个英文单词，然后对这个单词做一些处理，例如高亮背景、查看一些详细信息等等，今天简单实现了一下，效果如下：（支持移动端，chrome和sarafi浏览器均能正常使用。语言🚀 vue3 + typescript) ......
web前端动画网址
很实用的web前端动画网址 1.https://lhammer.cn/You-need-to-know-css/#/zh-cn/2.https://chokcoco.github.io/CSS-Inspiration/#/3.https://qishaoxuan.github.io/css_tric ......
前端面试题-常见的水平垂直居中实现方案
方案一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten ......
前端定时器防抖节流
// 防抖（输入框可用） debounceFun (fun, time = 300){ clearTimeout(this.debounceTimer) this.debounceTimer = setTimeout(() => { fun() }, time) }, // 节流 throttleF ......
前端开发从入门到入土系列之——前端好社区（一）
当然可以。在中国境内，有一些非常受欢迎的前端开发专门社区，类似于墨天轮。这里为您推荐几家： 1. 掘金（Juejin.im）：掘金是一个优质的技术社区，汇集了大量的前端、后端、移动开发等方向的技术文章和教程。这里有很多经验丰富的开发者分享自己的心得和技巧。 2. V2EX：虽然V2EX不仅仅关注前端 ......
vue 后端传文件流前端解析并下载
注：很多小伙伴可能会出现，下载后乱码情况，因为后端传的文件流。 前端请求的时候，在请求体上需要添加申明： export function downloadExcelTemplate() { return request({ url: 'api/xxx/xxxx', method: 'post', r ......
汽车之家Unity前端通用架构升级实践
随着之家3D虚拟化需求的增加，各产品线使用Unity引擎的项目也越来越多，新老项目共存，代码维护成本也随之增加。代码质量参差加之代码规范仍没有完全统一产生高昂学习成本进一步加重了项目维护负担。
为应对这些问题，我们决定借助主机厂数科产品线销冠神器VR版本大升级为契机，开发一套移动端通用Unity代码... ......
Vue全局配置WebSocket
服务端可以主动向客户端推送数据，浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输 创建文件/xx/global.js，且在main中引用 // global.js 文件 export default { ws: {}, setWs: function(newWs) ......
前端ajax异步访问导致的问题
经过很多次尝试发现在执行return的时候异步访问中的给result_没有执行，后来发现在执行ajax的时候系统分出了另外一个线程单独执行ajax的代码，原来的线程继续往后执行导致还没有给result_赋值就已经执行了return语句而且后面那个单独分出来的线程执行完的时候，日志信息照样打印。所以一 ......
websocket多实例推送解决方案-数据实时展示
需求 需要前端展示实时的订单数据信息。如下图所示，实时下单实时页面统计更新展示 思路方案 前端使用websocket 建立通信 后端监听数据库的binglog变更，实时得到最新数据，推送到前端 现状及问题 客户端想实现实时获取数据的变更，使用了websocket+kafkaMq，当数据库变更的时候， ......
websocket.go
package main import ( "encoding/json" "fmt" "net/http" "github.com/gorilla/websocket" ) var UP = websocket.Upgrader{ ReadBufferSize: 1024, WriteBuffer ......
Python前端面试题
JavaScript(或 jQuery)如何选择一个 id 为 main 的容器 #main 2.JavaScript(或 jQuery)如何选择一个 class 为 menu 的容器 .menu 3.简述什么是浏览器事件流 DOM2级事件规定的事件流包括三个阶段： 1、事件捕获阶段 2、处于目标阶 ......
vue3 通过fuse.js 实现前端模糊查询
在项目中写好多个查询组件： 举个栗子： <template> <!-- 获取客户下拉数据，type 0 有限公司 --> <el-select v-model="current" :multiple="multiple" remote :remote-method="querySearch" :su ......
前端传数组，后端可用list接收，apifox对应用数据结构-array
一开始apifox的body设置如图 idea报错： Resolved [org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: Cannot deserialize value of ......
在docker 环境中 websocket 通过nginx代理 不通 怎么解决
如果你在 Docker 环境中使用 WebSocket 并通过 Nginx 进行代理，可能需要进行一些额外的配置才能使 WebSocket 正常工作。 下面是一些可能会导致 WebSocket 代理失败的问题以及相应的解决方法： 检查 Nginx 配置 在 Nginx 配置中，确保已经正确地设置了 ......
ai问答：vue3+pinia+WebSocket 封装断线重连（实战）
把socket实例 挂载到全局 为方便梳理，请忽略typescript # main.ts import {createApp} from 'vue' import App from './App.vue' import {socket} from "@/xihu/socket" import ro ......
2023前端面试题
1.什么是重绘和回流，有哪些措施可以避免回流，从而提高页面性能 重绘（repaint）和回流（reflow）是浏览器渲染页面时的两个重要的步骤。 重绘是指当一个元素的样式（如颜色、背景等）发生变化，但没有影响其布局（如位置、大小等）时，浏览器会将这个元素的新样式重新画到页面上。 回流则是指当一个元素 ......
如何利用Requestly提升前端开发与测试的效率，让你事半功倍?
痛点 前端测试 在进行前端页面开发或者测试的时候，我们会遇到这一类场景： 在开发阶段，前端想通过调用真实的接口返回响应 在开发或者生产阶段需要验证前端页面的一些 异常场景 或者 临界值 时 在测试阶段，想直接通过修改接口响应来验证前端页面是否正常 想验证后端服务响应比较慢的情况下，验证前端页面是否正 ......
UIOTOS：一款无门槛的前端0代码搭建工具
什么是UIOTOS？ UIOTOS中文名称前端大师，是一款基于图形技术的前端0代码工具，支持通过连线和嵌套无门槛来搭建各类复杂的的交互界面，包括后台管理系统、组态数据大屏等，实现跟代码开发媲美的效果。 为什么要做？ 前端技术更新快，开发和学习成本高 在软件开发领域，UI界面开发技术更新迭代最快，层出 ......
前端配置化表单组件设计方法
前端开发中涉及表单的页面非常多，看似功能简单，开发快速，实则占去了很大一部分时间。当某个表单包含元素过多时还会导致html代码过多，vue文件过大。从而不容易查找、修改和维护。为了提高开发效率及降低维护成本，下面介绍表单配置化组件的封装原理与封装方法。 ......
前端自定义分页
<el-table size="mini" stripe border fit height="406px" highlight-current-row :header-cell-style="{background:'#F0F3F8'}" :data="historyResearchUploadL ......
前端性能优化
1. 如果 应用层响应超时怎么处理解决 ？ 如果响应超时，可以采取以下措施来处理解决： 增加超时时间：可以增加请求的超时时间来尝试避免响应超时。可以在发起请求时，设置超时时间，如果在指定时间内未收到响应，则认为响应超时。 减少请求负载：如果请求负载过大，服务器响应可能会受到影响，从而导致响应超时。可 ......
前端知识点,资源,项目资源
中级前端需要掌握的知识点 JavaScript基础知识，包括ES6及以上版本的语言特性。 Vue框架的核心概念和实现原理，包括组件、指令、生命周期等。 React框架的核心概念和实现原理，包括JSX、组件、状态和属性等。 Web性能优化，包括代码压缩、CDN加速、懒加载等技术。 移动端开发，包括响应 ......
Mac M系列芯片 vue前端node-sass兼容问题解决
0、由于M系列芯片是arm架构，在使用brew安装node时都是arm的node，但是node-sass@4.14.1版本中不支持arm架构的出现如下报错： Error: Node Sass does not yet support your current environment: OS X Un ......
前端开发环境搭建踩坑笔记——npm install node-sass安装失败的解决方案
问题背景 开发新的前端项目时，总少不了搭建开发环境和执行npm install安装依赖包，但npm install的过程总是充满着玄学，很难保证一次性成功，其中尤其以node-sass这个包的安装失败问题最为常见。 像其他npm包安装失败，通常是因为网络问题，可以采用使用更好的网络环境或者切换源的方 ......
mock框架与测试（用mock工具模拟后端与前端对接调试）
mock简介应用在前后端分离的开发模式中敏捷管理中需要测试左移模拟后端与前端对接调试。实现满足接口逻辑通路，保证基本接口功能。 mock开源框架只需配置request和response就可以满足要求支持http/https/socket 协议支持在request中配置header、cookie、St ......