前端

在前端打包部署时，为了免去不同环境打包的麻烦，项目用的流水线触发方式。在这里不细说，重点说说下面情况。 当项目提交打包部署后，访问压测环境或者生产环境的地址来使用项目时，发现接口报错404。 在NETWORK里发现接口的BASEURL和当前环境需要调用的后端baseurl不同。 主要问题在于配置问题 ......

`ctx.globalCompositeOperation = 'destination-over';` >Canvas 2D API 的 CanvasRenderingContext2D.globalCompositeOperation 属性设置要在绘制新形状时应用的合成操作的类型，其中 type ......

​ 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 响 ......

1. pv/uv统计 pv: 页面重复浏览量 统计方式，多页面应用通常在页面load事件，单页应用通常在页面路由中 uv: 页面独立访客浏览量 统计方式，pv统计的基础上，添加唯一标识，可以是IP地址，用户浏览器localStorage存储的uuid等。 IP地址存在局域网内的共享一个ip、代理、动 ......

#### 前端Vue自定义手机号文本格式化组件, 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13231 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1f ......

#### 前端Vue自定义银行卡号格式化组件 中间卡号文本转星号, 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13230 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-c ......

#### 前端Vue自定义微信支付弹框dialog alert popup, 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13245 #### 效果图如下: #### ![](https://p3-juejin.byteimg ......

JavaScript在网络上无处不在。它是最常用的编程语言，97.7%的网站使用JavaScript作为客户端编程语言。因此，如果你想找一份网络开发人员的工作，JavaScript技能是必不可少的。 JavaScript广泛用于构建网站和web应用程序。我们来讨论一下JavaScript在各个细分领 ......

自适应一般什么rem，vw,vh这些单位注意一下。还有就是一些bootStrap什么的。在这里主要写一下媒体查询的方式。 使用CSS中的媒体查询来根据不同的屏幕尺寸应用不同的样式。以下是如何使用媒体查询分别为320px-480px范围内、768px-1024px范围内和大于1024px的屏幕尺寸编写 ......

本文将探究京东竞速榜H5页面的核心前端技术，包括动画、样式配置化、皮肤切换、海报技术、调试技巧等方面，希望能够为广大前端开发者提供一些有用的参考和思路。 ......

前端文件上传本来是一个常规交互操作，没什么特殊性可言，但是最近在做文件上传，需要实现截图粘贴上传，去找了下有没有什么好用的组件，网上提供的方法有，但是没找完整的组件来支持cv上传，经过了解发现可以用剪贴板功能让自己的cv实现文件上传，于是自己就整合了目前几种文件上传的交互方式，码了一个支持cv的vu... ......

webpack是目前比较流行的前端build工具，本质上是一个模块打包器。合并压缩JavaScript,css,图片等。 目前有很多开源项目使用webpack进行打包，下面介绍的是如何编绎这些开源项目。 webpack安装 webpack目前的版本较多，各个版本使用上区别也较大，一般在项目的 pac ......

什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 微前端架构旨在解决 ......

重新整理了下 Vue 的接口去跨域的事，其实就两个地方实际生效，其他地方乱写端口什么的反倒是阻碍了。这边展示 Vue3+Vite 的例子： ```js // 写在vite.config里 server:{ port:81, //定义前端程序使用的端口 disableHostCheck:true, p ......

# 前端项目部署到nginx 1. 配置好本地的nodejs环境 2. 切换到前端项目所在的文件目录 3. 以命令行的方式运行`npm run build`命令 4. 命令执行成功会生成dist文件夹，将文件夹中的内容压缩上传到nginx_html数据卷对应的目录下 5. 执行解压命令`unzip ......

在计算机内部，所有的信息最终都表示为一个二进制的字符串。每一个二进制位（bit）有0和1两种状态，因此八个二进制位就可以组合出256种状态（-128~127），这被称为一个字节（byte）。 也就是说，一个字节一共可以用来表示256种不同的状态，每一个状态对应一个符号，就是256个符号，从00000 ......

#### 前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13219 #### 效果图如下： ![](https://p3-juejin.byteimg. ......

#### 前端Vue自定义验证码密码登录切换tabs选项卡标签栏标题栏 验证码登录模版 密码登录模版， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13221 #### 效果图如下： #### ![](https://p3-juejin. ......

前端Vue自定义发送短信验证码弹框popup 实现剩余秒数计数 重发短信验证码， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13207 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i- ......

我被问得最多的问题之一是如何在微前端中处理 CSS。毕竟，样式始终是任何UI 片段所需要的东西，然而，它也是全局共享的东西，因此是潜在的冲突来源。 在这篇文章中，我想回顾一下现有的不同策略来驯服 CSS 并使其扩展以开发微前端。如果这里的任何内容对您来说听起来合理，那么也可以考虑研究“微前端的艺术” ......

# 1 异步发送短信 ```python # 原来的发送短信，是同步 -前端输入手机号 》点击发送短信 》前端发送ajax请求 》到咱们后端接口 》取出手机号 》调用 腾讯发送短信 》腾讯去发短信 》发完后 》回复给我们后端发送成功 》我们后端收到发送成功 》给我们前端返回发送成功 # 把腾讯发送短 ......

今日目标 1.能够了解模块化的相关规范 2.了解webpack 3.了解使用Vue单文件组件 4.能够搭建Vue脚手架 5.掌握Element-UI的使用 1.模块化的分类 A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) ​ 代表产品 ......

为何偏偏JavaScript没有模块呢？如果要追溯历史原因，JavaScript之父——Brendan Eich最初设计这门语言时只是将它定位成一个小型的脚本语言，用来实现网页上一些简单的动态特性，远没有考虑到会用它实现今天这样复杂的场景，模块化当然也就显得多余了。 随着技术的发展，JavaScri ......

有代码：https://gitee.com/zhu-longxu/zhulx-rbac ps：注意本地路由 router 有哪些规则？服务器返回的数据格式？ 方法一：本地路由router 包含静态路由规则 ； 虽然动态路由规则定义了但是没有注入；动态路由规则在登录判断的时候选择性是否注入 ；服务器返 ......

优化husky校验规则，添加代码提交校验，避免随意提交导致代码可读性降低。 给主应用添加了开发文档入口，方便在开发时查阅文档，提升开发效率。 优化了控制台的构建提示，更换为“👏欢迎使用${blue("无界[Wujie]")}-极致的微前端框架”。 项目开启了Mock服务，当接口需要对接时候关闭相关 ......

前言首屏速度是用户体验的最关键一环，而首屏速度最大的决定性因数就是资源的加载速度 而资源的加载速度 = 资源大小 + 网速 资源大小影响的方面有1、压缩（如Gzip） 2、一部分代码分割出来做异步加载，需要的时候在加载 3、写代码的时候尽量精简 本文主要针对，资源文件加载的优化。异步资源加载一般有两 ......

EasySpider 一个可视化爬虫软件，可以无代码图形化的设计和执行爬虫任务 git地址如下 https://github.com/NaiboWang/EasySpider 下载软件地址 https://github.com/NaiboWang/EasySpider/releases 实例效果图 ......

#### 前端Vue[自定义签到积分获取弹框抽取红包弹框 自定义弹框内容 弹框顶部logo](https://ext.dcloud.net.cn/plugin?id=13204)， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id= ......

#### 前端Vue自定义滚动卡片，可以用于商品海报生成， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13189 #### 实现代码如下： # cc-scroolCard #### 使用方法 ```使用方法 ``` #### ......