![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
思维
流氓大哭
流氓攀枝变暖男计划---启动。(鼓掌)
展开
-
JavaScript与设计模式———适配器模式(含ts代码)
意义介绍旧接口格式和使用者不兼容中间加个适配转换接口类UML类图TypeScriptclass Adaptee { specificRequest(): string { return '香港插座'; }}// 适配器类,适配 Adapteeclass TargetAdaptee { public adaptee; constructor() { this.adaptee = new Adaptee(); }原创 2020-11-29 16:47:31 · 218 阅读 · 2 评论 -
JavaScript与设计模式———单例模式(含ts代码)
意义介绍系统中被唯一使用一个类只有一个实例数据同步类和UML类图TypeScriptclass SingleObject { // 私有化构造函数能防止被意外 new private constructor () {}; // 标识这个实例 private static instance: SingleObject; // 创建实例的唯一方式在类内部 public static getInstance(): SingleObject {原创 2020-11-29 16:08:59 · 265 阅读 · 0 评论 -
JavaScript与设计模式———工厂模式(含ts代码)
意义将创建产品实例的代码用工厂实例封装起来,后续若需要创建产品实例只需要调用工厂实例的方法。将创建操作封装起来,能够对后续的操作友好。类和UML类图TypeScript// 产品class Product { constructor(public name: string) { this.name = name; } init() { console.log('init'); } func1() { c原创 2020-11-29 15:14:24 · 238 阅读 · 0 评论 -
JavaScript与设计模式———面向对象的设计模式(含ts代码)
意义代码结构化类和类图TypeScriptclass People { constructor(protected name: string) { this.name = name; } eat(): void { console.log(`${this.name}吃饭了`); }}继承子类 能够使用 父类的 可访问变量 和 方法。关键字 extents super// 父类class People {原创 2020-11-27 15:25:33 · 164 阅读 · 0 评论 -
快速掌握前端页面布局思维要点
快速掌握前端页面布局思维要点所要达到的标准:对于前端的布局能做到信手拈来的程度,就说明已经初见成效了。(到了这种程度,自己会知道的)底层:浏览器会将HTML标签渲染成 dom 树,形成一种树形的结构,再由渲染引擎解析绘制。对于布局指导视为归结为以下步骤整体结构分块,如弹性盒子局部结构分块,如弹性盒子自顶向下、逐步细化谨记:不要着急动手!!!越早规划好整体布局,后期修改的代码就越少,成本就越低。实际项目产品经理和UI/UE设计好原型图划分好整体原创 2020-11-08 22:13:42 · 1091 阅读 · 0 评论