记一次针对防止按钮连击的Angular指令封装

针对业务需要,整个流程为点击按钮=>调取异步方法=>设置操作状态=>异步结束,重置状态;其中调取异步方法中,点击按钮时都无效或不可点击 将业务封装自定义指令,通过点击按钮后监听事件,在DOM上设置属性来判断本次点击事件时的状态,但次方法对于多层DOM结构时会出现一些致命BUG导致无法生效,所以这...

HTTP、HTTPS

OSI(开放式系统互联通信)参考模型分为应用层、表示层、会话层、传输层、网络层、数据链路层、物理层、; TCP/IP模型分为应用层(应用层,表示层,会话层)、运输层、网际层、网络接口层(数据链路层、物理层) 五层参考模型分为应用层、传输层、网络层、数据链路层、物理层 HTTPTCP报文段结构 TCP报文段结构包...

JS类型隐式转换-ToPrimitive

本篇仅对隐式转换中的知识点做记录,不深入展开介绍. 点击查看图片 注意: PreferredType默认为Number,当input为Date类型数据时,PreferredType为String valueOf() var num = new Number('123');num.valueOf(); /...

TypeScript-泛型工具

1.可选泛型将泛型中的所有属性变为可选. type Partial<T> = { [P in keyof T]?: T[P]}; 举例: type Person = { name: string; age: number; gender: string; heig...

Angular-深入了解变更检测

更新于2021.11.17version:12+ Angular变更检测分为默认的变更检测策略(CheckAlways)和OnPush变更检测策略(CheckOnce),对于变更检测,网上的资源只是片面的对其进行解释,下面对变更策略进行详细的分析(Angular的变更检测是以深度优先为基础,遇到兄弟组件优先兄弟...

微信小程序环境管理

由于小程序的限制,无法设置开发和正式的环境变量,这里参考node的方法来设置小程序的环境变量,由于小程序的限制,不管是体验版或开发版还是正式版,都是使用的一份本地缓存,当手机同时存在两个或两个以上小程序版本时,就会因为缓存的原因读取错误的本地缓存,除非有后端人员介入对错误进行处理,否则只能删除小程序以保证能正常使...

Angular-SSR(服务端配置)过程记录

本地项目的准备工作请参考官方文档,不做解释,https://angular.cn/guide/universal 可以参考示例代码,需要注意的时,配置文件的时候请检查好文件路径 这里主要介绍在使用Docker部署过程中的的问题记录,由于对express和Docker只是了解些皮毛,只是初步实现了目的. 这里项目名...

资源整理

Docker —— 从入门到实践     https://github.com/yeasy/docker_practice TypeScript Deep Dive 中文版    https://github.com/jkchao/...

微信小程序自定义导航栏

实现过程 1.隐藏掉默认导航栏,app.json中的window配置 "window":{ ..."navigationStyle": "custom"} 2.自定义导航栏组件导航栏构成主要有顶部的手机状态栏statusBar和标题栏titleBar构成 ***.wxml //占位<...

Angular依赖注入

依赖注入的层级等等请查看示意图https://www.processon.com/view/618b434c1e0853689b033111?fromnew=1 依赖提供商不同的类都可用于提供相同的服务。 比如,下面的代码告诉注入器,当组件使用 Logger 令牌请求日志对象时,给它返回一个 BetterLogg...