摘要:
<div style="width: 400px; display: flex; background-color:red;justify-content:flex-start;flex-direction:column"> <div style="display: flex; flex-direc 阅读全文
随笔分类 - 前端
Angular 依赖注入
2021-12-07 09:07 by qgbo, 40 阅读, 收藏, 编辑
摘要:
Angular 依赖注入 和.NetCore 的对比: Angular .Netcore Example Injector ServiceProvider constructor(injector: Injector) { this.localization = injector.get(Local 阅读全文
JS # hash
2021-12-05 19:52 by qgbo, 68 阅读, 收藏, 编辑
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=device-width, initial-scale=1 阅读全文
Angular 模块
2021-02-28 20:25 by qgbo, 70 阅读, 收藏, 编辑
摘要:
Angular 模块有根模块和特性模块。 模块间的依赖,形成一棵树,不能循环依赖,一个模块被引用两次,就会造成,引用混乱,可能编译不过去 模块的元数据中 imports 就是包含的模块, declarations 是包含的组件,一个组件只能属于一个模块,否则报错 阅读全文
.Netcore webapi 前后端分离的图片验证码
2021-02-25 11:37 by qgbo, 771 阅读, 收藏, 编辑
摘要:
前后端分离的图片验证码 加载登陆界面的时候,向后端请求验证码图片。后端保存这个图片的 验证码到Session 中。 提交这个表单的时候,比较表单数据的验证码和Session 中的验证码是否一致。 前后端不分离,也是这个思路. 也可以模拟session: 加载登陆界面的时候,向后端请求验证码图片。后端 阅读全文
JS 缩小图片
2021-02-23 17:59 by qgbo, 151 阅读, 收藏, 编辑
摘要:
前端或APP上传图片,图片太大,后端也没必要要原图, 太大的图片,做以下处理。固定大小。 getBase64Image(imgpath:string) { var img = new Image(); //新建一个图片对象 img.src = imgpath; let canvas = docume 阅读全文
typescript 验证银行卡
2021-02-04 18:16 by qgbo, 701 阅读, 收藏, 编辑
摘要:
已经有在JS 验证的了。现在改为ts 的。 //test url : https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?cardNo=6222005865412565805&cardBinCheck=true //cardType:DC 阅读全文
Angular InjectionToken
2021-01-21 17:54 by qgbo, 328 阅读, 收藏, 编辑
摘要:
InjectionToken 注入的Token 1定义: 在一个文件中定义 serviceProxy.ts: export const url=new InjectionToken<string>('URL'); 2使用: constructor(@Inject(url) u:string){ // 阅读全文
播放键盘数字
2020-12-03 21:15 by qgbo, 116 阅读, 收藏, 编辑
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
angular 源码 <一> rotuerLinkActive
2019-10-20 17:29 by qgbo, 158 阅读, 收藏, 编辑
摘要:
这几篇,查看angular 源码。 rotuerLinkActive 是路由的样式设置。 它的值是 css 的一个类。或者几个类。 主要代码如下 @Input() set routerLinkActive(data: string[]|string) { const classes = Array. 阅读全文
Angular 惰性路由
2019-10-13 14:21 by qgbo, 302 阅读, 收藏, 编辑
摘要:
根路由上的一个 loadChildren 属性,设置为一个字符串。这样就是惰性路由了。 angular6 这样写:loadChildren: './background-check/background-check.module#BackgroundCheckModule', angular8 这样 阅读全文