前端globalfilter response gateway
100%硬核解决前端复杂动画的秘密武器！
哈喽！大家好！我是程序视点的小二哥。 前端开发中，总会遇到这样一个困境：动画还原。对于前端开发工程师，有的是这样做的。 照着设计动画模仿，猜测动画时长，手创建贝塞尔曲线…… 调整细节耗时耗力，效果还差强人意... 好不容易实现了，还原度却达不到要求 在被UI设计折磨一顿后，小二哥找到了解决这个困境的 ......
go-zero开发入门之gateway深入研究1
创建一个 gateway 示例： // main.go package main import ( "flag" "fmt" "gateway/middleware" "github.com/zeromicro/go-zero/core/conf" "github.com/zeromicro/go- ......
vue 前端自动打开文件地址进行下载
最近在做异步导出的功能，导出的过程中前端另外启动一个查询导出进度的线程接口。如果导出完成后，把生成的文件上传到服务器，返回给前端一个文件的下载地址；前端自动打开这个地址进行跳转下载。 有两种方式 1.直接使用js自带的方式打开链接 这种方式有一个问题，会被浏览器自动拦截弹出的窗口：”已阻止弹出窗口“ ......
记录一次在k8s上，web服务内嵌的netty-socketio注册到nacos，gateway转发路由 遇到的问题
web服务内嵌的nacos怎么注册？ 使用java sdk方式 参考链接：https://nacos.io/zh-cn/docs/sdk.html 每个socket不同怎么设置端口 我这里使用的是注解，让用户传过来，并且在bean初始化之前进行变量存储。 这个链接里面的[netty-socketio ......
记录一次在k8s上，web服务内嵌的netty-socketio注册到nacos，gateway转发路由
注册到nacos的多种方式（本人只知道两种） 1. springboot中yml配置 2. java sdk方式注册 参考链接：https://nacos.io/zh-cn/docs/sdk.html 注意点：instance.setIp("127.0.0.1"), 这里的ip地址要与socketi ......
docker-项目部署-前端
3.2.部署前端 hmall-portal和hmall-admin是前端代码，需要基于nginx部署。在课前资料中已经给大家提供了nginx的部署目录： 其中： html是静态资源目录，我们需要把hmall-portal以及hmall-admin都复制进去 nginx.conf是nginx的配置文件 ......
前端界面
规划页面结构：根据需求设计网站或应用程序的整体结构，确定页面之间的关联。 界面设计：使用设计工具（如Sketch、Photoshop等），设计页面的布局、颜色、字体等。 切图和素材准备：根据设计图将界面元素切割成图片，并准备好所需的图标、图片等素材。 编写HTML结构：使用HTML标记语言创建页面的 ......
Spring Cloud Gateway的Filter中如果有耗时操作应该如何处理？
1，如果不处理，会大大影响吞吐量； 2，spring cloud gateway是reactive的编码风格，改造代码难度很大，很不习惯； 3，spring cloud gateway使用事件线程处理一个http请求 4，事件线程比较少（参考netty event loop），不能有耗时操作，否则影 ......
个人总结的前端命名规范
一个好的命名规范， 应该是简单的，方便记忆的；如非必要，不要新增新的命名规则；相似的类型，命名规则应该是一样，比如文件夹和文件名；差异很大的类型则需要有所区分，比如变量和常量的命名，因为常量是不能被修改的，内部变量和外部变量亦如此，人们可以借此很明显的区分是否可以函数区块外面使用；（通常来说 ， 常 ......
【前端面试必读】在js中为什么0.1+0.2不等于0.3
原因在于在JS中采用的IEEE 754的双精度标准，计算机内部存储数据的编码的时候，0.1在计算机内部根本就不是精确的0.1，而是一个有舍入误差的0.1。当代码被编译或解释后，0.1已经被四舍五入成一个与之很接近的计算机内部数字，以至于计算还没开始，一个很小的舍入错误就已经产生了。这也就是 0.1 ......
前端:数组中的map 和reduce方法
// 数组中的map 和reduce方法 // map() :接收一个函数,将原数组中的所有元素用这个函数处理后放入新数组中返回 let arr = [1, 2, 3]; // 写法1 箭头函数 arr = arr.map((item) => { return item * 2 }); consol ......
电子公文系统前端设计
电子公文系统前端设计的学习总结 1.需求分析与理解： 在设计电子公文系统前端时，首先需要深入理解用户和系统的需求。这可能包括与客户、最终用户以及其他利益相关者的密切合作。通过详细的需求分析，可以确保前端设计满足实际需求，并提供用户友好的界面。 2.技术选型与学习： 在前端设计阶段，选择适当的技术栈非 ......
前端所有元素标签在ts中的类型汇总
interface Type { "a": HTMLAnchorElement; "abbr": HTMLElement; "address": HTMLElement; "applet": HTMLAppletElement; "area": HTMLAreaElement; "article": ......
ThingsBoard 前端项目轮播图部件开发
前言 ThingsBoard 是目前 Github 上最流行的开源物联网平台（14.6k Star），可以实现物联网项目的快速开发、管理和扩展, 是中小微企业物联网平台的不二之选。 本文介绍如何在 ThingsBoard 前端项目中开发轮播图部件。 产品需求 最近接到产品经理一个需求，在 TB 仪表 ......
前端体验优化（2）——基建
在 2020 年刚加入公司的时候，我就确定要持续推进基建的建设，经过这几年的沉淀，完成了从 0 到 1 的跨越。 基建的目的是解决各类技术或业务问题，沉淀通用技术能力，提升工作效率，降低开发成本，直接或间接助力业务开展。 接下来会围绕项目重构、组件化、标准化、工具化、自动化、文档化和页面规范化几个方 ......
前端: 1.解构表达式;2字符串模板
解构表达式,定义一个数组 <script> // 解构表达式,定义一个数组 // 数组解构 let arr = [1,2,3]; let[a,b,c] = arr; //快速的将内容赋值到指定的变量上面 // const [a,b,c] = arr; console.log(a,b,c) // 对象 ......
前端学习笔记DAY2 HTML5基础（2）（b站pink老师）
二.HTML标签 4.HTML常用标签 4.1 标签语义 学习标签的重点是记住每个标签的语义。就是指标签的含义，即这个标签是用来干嘛的。 根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。 ※4.2 标题标签 <h1> - <h6> HTML 提供了 6 个等级的网页标题，即< ......
docker启动容器报错：Error response from daemon: driver failed programming external connectivity on endpoint
安装的docker启动报错如下： Error response from daemon: driver failed programming external connectivity on endpoint nacos (2b0f4edff8f640559af9626936d1b38d965302 ......
ferry前端项目部署
ferry项目地址：https://gitee.com/yllan （ferry为后端代码，ferry_web为前端代码）直接copy前端代码 文中ferry为后端代码，ferry_web为前端代码 一.安装依赖 我用npm安装会报错，具体原因没去分析，大概就是npm版本的问题，我的版本是npm@6 ......
response resul
配置响应公共代码和消息 SUCCESS(200,"成功"),FAIL(201, "失败"),PARAM_ERROR(203, "参数错误"),DATA_ERROR(204, "数据异常"),ILLEGAL_REQUEST(205, "非法请求"),REPEAT_SUBMIT(206, "重复提交") ......
前端学习DAY1 HTML5基础（1）（b站pink老师）
一、HTML简介 1.网页 1.1 什么是网页 网站是网页的集合，网页是网站中的一“页”（构成网站的基本元素）。 网页由图片、链接、文字、声音、视频等元素构成，通常是HTML格式的文件（.htm.或html后缀），通过浏览器来阅读。 1.2 什么是HTML HTML (超文本标记语言)，它是用来描述 ......
记录--前端中 JS 发起的请求可以暂停吗
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在前端中，JavaScript（JS）可以使用XMLHttpRequest对象或fetch API来发起网络请求。然而，JavaScript本身并没有提供直接的方法来暂停请求的执行。一旦请求被发送，它会继续执行并等待响应。 尽管如此，你可 ......
对比elment-ui 和vben 前端对表格的封装
看了这篇文章 优雅的使用 element-ui 中的 table 组件，突然顿悟了一些。 elment-ui的表格 <el-table :data="tableData"> <el-table-column prop="date" label="日期"> </el-table-column> <el ......
12.11 今天弄明白了怎么在前端写Java实现查询功能
//例：<% // Check if the query button is clicked if (request.getParameter("query") != null) { try { Connection connection = DatabaseConnection.getConnec ......
前端纯js字符串拼接导出excel
1 <html> 2 <head> 3 <p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件</p> 4 <button onclick='tableToExcel()'>导出</button> 5 </head> 6 <body> 7 ......
前端体验优化（1）——概述
前端体验优化地最终目的就是让用户的使用体感舒适，无阻塞、流畅的得到预期想要的结果，而其中的用户可分为三层：产品用户、公司同事和研发自己。UX、性能优化其实都是体验优化的子集，前端体验犹如下图的冰山那样，在水下别有洞天。 可以将体验优化大致分为 5 个模块，分别是终端、网络、前端、后端以及数据，这 5 ......
前端jwt解析方法
请求得到jwt生成的token之后得到base64编码的的加密token 可以使用atob进行base64解码,jwt加密分位三部分：头部header，载荷payload,签名signature每个都是用.隔开 所以已知原理我们现在进行解析 if (token) { const payload = ......
第一篇:前端基础之HTML
HTML文档标准结构： <html> <head> </head> <body> this is my second html... </body> </html> 【1】html标签 定义 HTML 文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其它元素要包裹在它里面，标签限定 ......