前端universal transfer故障
前端上传图片到EOS
最近个人小项目中用到了移动云的EOS服务，需求是前端直接上传图片到移动云的EOS，将返回的图片URL作为参数传给后端，步骤如下： 1、安装依赖：cnpm i aws-sdk 2、指定访问权限： 1 // 创建 plugins/aws.js 文件 2 const AWS = require('aws- ......
api下的 user.js 主要是从前端页面获取的接口
import request from '@/utils/request' // 登录接口 export function login(data) { return request({ url: '/vue-element-admin/user/login', method: 'post', dat ......
layui之静态表格的分页及搜索功能以及前端使用XLSX导出Excel功能
LayUI官方文档：https://layui.dev/docs/2/#introduce XLSX NPM地址：https://www.npmjs.com/package/xlsx XLSX 使用参考文档：https://juejin.cn/post/7003153489920524301 htt ......
优化线上故障排查与性能问题的方法
在面对线上故障和性能问题时，迅速而准确的排查是至关重要的。以下是一些优化排查的方法，帮助更有效地解决短时间内产生大量time wait请求的问题。 1. 监控和日志分析 通过监控系统实时监控应用的指标，特别关注与网络通信和连接有关的指标。检查日志以找到与time wait请求相关的信息，可能有网络异 ......
前端添加配置文件——webpack打包部署后可配置
1.在public文件夹下，新建config/config.js文件 window["edmConfig"] = { loginConfig: { loginSource: "d d d", loginUrl: "a a a", service: "c c c" } } 2.在index.html中 ......
袋鼠云数栈前端从 Multirepo 到 Monorepo 研发效率提升探索之路
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：星野 困境频生前端代码管理何解？ 前端代码管理一直是困扰着不少前端开发团队的难题，从开发到发布的整体工作流程中，除了常规的技术问题外，往往还伴随着沟通成本、维 ......
解决前端vue2报错 Error: Can't resolve cache-loader和Error: Can't resolve babel-loader等
总得说来报这种Error: Can't resolve+模块名字的错误，一般就只有两种原因：一、少了这个包（直接安装：pnpm add -D 模块名字@版本），二、有这个包，但是版本在package.json中不正确。需要和你的vue/cli-service的版本对应上，该降级的时候降级，降级一般先 ......
前端md5 js加密
cdn地址 <script src="https://cdn.bootcss.com/blueimp-md5/2.12.0/js/md5.min.js"></script> 使用 var hash = md5('value') // "2063c1608d6e0baf80249c42e2be5804 ......
现在前端的框架
你现在开发android,ios,小程序用什么工具，怎么开发的？还在单个端的开发吗？今天我们主要讨论的是一次开发多端使用的技术，也是这两年比较流行的开发方向。现在的终端太多了，app两个端android和ios,小程序有微信，头条，百度，支付宝，还有wap端，如果你每个端都开发一次，成本太高了，所以 ......
前端上传文件或者上传文件夹
文档 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input上传文件夹，主要的参数webkitdirectory 浏览器上传文件夹，浏览器会弹出询问窗口 兼容性https://caniuse.com/?search=webkit ......
前端实现文件上传（点击+拖拽）
一、简介之前在Vue项目中使用过element的上传组件，实现了点击上传+拖拽上传的两种上传功能。然后我就在想是否可以通过原生的html+js来实现文件的点击上传和拖拽上传，说干就干。首先是点击获取上传文件自然没的说，只需要借助input标签即可，但原生的点击上传按钮，实在是过于简陋，所以我的想法是 ......
Redis哨兵内存碎片化故障处理
背景介绍 近期研发同学反馈业务响应波动厉害，怀疑是Redis操作key比较慢的缘故。由于该环境是我一手安装部署的，我将进行问题排查。 Redis环境以及业务环境都已经使用Prometheus进行了监控。 环境说明 我们有两套一样的环境来服务不同的客户，另外一套环境中业务一直平稳运行，Redis并没有 ......
前端微服务架构1-项目启动及打包部署
启动 父子应用可以单独启动，单独启动就不说了 关于一起启动 1、安装npmall: npm install npm-run-all --save-dev 2、编写启动命令 "scripts": { "dev": "webpack-dev-server --inline --hot --progres ......
前端微服务架构2-路由配置
先声明我的项目使用的是history路由，hash路由的坑没有踩 父应用的路由 { path: '/compliancePromotion/:pathMatch(.*)*', //微服务，由于子应用可能还有二级菜单，所以子应用的所有菜单都得匹配上 name: 'compliancePromotion ......
前端微服务架构1-搭建项目
公司项目老旧，迭代时间过久，迭代人员水平一般的情况下还有添加新模块怎么办？ 这几天尝试了一下开源的微服务架构， 目前网上有两种开源框架： 1、蚂蚁的qiankun目前15.1k 2、京东的micro-app目前4.9k点赞， 前者的点赞量在github上更高，所以我选择了前者 搭建也不是很难，主要是 ......
有个前端跟我说，他只用div和span，这样做对吗？
HTML语义：div和span不是够用了吗？ 今天这篇是我们正式开篇的第一篇文章，我想和你聊聊 HTML。 我猜屏幕那一边的你估计会说：“HTML 我很熟悉了，每天写，这不是初级程序员才学的内容么，这我还能不会吗？” 其实在我看来，HTML 并不简单，它是典型的“入门容易，精通困难”的一部分知识。深 ......
多链路问题故障排查
1.登录宿主机节点 multipatch ll 查看链路状态： cat /sys/class/fc_host/host10/port_name 查看wnn 号 查看型号lspci |grep -i fibre 查看版本 modinfo qla2xxx|grep -i version Emulex 卡 ......
WIFI修复: 该设备无法启动代码10、AX201AX211网卡故障、由于该设备有问题代码43
修复wifi上网卡: https://haokan.baidu.com/v?pd=wisenatural&vid=15093590422726149586 我用的最后释放静电的方法, 一下就好了!!!!!! 以后笔记本注意,断电之后再放入书包里面,否则很麻烦. ......
【译】自制前端玩具框架
内容来源于“Let’s learn how modern JavaScript frameworks work by building one”，我在本文中不会逐字翻译，只会将关键部分列出。 React 是一个很棒的框架，但本文要实现的“现代 JavaScript 框架”是指“后 React 时代的 ......
盘点前端的那些Ajax请求：从ES5到React
说起前端开发，Ajax请求是绕不开的技术点。然而，程序语言更新换代越来越快，Ajax请求的方式也是各有不同。 在使用ES5开发的时候，我们还在使用最原始的XMLHttpRequest对象： // createXHR函数，返回浏览器支持的异步请求对象 function createXHR() { if ......
用户输入url，前端如何接收数据
获得用户输入的 URL： 你可以使用一个表单，然后通过一个 state hook (例如：useState）来获取和存储用户输入的 URL。 const [url, setUrl] = useState(''); const handleChange = (event) => { setUrl(ev ......
前端学习笔记DAY3 HTML5基础（3）（b站pink老师）
二.HTML标签 6.表格标签 1.1 表格的主要作用 表格不是用来布局页面的,而是用来展示数据的。 1.2 表格的基本语法 <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> （1）. <table> </table> 是用于定义表格的标签 ......
记录--前端验证码破解
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近受够了公司内部站点每次登陆都需要填写用户名和密码，还有输入验证码。 要是能够直接跳过登陆页面就好啦。 说干就干，决定使用油猴插件实现自动登陆功能。 其中最难解决的就是验证码破解，花了一天的时间完美解决，现在整理出来。 1.分析验证码 ......
前端项目练习(一) ---美食美客网页制作
项目名称：美食美客网页制作 技术栈：HTML + CSS 背景：熟悉使用HTML、CSS的使用 一、HTML代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport ......
短视频直播系统，前端比较常见的几种动画实现方式
短视频直播系统，前端比较常见的几种动画实现方式 我整理了如下的6种方式，接下来我们以最简单的例子，一个div从左到右移动一定的距离，分别看看这几种方案的具体实现。如有不妥还望指正。 一、CCS animation 这里省略了html部分，我们直接看css: .box{ height: 100px; ......
一款基于.NET Core的快速开发框架、支持多种前端UI、内置代码生成器
前言 经常看到有小伙伴在技术群里问有没有什么好用且快速的开发框架推荐的，今天就给大家分享一款基于MIT License协议开源、免费的.NET Core快速开发框架、支持多种前端UI、内置代码生成器、一款高效开发的利器：WalkingTec.Mvvm框架（简称WTM）。 官方项目介绍 Walking ......
前端监控系统Sentry企业级实战
一、前端监控系统 1. 什么是监控系统？为什么要对项目监控？ 在IT界内，监控系统指对项目运行的各项指标的实时记录的系统或服务，旨在提升项目质量和量化项目的各项指标，为项目发展提供可量化的依据。 一般来说项目监控是为了： 更快的发现和解决线上问题； 做产品和制定需求的决策依据； 为业务扩展提供了更多 ......
前端 - 前端项目引入外部字体
最近前端小朋友又遇到了一个问题，就是很多时候UI设计师设计出来的效果图都包含一些特殊字体，而众所周知，显示字体的前提条件是安装字体，可我们怎么能保证用户每个人本地都安装了我们需要的字体呢？ 答案是把字体文件放到前端项目中。我以当前遇到的字体为例说明一下步骤。 注意：我们因为是写Demo，所以不需要注 ......
前端大文件上传，断点续传
前语 无论是面试仍是实际作业，咱们都会遇到大文件上传的问题。事实上，在我之前的面试中，也被问到上传大文件（Excel）怎样处理，其时答的磕磕巴巴，直接导致整个面试以失利完毕。最近想起了整个作业，花了点时刻，整理出这个demo，当然了，整篇文章，不仅仅讲思路进程，毕竟也会附送源码 前端：Vue.js ......