前端websocket
WebForm后端调用前端JS
/*注意：定义的js方法一定要放在head里面，不能放下面，否则不生效*/ <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebFormBackEndCallFrontJsD ......
前端判断视频格式（H264、H265，解决谷歌chrome浏览器无法播放mp4问题）
chrome浏览器对某些mp4文件不支持，播放时只有声音没有画面。 这种情况一般是因为视频文件为H265编码，而chrome浏览器只支持H264编码的文件（谷歌没买H265的使用专利）。 解决方法一： 使用软件（格式工厂或命令行库ffmpeg）对文件进行转换，将H265转换成H264。 格式工厂： ......
php 接口与前端数据交互实现
最近在做前后端数据交互的尝试，也跳了很多坑，使用的是php+bootstrap-table+js，把一些收获记录在这里，方便查询。 这个小项目，仅有3个文件，分别为： crud.html data.php crud.sql 数据交互实现1：查询 mysql 数据库建表 php查询接口 前端数据展现 ......
vue前端接收数组；
后端 $this->assign('info',$expert); 如果是数组/对象，需要在接收页面这样写： 在data内变量赋值： info： <?php echo json_encode($info);?> 另外有其他写法： $this->assign('info',1); 如果是单个值： 在d ......
微前端：乾坤 VS 无界
共同点： 当路由切换的时候，可以去加载对应应用的代码，让其跑在容器里。 具备加载和卸载子应用的能力，页面从一个子应用切换到另一个子应用时，能正常进行加载和渲染； 具有路由状态保持能力，激活子应用后，浏览器刷新、前进、后退子应用的路由都可以正常工作； 主应用和子应用、子应用和子应用之间可以相互进行通信 ......
第七章、web前端架构师
目录十四、服务端技术选型-磨刀不误砍柴工1、导学2、nodejs框架选型3、介绍koa2和express4、egg.js5、nest.js6、数据库7、复习数据结构设计8、Mysql和Sequelize9、Mongodb10、date和时区11、Mysql和Mongodb的区别12、介绍Redis1 ......
前端实现文件的断点续传 大文件上传
整体思路： 前端 前端大文件上传网上的大部分文章已经给出了解决方案，核心是利用 Blob.prototype.slice 方法，和数组的 slice 方法相似，调用的 slice 方法可以返回 原文件的某个切片 这样我们就可以根据预先设置好的切片最大数量将文件切分为一个个切片，然后借助 http 的 ......
HarmonyOS网络管理开发—HTTP与WebSocket
一、 网络管理开发概述 网络管理模块主要提供以下功能： ● HTTP数据请求：通过HTTP发起一个数据请求。 ● WebSocket连接：使用WebSocket建立服务器与客户端的双向连接。 ● Socket连接：通过Socket进行数据传输。 约束与限制 使用网络管理模块的相关功能时，需要请求相应 ......
前端项目异常监控-全局捕获Promise错误
1.核心 全局监听unhandledrejection，该事件为Promise被reject时但没有reject处理器时（没有被catch处理），则触发该事件。（ async 函数内部的异步任务一旦出现错误，那么就等同于 async 函数返回的 Promise 对象被 reject。） 2.编写辅助 ......
前端canvas实现签名功能，可以横屏/竖屏签名
页面展示效果，点保存后生成图片链接 图片链接展示效果 这里只展示了竖屏签名效果，横屏自己粘贴代码测试 css .box {width: 98%;display: flex;flex-direction: column;margin: auto;} .canvasbox {width: 100%;bo ......
前端设计模式：工厂模式（Factory）
工厂是干什么的？工厂是生产标准规格的商品的地方，建好工厂，投入原料（参数），产出特定规格的产品。so，工厂模式就是把对象的创建 —— new() 封装起来，在工厂里实现对象的创建（商品的生产）。这样做的好处是用来解耦，解耦对象的消费（使用）和创建（实现），面向抽象编程 ......
abp 框架 前端 abp/vue docker Dockerfile
FROM node:lts-alpine as build-stage WORKDIR /app COPY package.json ./ RUN yarn install COPY . . RUN yarn build #代理nginx，nginx直接访问 FROM nginx:stable-al ......
前端代码格式化规范总结
在日常开发过程中，经常会碰到代码格式化不一致的问题，还要就是 js 代码语法错误等没有及时发行改正，下面就介绍一下如何使用eslint、prettier、husky、lint-staged、commitizen来规范代码格式和提高代码质量的方法。 目录 准备工作 代码检测 代码格式化 Git 规范 ......
前端最新支持四级及以下结构仿企查查、天眼查关联投资机构 股权结构 tree树形结构 控股结构
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件 ......
前端 跳动的字符
#loginText span { top: 20px; /* 让文本从上方留出15像素的距离 */ position: relative; /* 相对定位，为下面的动画做准备 */ transform: translate(-50%, -50%); /* 将元素置中，必须和position同时使用 ......
前端基础入门知识
1. windows 快捷键 tab + alt 切换窗口 一直点tab会选择切换（主要） shift + 小写状态下字母 = 输出大写字母 win + d 快速切换到windows桌面 shift + crtl 切换输入法 2. 浏览器快捷键 1. crtl + shift + c 打开开发者模式 ......
Web版Photoshop来了，用到了哪些前端技术？
经过 Adobe 工程师多年来的努力，并与 Chrome 等浏览器供应商密切合作，通过 WebAssembly + Emscripten、Web Components + Lit、Service Workers + Workbox 和新的 Web API 的支持，终于在近期推出了 Web 版 Pho ......
字节跳动前端技术博客水文点评 All In One
字节跳动前端技术博客水文点评 All In One
KPI / OKR 产物，不求甚解，没有深度
前端实现下载图片等文件资源 ......
【前端规范全攻略】开启高效开发之旅！ESLint + Prettier + husky + lint-staged+Commitizen
本文从两个方向出发：1、git 提交规范；2、代码风格统一 假如团队中的小伙伴在提交代码时没有遵循规范要求，例如只写了一个"修改"或"更新，这会给团队中其他小伙伴造成困扰呢，不得不花时间查看代码和推测逻辑。 不仅会浪费了时间和精力，可能会导致以下问题： 可读性差 维护困难 变更历史不透明 自动化工具 ......
[回顾-前端]从简陋的html到单网页再到全栈开发
👉点我去作业一 👉点我去作业二 👉点我去作业三(抱歉，还没部署到服务器里，这个只能在我自己的电脑里用) 👉点我去作业四 其实这依然是个博客 粗糙的作业一 当时只学过html,css,js的快速入门，对盒子<div>的玩法还不太熟，还只会用浮动盒子float和绝对定位,结局就是写两句html就 ......
odoo owl前端 action 通知
setup (){ this.action = useService("action"); } this.action.doAction({ type: 'ir.actions.client', tag: 'display_notification', params:{ 'title': "提醒", ......
前端利用fetch实现服务器健康检查
最近公司赛事较多，一些大型赛事部署了多台服务器，为了实时了解的运行状态，保障服务器正常运行，我用前端实现了一个服务器健康检查程序，可设置自动轮询检查或手动检查。 使用fetch发送ajax请求（服务器需要设置允许跨域），判断请求状态和结果来得出正常、超时、连接失败状态。代码使用vue3了浏览器版前端 ......
【前端动画】—— 再看tweenJS
16开始接触前端，一直对一个问题特别感兴趣，那就是js动画，也就是从那时起开始探究动画的各种表现形式，也是那个时候开始意识到编程这块东西最终考验的就是抽象和逻辑，而这一切完全是数学里边的东西。最早接触tweenJS是去年还是前年来着有点忘了，不过当时有点不大看得懂，勉勉强强算是过了一遍，不过有了这个 ......
SpringBoot进阶教程(七十七)WebSocket
WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 ......
【13.0】Fastapi中的Jinja2模板渲染前端页面
【一】创建Jinja2引擎 # 必须模块 from fastapi import Request # 必须模块 from fastapi.templating import Jinja2Templates # 创建子路由 application = APIRouter() # 创建前端页面配置 te ......
22.表单提交验证和前端MD5加密
onclick 用这个函数来绑定，onclick表示点击事件，当某个按钮被点击时发生表单加密就是为了在提交表单的时候对用户的个人隐私进行加密处理，利用md5进行加密可以有效避免恶意用户进行抓包来获取用户的隐私function f() { var zh =document.getElementById ......
Go每日一库之144：go-obs-websocket（OBS连接器）
# 推荐理由 互联网的兴起带动了直播行业的火热，除了少数直播网站有自己的推流工具之外，OBS是主流的推流工具，广泛应用在直转播技术之上。 # 简介 [go-obs-websocket](https://github.com/christopher-dG/go-obs-websocket)是一个与OB ......
Go每日一库之100：websocket
Go语言标准包里面没有提供对WebSocket的支持，但是在由官方维护的go.net子包中有对这个的支持，需要独立下载。 **Go websocket package 下载地址：** `http://code.google.com/p/go.net/websocket ` **Go get 命令下载 ......
直播平台开发，纯时间比较(时分)，不含日期，js前端比较
直播平台开发，纯时间比较(时分)，不含日期，js前端比较 //ajax请求后返回的数据success : function(data) {for (var i = 0; i < data.length; i++) {var rows = data[i];var rowTimeBegin=(parse ......
前端 - HbuilderX连接模拟器运行App
HbuilderX连接模拟器运行App 最近更换了一台开发电脑，然后将电脑中的HbuilderX和MEmu(逍遥模拟器)全部更新了，结果Hbuilder使用Android Run在模拟器上跑不起来安装包了，一直停留在如下页面上。 搜索了一大圈之后发现有不少人也遇到了我的这个问题，在官方论坛上开发人员 ......