![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
晨旭缘
相由心生
展开
-
Element-Ui的Form表单:Label文本两端对齐,且必填项的*不影响布局
Element-Ui Label文本两端对齐,且必填项的*不影响布局原创 2024-04-15 20:26:30 · 1453 阅读 · 2 评论 -
nginx部署后前端post请求出现405错误解决
前端部署nginx出现405错误解决原创 2022-11-15 21:20:01 · 1183 阅读 · 1 评论 -
跨域问题记录:has been blocked by CORS policy_ The ‘Access-Control-Allow-Origin‘
跨域问题原创 2022-10-13 22:37:03 · 8490 阅读 · 1 评论 -
服务器上部署nginx并成功启动
前端部署Nginx原创 2022-10-13 21:34:12 · 540 阅读 · 0 评论 -
前端Nginx部署项目问题积累
前端nginx部署相关问题原创 2022-10-08 22:34:29 · 1153 阅读 · 0 评论 -
定时器setInterval()和clearInterval()的使用
setInterval()和clearInterval()原创 2022-08-16 10:50:25 · 4182 阅读 · 0 评论 -
时间戳转换为日期格式(天,小时,分,秒)
時間戳的转换原创 2022-08-15 15:51:58 · 1012 阅读 · 0 评论 -
window.location以及拆分uri
window.location原创 2022-08-11 21:41:24 · 185 阅读 · 0 评论 -
Reduce按属性给Object分类
JavaScript的Reduce()方法原创 2022-06-07 10:13:14 · 197 阅读 · 0 评论 -
前端通过Http下载后端传入的Excel(基于Angular)
前端通过Http下载Excel原创 2022-03-28 19:58:02 · 1085 阅读 · 0 评论 -
前端实现数据行转列,Key转Value(Object.entries()和Map()的结合)
Object.entries()和Map()原创 2022-03-21 14:07:12 · 1912 阅读 · 0 评论 -
前端(Angular)上传Excel给后端:HTTP POST form-data
最近遇到一个需求,前端需要将Excel传到后端去解析,写个Demo记录一下上传按钮<input #inputFile id="file" accept=".xlsx" type="file" (change)="uploadedFile($event)" multiple="false" /> {{ 'HOME.UPLOADEXCEL'| translate }}uploadedFile = (event: any) => {console.log(typeof(event))原创 2022-03-10 23:30:17 · 944 阅读 · 0 评论 -
Js的深拷贝和浅拷贝
Js数据类型,深拷贝和浅拷贝原创 2022-02-28 21:25:21 · 158 阅读 · 0 评论 -
ES6的object.is()
语法Object.is(value1, value2); value1:被比较的第一个值value2:被比较的第二个值ES5 比较两个值是否相等,只有两个运算符:相等运算符()和严格相等运算符(=)。它们都有缺点,前者会自动转换数据类型,后者的NaN不等于自身,以及+0等于-0。JavaScript 缺乏一种运算,在所有环境中,只要两个值是一样的,它们就应该相等。ES6 提出“Same-value equality”(同值相等)算法,Object.is就是部署这个算法的新方法。它用来比较两个值原创 2022-01-28 11:07:33 · 161 阅读 · 0 评论 -
使用reduce报TypeError: Reduce of empty array with no initial value处理方法
报错截图:大致为:ERROR Error: Uncaught (in promise): TypeError: Reduce of empty array with no initial valueTypeError: Reduce of empty array with no initial value at Array.reduce (<anonymous>)报错原因:Reduce函数有选择性的接收 initialValue (将会被用作回调函数第一次被调用的参数)。然原创 2022-01-17 19:22:44 · 4202 阅读 · 0 评论 -
纯前端实现导出Excel(基于HTML)
运用环境:之前通过JS操作后端传入的数据实现导出Excel,但是需求中又遇到Table是一个折叠的,通过点击事件可以看到隐藏的数据,通过后端传入的数据不好处理,所以通过HTML方式进行实现导出格式是XLSX格式,所以导入相关文件import * as XLSX from 'xlsx';HTML中调用导出Excel的方法 exportTable() { var workbook = XLSX.utils.book_new(); const node = document.getEle原创 2022-01-15 15:06:12 · 920 阅读 · 0 评论 -
grid 网格中的内容水平居中(css)
Grid:网格布局,它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局需求:Grid布局后,实现子元素内容的水平居中思想:将Grid布局后的子元素变为内联元素(inline-block),实现文本居中代码演示: <div class="content"> <div style="background-color: red;">1</div> <div class="hello">原创 2021-11-02 15:26:18 · 2553 阅读 · 2 评论 -
Ng-zorro组件分页器Pagination样式修改笔记
Ng-zorro组件分页器Pagination样式修改记录实现功能图例:实现代码,html部分 <div class="footer"> <nz-pagination [nzPageIndex]="1" [nzTotal]="10" [nzPageSize]="5" [nzShowTotal]="totalTemplate" nzSize=small></nz-pagination> <br /> <ng-template原创 2021-10-30 10:37:10 · 715 阅读 · 0 评论 -
Angular实现将后台传入的数据导出为Excel
Angular实现将后台传入的数据导出为Excel1.安装插件npm install xlsx --save2.建立Service,导入模块,实现方法共用相关代码:import { Injectable } from '@angular/core';import * as XLSX from 'xlsx';@Injectable({ providedIn: 'root'})export class DownloadExcelService { constructor() {原创 2021-09-28 18:13:53 · 95 阅读 · 0 评论 -
Gitlab的CICD基于前端Angular和后端LoopBack的Dockerfile文件配置参考记录
Gitlab的CICD基于前端Angular和后端LoopBack的Dockerfile配置记录前端(Angular)# #制定node镜像的版本# FROM nginx:alpine# #移动当前目录下面的文件到app目录下# ADD . /app/# #进入到app目录下面,类似cd# WORKDIR /app# pull nginx image//示例FROM nginx:alpineADD . /app/WORKDIR /app# 从第一个阶段的档案copyCOPY原创 2021-09-18 15:55:12 · 142 阅读 · 0 评论 -
ng命令无法执行 : 出现无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\ng.ps1的问题
ng命令无法执行 : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\ng.ps1的问题1.问题截图:2.解决方式:(1)以管理员的身份进入Windos PowerShell,图例:(2)进入后运行命令set-ExecutionPolicy RemoteSigned,图例: 然后变更执行原则,搜了很多教程,都是选择A,我试了以后还是没有解决问题,应该和我的权限有关,所以我选择的Y,问题解决 (3)最后输入 get-ExecutionP原创 2021-07-22 16:34:52 · 316 阅读 · 0 评论 -
Unity3D打包apk报错
Unity3D - Unable to merge android manifests的问题笔记1.Unity3D问题详情(报错截图):黄色部分为报错问题点(图片有点小,如有需要放大看)2.进入项目代码进行修改,文件地址:项目中的\Assets\Plugins\Android下的AndroidManifest.xml文件将相对应的代码进行隐藏,具体内容,请看截图点击进入文章参考链...原创 2021-07-22 14:43:55 · 207 阅读 · 1 评论 -
js前端实现简单模糊匹配
java 入门:原创 2021-05-29 14:22:57 · 521 阅读 · 0 评论 -
js中实现字符串删除最后的逗号
js中实现字符串删除最后的逗号let slectValue=[{name:"steven",id:"2010y288"},{name:"jack", id: "2006b788"}]let team_member_id;let team_member_name;for (const select of slectValue) { team_member_name += select.name + ','//将slectValue的值遍历出来,并且追加到 team_member_na原创 2021-05-17 15:10:43 · 234 阅读 · 1 评论