前端 头像 国庆
如何构建前端日历组件
前端日历组件是在网页中展示时间的重要组件之一，通常被应用于各种类别的网站和应用程序中。这篇文章将介绍如何构建一个高质量、易用且功能强大的前端日历组件。 首先，我们需要确定需求和目标。一个好的日历组件应该具有以下特点： 1. 易于使用：用户应该可以轻松地使用日历组件并进行导航。 2. 个性化定制：应该 ......
记录一次测试同学导入前端项目后启动不成功的处理方式
背景： 从git上clone下来代码后，安装依赖不成功,请教了前端大佬，原因是npm偶尔不稳定，需要把管理工具换为yarn 原先的依赖安装方式：npm 更改后的依赖安装方式：yarn yarn安装方式： 安装好依赖后，启动项目： ......
前端学习C语言 - 数组和字节序
## 数组 本篇主要介绍：`一维二维数组`、`字符数组`、`数组名和初始化注意点`以及`字节序`。 ### 一维数组 #### 初始化 有以下几种方式对数组初始化： ```c // 定义一个有5个元素的数组，未初始化 int a[5]; // 定义一个有5个元素的数组，将第一个初始化0，后面几个元素 ......
前端新手学习入门路径推荐
背景目的 方便新手学习前端技术，整理了一些资源和教程帮助大家更好的入门。 基础知识了解一遍有个印象即可，不懂暂时不必深究，在后续实践中会融会贯通。 大家重点关注 “训战结合” 的部分，动手练习并解决问题进步最有效。 Vue 学习顺序 https://zhuanlan.zhihu.com/p/2313 ......
前端vue单个文件上传支持图片，压缩包以及文件 ， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066
#### 前端vue单个文件上传支持图片，压缩包以及文件 ， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066 #### 效果图如下：  { let element = this ......
前端table组件封装
前端表格组件是现代Web应用程序中常见的UI控件之一，也是前端开发人员最常用的控件之一。在实际项目中，一个好的前端表格组件必须具备稳定性、易用性和扩展性等特点。因此，对于前端表格的封装技术非常重要。 前端表格的封装技术包括以下几个方面： 1. 数据源封装：前端表格必须有一个数据源，而通常我们的数据源 ......
封装前端svg组件
## 前言： SVG（Scalable Vector Graphics）是一种基于 XML 的矢量图形格式，它可以在网页上展示高质量的图像，并且可以无损缩放。在前端开发中，SVG 图片被广泛用于创建图标、图形和动画效果。此篇文章将讲述在前端vue项目中封装svg组件，使其svg简单使用。 ## 1. ......
02项目数据库隐藏密码，封装logger，环境变量的设置，封装全局异常，Response，开启media访问，前端项目创建调整，前端配置
# 1 项目数据库之隐藏密码 ```python # 我们直接把mysql的用户名和密码 写死在了代码中 》后期可能会存在风险 》代码如果泄露 》mysql的用户密码泄露 》可以远程登录 》脱裤（拖库） 》所有数据会被黑客获取到 》卖钱 # 华住 》在代码中把数据库用户名和密码写死了 》源代码泄露了 ......
记录--前端如何优雅导出多表头xlsx
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 xlsx导出是比较前后端开发过程中都比较常见的一个功能。但传统的二维表格可能很难能满足我们对业务的需求，因为当数据的维度和层次比较多时,二维表格很难以清晰和压缩的方式展现所有的信息，所以我们也就经常能碰到多级表头开发了。 demo ......
Long类型后端传前端精度丢失的优雅解决方案
### 前言提要:javaScript 的最大安全值：Number.MAX_SAFE_INTEGER 是一个值为 9007199254740991 的常量,如果超过这个值，那么js会出现不精确问题 - 解决方案(推荐级别:低等):修改字段类型为String - 解决方案(推荐级别:中等):字段上添加 ......
碎片化学习前端之JavaScript（JS 压缩图片）
## 前言 图片压缩是前端开发中常见的需求，目前前端主流的解决方案有：Canvas 手动实现压缩以及第三方库压缩两种方案。 ## Canvas 手动实现压缩 Canvas 实现压缩主要原理是：将图片绘制到 canvas 上，然后通过调整 canvas 的宽高来实现压缩。 ```js function ......
Web 前端框架市场统计
根据 w3techs 所做的统计1，有17.8%的网站没有使用 javascript 库。在使用js库的web网站中， Jquery 占据了大部分，Bootstrap, React， Ajax, Vue， Angular 排行如下： 其他还有一些js库占据剩下的1%： 对于React, Angula ......
【有奖体验】叮！你有一张 3D 卡通头像请查收
人工智能生成内容（Artificial Intelligence Generated Content，简称 AIGC）是当下最火的概念之一。AIGC 被认为是继专业生成内容（Professional Generated Content, PGC）和用户生成内容（User Generated Cont... ......
前端npm下载node_modules依赖的时候报错
使用 npm install --legacy-peer-deps，报如下图： 解决办法： 修改hosts文件 找到如下文件夹：C:\Windows\System32\drivers\etc 下的hosts文件 使用工具把hosts文件打开 185.199.108.133 raw.githubuse ......
前端学习C语言 - 第二篇（常量、运算符、控制和循环）
## 常量、运算符、控制和循环 前文我们写了第一个 c 语言程序，了解了基本的数据类型。本篇将继续学习：`常量`、`运算符`、`控制语句`和`循环语句`。 ### 常量 #### #define 常量 `#define`是用来定义`常量`和`宏的预处理指令`。定义常量的一般形式：`#define 常 ......
前端vue仿京东天猫简单好用的瀑布流瀑布流式布局列表组件waterfall
前端vue仿京东天猫简单好用的瀑布流瀑布流式布局列表组件waterfall， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13046 效果图如下： { wx.getUserProfile({ desc: '获取用户信息', force: true, success:(res)=>{ debugger t ......
web页面中导出Excel (方法四) 纯 js 前端将table中数据导出Excel 使用 js-xlsx
这个示例使用 前端 easyui-datagrid 后端 php 这里是不是 easyui-datagrid 不重要了，是将easyui-datagrid的数据转到table，再将 table导出Excel 使用了 js-xlsx js-xlsx 文件可自行搜索下载 ，参考 https://www. ......
web页面中导出Excel (方法三) 前端easyui-datagrid(分页)导出Excel 使用 datagrid-export.js
这个示例使用 前端 easyui-datagrid 后端 php 前端 easyui-datagrid 导出Excel 使用了 datagrid-export.js datagrid-export.js 文件可自行搜索下载 优点：查询结果显示在datagrid中(可以分页)，前端直接下载不用回后端， ......
web页面中导出Excel (方法二) 前端easyui-datagrid导出Excel 使用 datagrid-export.js
这个示例使用 前端 easyui-datagrid 后端 php 前端 easyui-datagrid 导出Excel 使用了 datagrid-export.js datagrid-export.js 文件可自行搜索下载 优点：查询结果显示在datagrid中(不能分页)，前端直接下载不用回后端， ......
【vue】前端下载文件自定义文件名称
【vue】前端下载文件自定义文件名称 https://blog.csdn.net/weixin_48200589/article/details/125067618 下载文件自定义文件名称 文件下载名称不想和后端提供的URL一样怎么办呢？1.首先给按钮去绑定一个事件2.正常我们的下载处理方式3.自定 ......
前端权限配置
#### **前端权限配置** 在前端开发中，权限配置是指对用户进行访问控制，以确保他们只能访问他们有权访问的资源。在本文中，我们将介绍前端权限配置的基本概念和实现方法。 前端权限配置是指在前端页面中对用户进行访问控制的过程。它通常包括用户身份验证、权限管理、资源管理几方面。用户身份验证是在用户登录 ......
前端 WebUploader 分片上传
第一点：Java代码实现文件上传 FormFile file = manform.getFile(); String newfileName = null; String newpathname = null; String fileAddre = "/numUp"; try { InputSt ......
微前端改造前因&可行性分析&计划
需要解决的问题： > 1.规划EMI平台的全功能架构，同时梳理EMI平台目前的功能框架，明确出来要迭代或重构哪些功能； 2.针对技术方案中的技术实现原理进行讨论，分析技术可行性和先进性、兼容性； 3.重构计划和具体实施方案，如旧系统如何转移等。 前端层面 ### 0.改造的原因： 1. `技术层面` ......
前端vue自定义简单实用下拉筛选 下拉菜单
前端vue自定义简单实用下拉筛选 下拉菜单, 下载完整代码请访问: https://ext.dcloud.net.cn/plugin?id=13020 效果图如下: #### 使用方法 ```使用方法 <!-- titleArr: 选择项数组 dropArr: 下拉项数组 @finishDropCl ......
vue实现的前端模糊匹配搜索
vue实现的前端模糊匹配搜索 <div id="app"> <div class="wrapper"> <input type="text" v-model="searchText"><button @click="submit">搜索</button> </div> <table> <thead> ......
后台返回前端的json数据，大写变小写的问题
问题 ：在weebsocket通过向前端发送json数据，本来要发送的是BB字段，结果到了前端成了bb。后来发现是因为jackson自动转换了(估计是采用驼峰格式)。 解决： 在对应的属性上面添加@JsonProperty("BB")来指定要显示的字段名称 ``` @JsonProperty("Na ......