前端highcharts error
前端打包部署后接口BASE_URL不对问题解决办法
在前端打包部署时，为了免去不同环境打包的麻烦，项目用的流水线触发方式。在这里不细说，重点说说下面情况。 当项目提交打包部署后，访问压测环境或者生产环境的地址来使用项目时，发现接口报错404。 在NETWORK里发现接口的BASEURL和当前环境需要调用的后端baseurl不同。 主要问题在于配置问题 ......
【前端可视化】Canvas 绘制图层覆盖了怎么办？
`ctx.globalCompositeOperation = 'destination-over';` >Canvas 2D API 的 CanvasRenderingContext2D.globalCompositeOperation 属性设置要在绘制新形状时应用的合成操作的类型，其中 type ......
前端使用Blob生成伪链接
Blob（二进制大对象）是一种特殊的数据类型，用于表示二进制数据。它可以保存任意类型的数据，包括图像、音频、视频、文件等。 Blob 对象通常在浏览器环境下使用，它提供了一种在客户端处理二进制数据的方式。Blob 对象包含两个重要的属性：`size` 和 `type`。 - `size` 属性表 ......
前端项目创建
1.public文件 1.1 ico文件是浏览器上显示的小图标 1.2 index.html 单页应用的唯一html文件 2.src文件夹 2.1 api会去封装我们发给后端的请求 2.2 request.js帮我们封装了axios 2.2.1 请求拦截器 帮你往请求头里面塞数据进去 2.2.2 响 ......
前端埋点、pv/uv统计、前端监控
1. pv/uv统计 pv: 页面重复浏览量 统计方式，多页面应用通常在页面load事件，单页应用通常在页面路由中 uv: 页面独立访客浏览量 统计方式，pv统计的基础上，添加唯一标识，可以是IP地址，用户浏览器localStorage存储的uuid等。 IP地址存在局域网内的共享一个ip、代理、动 ......
docker报错：Error response from daemon: driver failed programming external connectivity on endpoint likeshop-nginx
重启docker-compose时，nginx服务报错。 报错信息： Error response from daemon: driver failed programming external connectivity on endpoint likeshop-nginx (f0a809481f5 ......
前端Vue自定义手机号文本格式化组件手机号码文本转星号
#### 前端Vue自定义手机号文本格式化组件, 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13231 #### 效果图如下: : Host 'xxx' is blocked because of many connection errors. Unblock with 'mysqladmin flush-hosts'”，在问题解决后，在详细了 ......
618技术揭秘：探究竞速榜页面核心前端技术
本文将探究京东竞速榜H5页面的核心前端技术，包括动画、样式配置化、皮肤切换、海报技术、调试技巧等方面，希望能够为广大前端开发者提供一些有用的参考和思路。 ......
前端文件上传的几种交互造轮子
前端文件上传本来是一个常规交互操作，没什么特殊性可言，但是最近在做文件上传，需要实现截图粘贴上传，去找了下有没有什么好用的组件，网上提供的方法有，但是没找完整的组件来支持cv上传，经过了解发现可以用剪贴板功能让自己的cv实现文件上传，于是自己就整合了目前几种文件上传的交互方式，码了一个支持cv的vu... ......
webpack前端项目调试环境安装入门：禁用UglifyJs只合并JavaScript不压缩混淆代码
webpack是目前比较流行的前端build工具，本质上是一个模块打包器。合并压缩JavaScript,css,图片等。 目前有很多开源项目使用webpack进行打包，下面介绍的是如何编绎这些开源项目。 webpack安装 webpack目前的版本较多，各个版本使用上区别也较大，一般在项目的 pac ......
远程连接服务器数据库报错：Host ‘XXXXXX’ is blocked because of many connection errors
一、我遇到的问题描述 使用Navicat for mysql连接公司的服务器数据库，报错：Host ‘XXXXXX’ is blocked because of many connection errors 二、出现错误原因 同一ip在短时间内产生太多（超过mysql数据库max_connectio ......
了解微前端
什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 微前端架构旨在解决 ......
前端解决跨域
重新整理了下 Vue 的接口去跨域的事，其实就两个地方实际生效，其他地方乱写端口什么的反倒是阻碍了。这边展示 Vue3+Vite 的例子： ```js // 写在vite.config里 server:{ port:81, //定义前端程序使用的端口 disableHostCheck:true, p ......
前端项目部署到nginx
# 前端项目部署到nginx 1. 配置好本地的nodejs环境 2. 切换到前端项目所在的文件目录 3. 以命令行的方式运行`npm run build`命令 4. 命令执行成功会生成dist文件夹，将文件夹中的内容压缩上传到nginx_html数据卷对应的目录下 5. 执行解压命令`unzip ......
mac 下使用 brew 安装包报错 error: Cannot install under Rosetta 2 in ARM default prefix (/opt/homebrew)!
mac 下使用 brew 安装包报错 error: Cannot install under Rosetta 2 in ARM default prefix (/opt/homebrew)! To rerun under ARM use: arch -arm64 brew install ... T ......
mac 使用 brew安装包报错 fatal: not in a git directory，Error: Command failed with exit 128: git
在 mac 下使用 brew 安装包的时候，最后一行会报错： fatal: not in a git directory Error: Command failed with exit 128: git 导致包安装不成功，解决办法： brew -v 绿色框就是提示你需要做的，输入 git confi ......
系统断电后，MySQL重启失败：[ERROR] Binlog has bad magic number； It‘s not a binary log file that can be used by this version of MySQL
系统断电后，MySQL重启失败： [ERROR] Binlog has bad magic number； It‘s not a binary log file that can be used by this version of MySQL [ERROR] Can't init tc log [ ......
性能脚本error报错问题排查
性能脚本error报错问题排查一、脚本运行过程中报错1.在windows系统jmeter中，给测试脚本添加查看结果树，添加保存错误日志信息第一步，给文件取名error.xml第二步，仅错误日志第三步，点击配置，全部勾选2.把linux系统中保存的error日志文件，导入到windows系统jmete ......
前端字符编码
在计算机内部，所有的信息最终都表示为一个二进制的字符串。每一个二进制位（bit）有0和1两种状态，因此八个二进制位就可以组合出256种状态（-128~127），这被称为一个字节（byte）。 也就是说，一个字节一共可以用来表示256种不同的状态，每一个状态对应一个符号，就是256个符号，从00000 ......
前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求
#### 前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13219 #### 效果图如下： ![](https://p3-juejin.byteimg. ......
前端Vue自定义验证码密码登录切换tabs选项卡标签栏标题栏 验证码登录模版 密码登录模版
#### 前端Vue自定义验证码密码登录切换tabs选项卡标签栏标题栏 验证码登录模版 密码登录模版， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13221 #### 效果图如下： #### ![](https://p3-juejin. ......
前端Vue自定义发送短信验证码弹框popup 实现剩余秒数计数 重发短信验证码
前端Vue自定义发送短信验证码弹框popup 实现剩余秒数计数 重发短信验证码， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13207 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i- ......
configure: error: udev support requested but libudev header not installed
./configure --host=arm-none-linux-gnueabi 错误提示：configure: error: udev support requested but libudev header not installed 解决办法 --disable-udev 取消对libude ......
微前端中的CSS
我被问得最多的问题之一是如何在微前端中处理 CSS。毕竟，样式始终是任何UI 片段所需要的东西，然而，它也是全局共享的东西，因此是潜在的冲突来源。 在这篇文章中，我想回顾一下现有的不同策略来驯服 CSS 并使其扩展以开发微前端。如果这里的任何内容对您来说听起来合理，那么也可以考虑研究“微前端的艺术” ......
08异步短信发送，注册功能，补充【1.为什么要写media才能访问，2.debug作用，3.ALLOWED_HOSTS 的作用】前端登录和注册页面与功能
# 1 异步发送短信 ```python # 原来的发送短信，是同步 -前端输入手机号 》点击发送短信 》前端发送ajax请求 》到咱们后端接口 》取出手机号 》调用 腾讯发送短信 》腾讯去发短信 》发完后 》回复给我们后端发送成功 》我们后端收到发送成功 》给我们前端返回发送成功 # 把腾讯发送短 ......