前端 头像 国庆

## HTML ### HTML历史 HTML（Hypertext Markup Language）的历史可以追溯到上世纪90年代初，以下是HTML的主要历史阶段： 1. HTML 1.0：在1991年发布，是HTML的最初版本，用于创建基本的文本和链接结构，但功能有限。 2. HTML 2.0：于 ......

1. 概述 在开始本教程中，先推荐1个SpringBoot+Vue前后端分离Java项目，本项目是一个大型互联网金融项目，采用Spring Boot , Dubbo 微服务的架构，包括多个独立的微服务，micr-common个公共服务，micr-web服务，micr-database数据库服务，mi ......

1.说说对vue的理解 （1） vue.js是一种用于创建用户界面的渐进式的javascript框架 （2）也是用于创建单页面应用的web应用框架。 （3）vue的核心库只关心视图层，使得数据和视图的双向绑定变得快捷 （4）由于vue的核心库只关心视图层，所以不仅可以与其他库和现有项目整合，也可以添 ......

1.在src\views目录下创建sys模块目录及test模块目录(暂时充数用,后期用于权限框架) 2.配置页面相应的路由及名字修改 修改效果: 修改(二级目录的)子路由的路径和标题 修改效果(偷偷换了个图标): 太多了后面的,删了吧 看看效果 ......

#### 前端Vue自定义简单通用省市区选择器picker地区选择器picker 收获地址界面模版，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13266 #### 效果图如下: ![](https://p3-juejin.b ......

比例不同是因为缩放导致的，缩放导致绘图中心发生改变，我们需要把填充的背景色的范围扩大（根据缩放比例来），同时背景色要绘制在现有画布的后面，防止重叠遮挡。 感觉一个小下载，需要注意的事项还是挺多的，记录下，希望能帮助到其他人，里面的一些 API 请参考 MDN 文档。 下面的参考代码，自己根据自己实际 ......

1. websocket 转 promise send({type: 'getUserInfo'}) {type:'userInfo', payload: {}} const res = await getMessage({type: 'getUserInfo'},{type:'userInfo'} ......

[toc] # 一 前端项目创建，调整目录 ```python # 创建前端项目 vue2 前提：在目标目录新建luffy文件夹 cd python project vue create luffy_city 创建成功，用pycharm打开 ``` # 二 前端配置 ```python # 安装第三 ......

1.安装依赖 2.先试着跑一下 用户名admin,密码不限制，登陆失败有错误显示。 进来后发现默认端口号为9528 可以看到数据都是模拟的没有后端 3.修改端口号为8888 4.修改严格的语法检查为false（可以不改） 5.默认是否打开浏览器改为false 6.将来要注释掉的 mock是用来模拟数 ......

在前端打包部署时，为了免去不同环境打包的麻烦，项目用的流水线触发方式。在这里不细说，重点说说下面情况。 当项目提交打包部署后，访问压测环境或者生产环境的地址来使用项目时，发现接口报错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 并使其扩展以开发微前端。如果这里的任何内容对您来说听起来合理，那么也可以考虑研究“微前端的艺术” ......