摘要: import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnChanges, OnDestroy, OnInit, ViewEncapsulation,ViewChild,ElementRef } from '@a 阅读全文
posted @ 2022-08-13 11:50 轻染 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 1.某天用到组件通讯时,报了个错: @Output doSomething not initialized in xxComponent,反复检查代码,doSomething是有声明的,百思不得其解,后来想起来,在引入EventEmitter的时候有vscode弹窗说是否引入EventEmitter 阅读全文
posted @ 2021-12-30 11:00 轻染 阅读(57) 评论(0) 推荐(0) 编辑
摘要: 在日常的代码管理中,经常会遇到管理一系列的数据值,比如管理成绩时可以在数据库中对语文、数学、英语进行编号而不直接使用名称,在前端对这类数据管理,比较常用的就是枚举类型,这里说的是enum的使用 枚举语法: export enum OptionType { '无' = 0, '年度' = 1, '半年 阅读全文
posted @ 2020-12-18 10:00 轻染 阅读(623) 评论(0) 推荐(0) 编辑
摘要: 在使用element-ui的form做一个信息收集的表单时,遇到了根据 第一个下拉框 选择的 角色id 作为 对 form中 其他下拉框 状态 是否禁用 的标识。简而言之,比如存在4个角色id(A,B,C,D),需要选择的其余下拉框有X和Y。 在角色id为A,B时,X启用,Y禁用 在角色id为C时, 阅读全文
posted @ 2020-12-18 09:39 轻染 阅读(2172) 评论(2) 推荐(0) 编辑
摘要: 原生js实现元素的拖拽和拉伸,需要清楚一下几个要素: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: 阅读全文
posted @ 2020-10-21 16:55 轻染 阅读(3091) 评论(0) 推荐(0) 编辑
摘要: 在table中有些比较重要的信息需要尽量显示完整,这需要对整体的table中td宽度进行分配。但是不能无限兼容重要信息而忽略整个table整体布局,就要求可以使其中td在超过的时候折叠起来,代码是: td {//这里td只显示一行,所以与td的宽度关联 min-width: 230px; max-w 阅读全文
posted @ 2020-09-28 14:38 轻染 阅读(396) 评论(0) 推荐(0) 编辑
摘要: 在url中的特殊字符有时候是不会被正常解读的,需要进行转义处理。 问题描述:在拼接成的url地址中存在 & 符号,导致整个路径在解读到一个不是用来拼接参数与值的 & 的时候就结束了,后续的路径没有执行到,导致该方法执行异常,找到网上该方法的解决方式是:使用encodeURIComponent()函数 阅读全文
posted @ 2020-09-27 15:58 轻染 阅读(457) 评论(0) 推荐(0) 编辑
摘要: 最近项目用的是Angular框架,但是并没有使用angular的组件库ant design,公司选择自己封装组件库,那么,很多的功能与样式实现就必须基于对原生元素的理解了。 其中最基本和常用的大概就是上传和下载了。自己做了之后才知道,上传不是像vue一样只使用FormData将上传的文件和信息传递给 阅读全文
posted @ 2020-09-21 10:23 轻染 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 在vue 中存在用v-for循环数字的的方法,快速生成由1递增到指定数字的数组,通常用以创建页码。 但angular中的ngFor无法实现这样的效果,记录一下在angular项目中手动封装分页组件时需要这种情况的做法: <ul> <li *ngFor="< span style="color: #f 阅读全文
posted @ 2020-09-15 16:54 轻染 阅读(6499) 评论(0) 推荐(1) 编辑
摘要: 题外话:将后端文件通过功能进行分类有利于代码的维护。这里目录结构是:直属index.js文件统一处理各个文件与外部的交互。 后端在验证token的时候,需要用到一个库express-jwt,用来验证token、token是否过期和添加不需要验证身份即可访问的路由接口白名单。 这里用到的是盐值加密方法 阅读全文
posted @ 2020-08-15 18:23 轻染 阅读(2201) 评论(0) 推荐(1) 编辑