随笔分类 - JavaScript设计模式详解和应用
摘要：一、按钮简介： 按钮也是Bootstrap框架核心内容之一。因为按钮是Web制作中不可缺少的东西。 而且不同的Web页面具有不同的按钮风格，甚至说同一个Web网站或应用程序具有多种按钮风格，比如说不同的按钮颜色、大小和状态等。基础按钮.btn 默认按钮.btn-default 主要...
阅读全文
摘要：一、基础表单 表单主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通。 表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同， 而且不同的浏览器对表单控件渲染的风格都各有不同。 可以查阅boot...
阅读全文
摘要：一、Bootstrap表格简介： 表格是Bootstrap的一个基础组件之一，Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。 ☑ .table：基础表格 ☑ .table-striped：斑马线表格 ☑ .table-bordere...
阅读全文
摘要：一、HTML的列表 在HTML文档中，列表结构主要有三种：有序列表、无序列表和定义列表。具体使用的标签说明如下： 1、无序列表 … 2、有序列表 … 3、定义列表 … …二、Bootstrap列表 Bootstrap根据平时的使用情形提供了六种形...
阅读全文
摘要：代理模式介绍 使用者无权访问目标对象，中间加代理，通过代理做授权和控制 代理（proxy）是一个对象，它可以用来控制对另外一个对象的访问； 代理对象和本体对象实现了同样的接口，并且会把任何方法调用传递给本体对象； 举个例子：想象一下明星与经纪人的关系，明星是请求的本体，经纪人就是代理proxy UM
阅读全文
摘要：装饰器模式介绍 为对象添加新的功能，不改变其原有的结构和功能，原有的功能还是可以使用，跟适配器模式不一样，适配器模式原有的已经不能使用了，装饰器示例比如手机壳 UML类图和代码示例 Circle示原来的对象，只有一个draw()的方法，通过装饰器添加一个setRedBorder的方法 设计原则验证
阅读全文
摘要：适配器模式介绍 旧接口格式和使用者不兼容，中间加一个适配器转换接口 在生活中，我们有许多的适配器，例如iPhone7以后的耳机接口从3.5mm圆孔接口更改成为了苹果专属的 lightning接口。许多人以前的圆孔耳机就需要下面的一个适配器，才能够在自个儿新买的iPhone上面听歌。 在前端开发中，我
阅读全文
摘要：单例模式介绍 系统中被唯一使用的，一个类只有一个实例 单例模式的思路是： 一个类能返回一个对象的引用（并且永远是同一个）和一个获得该实例的方法（静态方法，通常使用 getInstance 名称）。 那么当我们调用这个方法时，如果类持有的引用不为空就返回该引用，否者就创建该类的实例，并且将实例引用赋值
阅读全文
摘要：工厂模式介绍 将new操作符单独进行封装，遇到new时，就要考虑是否该使用工厂模式 举一个生活当中的示例： 你要去购买汉堡，直接点餐，取餐，不会自己动手做，商店要“封装” 做汉堡的工作，做好直接给购买者，而不是商店给你面粉，工具让你自己去做 UML类图和代码示例 设计原则验证 构造函数和创建者分离，
阅读全文
摘要：题目如下： // 打车时，可以打专车或者快车。任何车都有车牌号和名称// 不同车价格不同，快车每公里1元，专车每公里2元// 行程开始时，显示车辆信息// 行程结束时，显示打车金额（假定行程就5公里） 根据需求画出UML类图 / 某停车场，分3层，每层100车位// 每个车位都能监控到车辆的驶入和离
阅读全文
摘要：何为设计 即按照哪一种思路或者标准来实现功能，功能相同，可以有不同的设计方案来实现 伴随着需求的增加，设计的作用就会体现出来，一般的APP每天都在变化，更新很快，需求不断在增加，如果设计的不好，后面很难维护 结合《UNIX/LINUX设计哲学》10大设计准责 小即是美 相对于同类庞然大物，小巧的事物
阅读全文
摘要：PS：因为所有的设计模式都是基于面向对象来完成的，所以在讲解设计模式之前先来过一下面向对象都有哪些知识点 搭建开发环境 初始化npm环境 下载安装nodejs安装即可，nodejs自带npm管理包，然后使用下面命令检查node和npm的版本 创建项目的文件夹，然后再项目目录下使用npm init -
阅读全文
摘要：如何成为一名合格的工程师？ 作为一名合格的工程师，不仅需要懂代码，还要懂设计，一名合格工程师的必备条件： 前端开发有一定的设计能力，一般三年开发经验的同学，面试必须考设计能力 成为项目技术负责人，设计能力是必要的基础，如果没有设计能力就没办法承担起项目的规划和设计工作 从写好代码，到做好设计，设计模
阅读全文
