前端websocket
前端设计模式——MVVM模式
MVVM模式（Model-View-ViewModel）：它的目标是将用户界面（UI）的逻辑与业务逻辑分离。该模式的核心思想是将UI分为视图（View）和视图模型（ViewModel），并通过数据绑定实现二者之间的通信。 在MVVM模式中，视图（View）表示用户界面的呈现部分，视图模型（ViewM ......
websocket - w.php
on('Open', function ($ws, $request) { $ws->push($request->fd, "hello, welcome\n"); $GLOBALS['fds'][$request->fd] = 1; print_r($GLOBALS['fds']); }); // ......
谷歌浏览器插件：FeHelper（WEB前端助手）
背景 在现在的互联网时代，前端开发已经成为一个非常重要的领域。为了提高开发效率和质量，许多前端开发人员都喜欢使用一些相关工具来辅助他们的工作。而谷歌浏览器插件：WEB前端助手（FeHelper）就是其中一个非常受欢迎的选择。 FeHelper 是什么？ FeHelper 是一个谷歌浏览器插件，它提供 ......
Websocket保证接收消息完整性
用springboot起了个websocket服务端，有时候客户端发来的消息过长，无法接收完整，需要进行额外的处理 下面是处理的例子： @ServerEndpoint("/websocket") public class WebSocket { @OnMessage public void onMe ......
Web前端开发必看的100道大厂面试题
1. 说说gulp和webpack的区别 开放式题目 Gulp强调的是前端开发的工作流程。我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让Gulp执行这些task，从而构建项目的整个前端开发流程。通俗一点来说， ......
云计算时代前端如何保证开源代码的安全性
云技术和我们的生活息息相关，日常生活中访问的网页，刷的短视频，用的云盘等都是云计算提供的服务。那在云计算时代，前端可以做什么呢？ ......
websocket同步推送
需求： 要求websocket推送状态， 是一秒切换一次 对websocket传来的数据进行校验 export function evalPushData(val) { const failList = [null, undefined, ""] if (failList.includes(val) ......
vue前端实现上传文件,vue 上传文件
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
WebSocket 使用总结
服务端实现 IWebScoket 接口定义： public interface IWebSocketConnection { Action OnOpen { get; set; } //打开 Action OnClose { get; set; } //关闭 Action<string> OnMes ......
关于修改前端请求原生request加锁问题
1 正常情况后端获取前端的request请求：（原生已加锁，修改失效 校验） Map<String, String[]> parameterMap = req.getParameterMap(); ...... 报错：错误：java.lang.IllegalStateException: No mo ......
前端常见面试题笔记
/** * 防抖 * 一段时间内触发重新计时 */ function debounce (func, delay) { let timer = null; return function(){ if(timer) clearTimeout(timer) timer = setTimeout(() = ......
微前端架构：将应用拆分为多个小型模块，实现模块化设计
随着技术的不断发展和应用场景的不断变化，微前端架构也将不断演化和完善，成为更加成熟和稳定的前端架构模式，为开发者和企业带来更多的价值和机会。互联网应用的不断发展和迭代，传统的单体应用架构已经逐渐无法满足现代应用的需求。为了更好地适应快速变化的市场和业务需求，微服务和微前端架构成为了近年来的热门话题。 ......
前端设计模式——MVC模式
MVC模式（Model-View-Controller）：是一种前端和后端都广泛应用的设计模式。它将应用程序的业务逻辑、数据表示和用户界面分离，使得开发人员可以独立地修改各部分而不影响其他部分。MVC设计模式有助于提高代码的可读性、可维护性和可重用性。 MVC是Model-View-Controll ......
将前端图片转为base64存储至本地服务器，并返回URL存入数据库。Vue、Element-UI、axios、node.js
核心步骤：将base64转为buffer并用fs.write()存入.png文件中，即可得到一张可展示的图片，将其路径写入数据库即可。非二进制或blob对象 第一：获取图片文件，将其转为base64，通过axios发送至后台node.js服务器 HTML： methods中： getBase64(f ......
前端开发-CSS
三种CSS写法 1.在标签内书写 2.在head中书写 3.在外部文件书写 各种选择器 常用：类选择器，标签选择器，后代选择器 少用：ID选择器，属性选择器 多个样式覆盖问题： 1.样式不同时一起作用 2.样式相同时，取style中排序后面的 3.若要强制使用，则添加important，如 colo ......
前端开发-Html
HTML-head 1.<title> 标签定义了不同文档的标题 <title>文档标题</title> 2.<meta> 标签提供了元数据 <!--这定义网页作者--> <meta name="author" content="Runoob"> <!--为网页定义描述内容--> <meta nam ......
python flask 框架后端如何获取前端的表单数据 文本 单选框 多选框
文本 pyhon 后端用request.values.get("name") 去获取 if request.method == "POST": username = request.values.get("username") sex = request.values.get("sex") 二、多选 ......
直播网站程序源码，element el-menu，前端做菜单搜索
直播网站程序源码，element el-menu，前端做菜单搜索 方案一：递归+indexof 实现步骤： JS 实现树形结构数据的模糊搜索查询， 即使父节点没有，但子节点含有，父节点仍要返回。 /** * 递归tree关键词搜索 * * @param {key} 需要递归的key名 * @para ......
handsontable 前端类似excel组件
基于table https://handsontable.com/docs/javascript-data-grid/demo/ 基于canvas canvas-datagrid 基于canvas SpreadJS ......
【前端】IMG 标签 src 地址为 HTTPS 时，图片不显示
【前端】IMG 标签 src 地址为 HTTPS 时，图片不显示 1、问题描述 最近将网站升级为 HTTPS 时，发现富文本中的图片不能显示。如果单独将图片地址，在浏览器上请求，图片显示正常。 2、解决方法 自动将http的不安全请求升级为https 页面的head中加入： `upgrade-ins ......
前端项目代码阅读指南
0. 把项目运行起来，如果npm总是报错，并且项目年代久远，直接放弃，找一个能跑起来的看。 1. 看 package.json ，了解项目中用到了哪些依赖，这些依赖一般都是怎么使用的，项目结构大概什么样子 2. 看目录，猜一下每个目录下的文件都是干什么的 3. 看入口文件，一般是index.js，或 ......
Vue3 前端传递字典格式会变味
axios .post('http://127.0.0.1:5000/'+modalAction.value+'_data',modalData.value,{headers:{'Content-Type':'application/json;charset=UTF-8'}}) .then(resp ......
前端随笔
1、webpack的作用 模块打包工具，可以将项目打包成兼容浏览器的格式，或者打包成手机app等。 它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用 2、node的作用 ......
系统化学习前端之JavaScript（ES6：异步编程）
系统化梳理 JavaScript 异步编程相关知识点，包括 Promise，generator 生成器函数，以及 async await 异步函数等。 ......
前端pdf预览-pdfh5
遇到问题 用iframe、embed 标签死活都加载不出1M以上的文件，最后用开源项目 pdfh5解决问题 github连接： gjTool/pdfh5: web/h5/移动端PDF预览插件 (github.com) 1. 下载pdfh5 2.引包 <link rel="stylesheet" hr ......
前端性能优化——图片优化
前端性能优化——图片优化 一、图片优化措施 优化图片是 Web 前端优化的重要一环，因为图片是 Web 页面中最耗费带宽和加载时间的资源之一。以下是一些通过优化图片来优化 Web 前端的方法： 压缩图片：压缩图片可以减少图片的文件大小，从而减少加载时间。 使用矢量图形：使用矢量图形（如 SVG）可以 ......
前端项目首页加载速度及项目性能优化
提升首屏的加载速度或项目整体优化，是前端性能优化中最重要的环节，接下来跟大家分享一些常规且有效的首屏优化建议及做法。 一、路由懒加载 SPA项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有页面打包成一个文件，当用户打开首页时，会一次性加载所有的资源，造成首页加载很慢，降低用户体验，因此 ......
前端项目首页加载速度及项目性能优化
提升首屏的加载速度或项目整体优化，是前端性能优化中最重要的环节，接下来跟大家分享一些常规且有效的首屏优化建议及做法。 一、路由懒加载 SPA项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有页面打包成一个文件，当用户打开首页时，会一次性加载所有的资源，造成首页加载很慢，降低用户体验，因此 ......
前端性能精进（七）——构建
前端性能精进（七）——构建 前端构建是指通过工具自动化地处理那些繁琐、重复而有意义的任务。 这些任务包括语言编译、文件压缩、模块打包、图像优化、单元测试等一切需要对源码进行处理的工作。 在将这类任务交给工具后，开发人员被解放了生产力，得以集中精力去编写代码业务，提高工作效率。 构建工具从早期基于流的 ......
全面理解WebSocket与Socket、TCP、HTTP的关系及区别
6.WebSocket和Socket Socket 其实并不是一个协议，而是为了方便使用 TCP 或 UDP 而抽象出来的一层，是位于应用层和传输控制层之间的一组接口。 Socket本身并不是一个协议，它工作在OSI模型会话层，是一个套接字，TCP/IP网络的API，是为了方便大家直接使用。 更底层 ......