前端websocket
vue naive ui 前端获取日期数据传递给后端
vue naive ui 前端获取日期数据传递给后端 设置日期选择器 1. 使用表单输入绑定的方法把用户选定的日期传递给data中的值 (检查数据是否更新的方法) 2. 返回给后端的时间格式 后端想要接收的格式为json,其中包括starttime endtime 和macid，并且时间格式为<cl ......
前端实现一次menu侧边栏
前言使用动态数据之后 element menu 组件 高亮显示错误， 默认展开失效 两级侧边栏 封装侧边栏功能简单 数据 菜单栏数据格式 let Array = [{ title: "管理", routeName: "order", icon: "", path: "", expanded: fal ......
前端开发环境搭建--vue
1、安装node.js http://nodejs.cn/download 检查是否安装成功 node -v 使用如下语句解决 npm 速度慢的问题 npm install --registry=https://registry.npm.taobao.org 2、安装vue-cli npm inst ......
下载文件(Excel)功能，后端返回blob字节流，前端怎么处理？
在做大屏数据项目有个报表下载的功能,根据用户选择的时间下载对应时间的报表,后端返回的是文件流,前端需要怎么去处理呢？ 实现的功能效果： 后端返回的数据： 需要我们处理的乱码： 前端代码： 1 exportExcel(){ 2 axios({ 3 methods:"xxxx", 4 url："xxx/ ......
前端VUE自动检测版本更新
前言 当用户在当前站点停留时间比较长，中途站点进行升级更新之后，用户如果不刷新页面就任然停留在旧的页面里，如何让用户收到一个提示，引导用户进行更新操作呢？下面给大家介绍如何站点更新如何在生产环境提示用户更新，进行页面刷新操作，核心原理其实很简单。 一、思路1，每隔一小段时间fetch请求一次服务器首 ......
“前端”工匠系列（一）：合格的工匠，究竟该搞什么 | 京东云技术团队
此文为系列文章第一篇，为浅尝辄止的引入，目的是为了让前端从业人员及非从业但是对此领域感兴趣的人对于”前端“是干什么的这个话题有个无门槛的了解。 ......
websocket
WebSocket详解 目录 1、什么是Socket？什么是WebSocket？ 2、WebSocket的通信原理和机制 3、WebSocket技术出现之前，Web端实现即时通讯的方法有哪些？ 1、定期轮询的方式 2、SSE（Server-Sent Event，服务端推送事件） 3、Comet技术 ......
WebSocket协议：5分钟从入门到精通
一、内容概览 WebSocket的出现，使得浏览器具备了实时双向通信的能力。本文由浅入深，介绍了WebSocket如何建立连接、交换数据的细节，以及数据帧的格式。此外，还简要介绍了针对WebSocket的安全攻击，以及协议是如何抵御类似攻击的。 二、什么是WebSocket HTML5开始提供的一种 ......
Web前端已死？别带节奏了，说白了就是“卷”
趁着“前端已死”这个话题还有点热度，我想再好好聊聊这个话题。社区里怎么只有前端已死的论调，后端、DB、运维、连原生开发还在好好“划水”。前端却发出了哀嚎：前端已死，找工作好难啊。 前端技术精微渊深，除了基础的 HTML、CSS 和 JavaScript 技术外，还涉及前端框架、UI 库、自动化构建工 ......
前端replace替换字符的用法
替换一个/多个字符 // 替换多个 var content = "null undefined 123" content.replace(/null|undefined/,'111'); console.log(content); // 输出结果为 111 111 123 // 替换一个 var c ......
即时通讯技术文集（第14期）：WebSocket精华文章合集 [共15篇]
为了更好地分类阅读52im.net 总计1000多篇精编文章，我将在每周三推送新的一期技术文集，本次是第14 期。 [- 1 -] 新手快速入门：WebSocket简明教程 [链接] http://www.52im.net/thread-831-1-1.html [摘要] 通俗的讲，WebSocke ......
你想要的【微前端】都在这里了！
某次遇到一个从0到1的大型项目，该项目涉及两个端，除了鉴权和部分业务逻辑不同外，页面UI和其余逻辑几乎一致，遇到这种项目，该如何架构？既能保证项目顺利开发完成，又能保证后期的迭代、维护、可扩展？ ......
2023前端面试题一
元素类型 空元素 br hr 块级元素 div footer header section p h1 h6 行内元素 img input span 元素类型转换 display:block 独占一行，可以设置宽高 display:inline 不独占一行，不可以设置宽高 display:inline ......
Vue 前端设计模式梳理
一、什么是设计模式？ 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码，让代码更容易的被他人理解并保证代码的可靠性。 设计模式实际上是“拿来主义”在软件领域的贯彻实践，它是一套现成的工具，拿来即用。下面来看一下设计模式的设计原则。 二、设计几个原则 单一职 ......
Clang前端源码分析
Clang前端源码分析 C语言编译器之二，Clang Clang编译器是由APPLE公司的编译器大牛ChrisLattner主导下编写的，其目标是替换大名鼎鼎的GCC编译器； 2.1、Clang和GCC编译器架构 从源代码到可执行程序一般经过预处理、编译、链接过程，而编译是编译器的工作，编译分为三个 ......
数字前端工作总结
0. 前言 去年9月到现在总共做了两次ic的数字部分的开发，第一个设计是一个rfid的逻辑部分，第二个设计是一个多核处理器，我的工作主要是做架构设计以及主体代码的编写，模块代码一般分配给组里的其他研究生做。在做的过程中对一些问题有了反思，主要从工作流，设计约束和代码质量三个角度来做一下总结，希望反思 ......
2023前端面试题二
图片 png 无损压缩，尺寸体积要比jpg的大，适合做小图标 jpg 采用压缩算法，有一点失真，比png体积要小，适合做中大图片 gif 一般是做动图的 webp 同时支持有损或者无损压缩，相同质量的图片，webp具有更小的体积 css的盒子模型 标准盒子模型 margin/border/paddi ......
简单聊聊，使用Vue.js编写命令行界面,前端开发CLI的利器
Temir 介绍 Temir,一个用Vue组件来编写命令行界面应用的工具.开发者只需要使用Vue就可以编写命令行应用,不需要任何额外的学习成本. <script lang="ts" setup> import { ref } from '@vue/runtime-core' import { TBo ......
【Web】前端框架对微软老旧浏览器的支持
零、原因 最近要做一个项目，要能在学校机房运行的，也要在手机上运行。电脑和手机，一次性开发，那最好的就是响应式前端框架了。手机和正常的电脑兼容性问题应该都不大，但是学校机房都是Win7的系统，自带的都是IE8的浏览器。虽然有安装谷歌浏览器、360浏览器啥的，但是默认的还是IE浏览器。这就有一个问题， ......
websocket介绍
特点： 1.可以在浏览器里使用 2.支持双向通信 3.使用简单 全双工异步通信，tcp协议服用http握手通道 优点： 1.双向通信，实时性更强。 2.更好的二进制支持 3.较少的控制开销。连接创建后，ws客户端、服务端进行数据交换时，协议控制的数据包头部较小。在不包含头部的情况下，服务端到客户端的 ......
2022年Web前端入门自学路线（精简版）
本文的最新内容，更新于2021-10-09。大家完全不用担心这篇文章会过时，因为随着 前端技术的更新，本文也会随之更新。 本文的最新内容也会在GitHub上实时更新。欢迎在GitHub上关注我，一起入门和进阶前端。 我之前写过一篇文章：《裸辞两个月，海投一个月，从Android转战Web前端的求职之 ......
2018年-前端日记
2018年4月份 2018-04-25 userAgent相关：判断微信内置浏览器的UserAgent 2018-04-26 前端相关： 流程图制作工具：ProcessOn api方法的浏览器兼容性问题，可以在这个网站上看：https://caniuse.com/ CSS3的兼容性问题，不一定要使用 ......
2019年-前端日记
2019-04-02 Vue屏幕宽度自适应： https://blog.csdn.net/qq_25386583/article/details/77161478 https://blog.csdn.net/xuaner8786/article/details/81565219 2019-04-07 ......
2022年-前端日记
2022-03-30 有些Mac设备里，Safari浏览器的默认字体竟然是宋体，这太奇怪了。建议在页面的 body 标签设置字体族的优先级，还是很有必要的： font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang S ......
2022年Web前端开发流程和学习路线（详尽版）
本文的最新内容，更新于 2022-06-27，会在GitHub上同步更新，欢迎 star。大家完全不用担心这篇文章会过时，因为随着前端领域的技术更新，本文也会随之更新。 前言 前端侧重于人机交互和用户体验，后端侧重于业务逻辑和大规模数据处理。理论上，面向用户的产品里，所有问题（包括产品、设计、后端、 ......
【Nginx】配置俩前端，指定路径的时候报错的原因
# NGINX 配置文件 listen 80; server_name XX.XX.XX.XX ; # 配置前台的前端 location / { index index.php index.html index.htm default.php default.htm default.html; ro ......
前端进化笔记-JavaScript（二）
因为作者学过其他类c语言，就不对大家都熟悉的内容进行赘述了。 ###语法 JavaScript区分大小写 标识符：变量，函数，属性，函数参数的名称 第一个字符必须是字母，下划线（_），美元符号（$）； 关键字、保留字、true、false和null不能用作标识符 作者在后续阅读的过程中，发现对各种名 ......
Django - json_script 模板语言，将queryset转换为前端json数据
models.py class User(models.Model): name = models.CharField(verbose_name="Name", max_length=64) serializer.py class UserSerializer(serializers.ModelSe ......