前端websocket
18. 商品类别后端和前端接口实现【雪花服务】
因为有类别分级所以用到了一个外键字段即：parentId, 为了保证字段唯一，且便于扩展【数据量大了分库分表等】使用了goole开源的雪花算法如下： 参考文档：https://www.jianshu.com/p/0e6ffa8693b5 安装pysnowflake ： pip install pys ......
前端面试八股文
1.说说你对盒子模型的理解盒子模型分为border边距，content内容，margin外边距，padding内边距盒子模型分为俩种模式一种标准模式，一种IE模式标准模式计算方式：box-zing:content-boxIE模式计算方式：box-zing:border-box2.css选择器有哪些？ ......
[转]前端传嵌套对象参数给spring mvc
在使用springmvc开发web应用时，感觉springmvc的controller方法能自动将参数注入到方法的参数对象中，极大的方便了开发。但是，在遇到有嵌套对象的时候，比如订单对象有个属性是用户对象，就不好处理了。一种情况是，传递的参数都是作为post方法的请求体，我们可以用RequestBo ......
web前端开发常用的代码编写工具有哪些？
不同类型的开发人员使用的工具大有不同，所以说没有绝对好，对任何人员都适用的工具，我们只能以友好度，功能性，扩展性，界面/体验，跨平台等等这些来作为评判标准。 下面我们就给它分类并一一介绍： 大师级别 vi vi对于使用过unix的朋友来说，绝对是再熟悉不过的代码编辑器，有多少伟大的程序和代码是由vi ......
最全的WebSocket协议分析
0 实时跟服务端通信方案 1 轮询： 客户端向服务端无限循环发送http请求，一旦服务端有最新消息，从当次http响应中带回，客户端就能收到变化 2 长轮回（web版微信采用此方式） 客户端和服务端保持一个长连接（http），等服务端有消息返回就断开， 如果没有消息，就会hold住，等待一定时间，然 ......
前端开发手册
拟制人 xx 日期 2023/04/25 审核人 日期 批准人 日期 1.PC开发环境要求 1.1、开发工具说明 Visual Studio Code | Webstorm 1.2、PC开发框架和语言使用 开发框架：MVVM框架 开发语言使用了vue3、TypeScript 2.Pc开发规范 ......
无界（wujie）微前端结合若依框架，关于主程序加载子程序页面按钮权限指令所管理得按钮不展示问题
这个问题是由于加载权限接口慢于使用指令，加载时机得问题。 解决方案就是给指令里加上setTimeout 这样得话，结合js运行机制问题，setTimeout里得内容会推迟执行，这样就不会出现接口权限没加载完就执行了指令得问题。 ......
前端xml字符串转文件流，传给后端
点击查看代码 let formData = new FormData(); formData.append('file', new Blob([xml], { type: 'text/xml' }), '文件名.bpmn'); const params = { file: formData, hea ......
前端如何上传文件给服务器
上传文件到服务器常用的方法有两种 第一种：将文件转换成base64编码后使用POST上传给服务器 实现方法 URL.createObjectURL(BlobFile) //或者由canvas生成 canvas.toDataURL('image/jpeg',0.8) 优点： 可以将二进制文件转换为文本 ......
前端学习笔记--bootstrap
1.bootstrap3依赖jQuery？ 是的 官网https://www.bootcss.com/ 4版本以上不依赖。 2.如何导入？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</tit ......
前端简单小秒杀
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
jenkins流水线发布前端代码
pipeline { agent{ label 'hw' } environment { VERSION = sh(script: "echo `date '+%Y%m%d%H%M%S'`", returnStdout: true).trim() } stages { stage('克隆代码'){ ......
前端使用CryptoJS加密解密
1、安装crypto-js； npm install crypto-js --save-dev yarn add crypto-js --dev 2、新建unit.js写成公共方法 ； const CryptoJS = require('crypto-js'); //16位十六进制数作为密钥（秘钥为 ......
前端vue使用jsencrypt进行RAS加密/解密
前端 安装： npm install jencrypt --sava 在utils下创建jsencrypt.js文件，内容如下： import JSEncrypt from "jsencrypt/bin/jsencrypt.min"; /** RSA秘钥对生成网站 http://web.chacuo ......
前端事件循环和nextTick原理
一、事件循环机制 概念原理这东西还是需要理解的，这样才能融通知识点。下面是浏览器进程和线程组成 上图中与前端关系比较大的是渲染线程，它主要负责将HTML、CSS、JS资源解析渲染还负责事件循环、异步请求等多个方面。 1、GUI渲染线程：负责页面的绘制和渲染，HTML、CSS资源解析、渲染树的生成、页 ......
前端开发规范
什么是规范 规范就是一个大家都认同,都接受的一种模式.为什么要有这个规范呢,一是让自己的代码的可读性更高,别人一看就懂,二是也方便自己去回顾自己的代码. 提高开发的效率,使自己写出的代码不至于成为屎山. 规范的分类 HTML编码规范 变量名命名规范 文件夹命名规范 组件命名规范 编码格式规范 规范的 ......
请求后端时后端获取不到前端的传参（已解决）
问题描述; 前端使用post请求后端接口，请求时把数据一起传过去的，但是后端获取不到，检查过请求， axios请求后端拿不到数据的解决方案 请求没有问题，数据都在，但是后端还是取不到， 后来借鉴这篇博客解决了，原因在于这样的请求触发了axois中的一段特殊代码而导致不能把数据传输过去 https:/ ......
前端不跳转替换URL参数
var HtmlPrefix = ""; function ReplaceURLParam(){ var urtTarget = "PageRowID=" + id+ "&page=BasicInfo"; var encryData = window.btoa(window.encodeURICom ......
ai问答：使用 Vue3 组合式API 和 TS 封装 websocket
这是一个使用 Vue3 组合式 API 和 TS 封装 websocket 的例子 那么，可以通过组件： 输入消息并点击发送按钮 触发 sendMessage 方法,通过 WebSocket 连接发送消息 接收来自 WebSocket 服务端的响应消息 监听 WebSocket 状态变化 impor ......
轮询、长轮询和websocket
轮询 从字面意思理解，轮询是不断的询问服务器然后获取资源的一种方式，可以解决像多次TCP连接造成的服务器堵塞(但是多次发送http请求也会浪费服务器资源)。 长轮询 长轮询是轮询的一种变种，我理解的是轮询相当于是每隔一个时间去发送http请求询问数据，长轮询会根据情况去决定间隔的时间，比如会根据你重 ......
vue前端使用nexus配置npm私有仓库
当我们运行前端项目的时候，常常在解决依赖的时候会加上一个参数npm install --registry=https://registry.npm.taobao.org将源指定为淘宝的源，以期让速度加快起来，事实上这种的确能够让速度变快，但是长久来看，如果想真正的快速敏捷开发部署，搭建企业内部的私服 ......
web前端pdf.js预览pdf实例创建报错：Array. prototype` contains unexpected enumerable properties
使用pdf.min.js是预览pdf文件，但是在实例化时异常报错，下面是实例化的代码 var loadingTask = window.pdfjsLib.getDocument(url); console.log(loadingTask); this.pageNum = 1; this.pageRe ......
前端入门知识
1 关于 tpl 格式文件 以前的前端页面都是.html格式的，现在出现了.tpl文件，是template的缩写，发现他就是前端页面，写的也是html。 应该是前端模板Smarty的一个格式。可以在Dreamviewer中打开，进行可视化编辑。应该也可以使用PS打开。 ......
前端进化笔记-JavaScript（一）
###简介： 实现：三部分 ecmascript语言核心 DOM文档对象模型 BOM浏览器对象模型 DOM：用于html的应用程序接口（API），把整个页面映射成一个多层节点结构。 例如： <html> <head> <title>sample page</title> </head> <body> ......
优化数字前端工作流的小脚本
使用python编写了两个优化工作流的小脚本。在前端设计工作时，我的工作流是：初步规划端口（markdown）-> 初步rtl代码设计（verilog）-> 完整rtl代码设计（verilog）-> 输出最终端口（markdown） 所以这里涉及两个可以自动化的步骤，一个是把我用markdown下画 ......
【前端可视化】ECharts中国地图+散点图demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
Vue3 +element-plus+ wangEditor 富文本编辑器+前端七牛云上传
我用的vue3，element-plus ，没用ts 搭建wangEditor 参考 地址 https://www.cnblogs.com/xbxxf/p/16791084.html 本来就是抄大佬的，就不复制粘贴了 主要是整理关于七牛云部分的代码，秉着复制就能用的原则，我把自己封装好的组件复制过来 ......
web前端三大主流框架对比
关注我了解更多web前端技术知识，带你一路“狂飙”到底！上岸大厂不是梦！ web前端开发框架是在前端工程师中经常会用到的内容,可以大大减少项目中的bug,节约开发成本,加快项目周期。在使用web前端开发框架之前,需要先了解web前端三三大主流框架有哪些。目前web前端三大框架Angular、Reac ......