一个专注于WEB开发的技术的个人博客

备忘录模式的基础定义：在不破坏封装性的前提下，捕获一个对象的内部状态，并在该对象之外保存这个状态。这样就可以将该对象恢复到原先保存的状态作用：在我们的开发中偶尔会遇到这样一种情况，需要对用户的行为进行撤销。要想实现撤销，首先需要保存软件系统的历史状态，当用户执行撤销时用之前的状态覆盖当前状态。本节介绍的备忘录模式提供了一种状态恢复的实现机制，使得用户可以方便的回到一个特定的历史步骤。备忘录模式在j ...

head、options、get、put、post、delete含义与区别了解它们的区别，这对于 RESTful架构 来说非常有意义。 如果你还不知道什么叫 RESTful架构？ HEAD请求（判断资源是否存在）HEAD和GET本质是一样的，区别在于HEAD不含有呈现数据，而仅仅是HTTP头信息。 有的人可能觉得这个方法没什么用，其实不是这样的。想象一个业务情景：欲判断某个资源是否存在， 我们通常 ...

组合模式的基础定义：组合模式（Composite）将对象组合成树形结构以表示“部分-整体”的层次结构，组合模式使得用户对单个对象和组合对象的使用具有一致性。作用：组合模式让你可以优化处理递归或分级数据结构。使用场景：系统目录结构、网站导航结构、文件扫描、DOM的机制，一个DOM节点可以包含子节点，不管是父节点还是子节点都有添加、删除、遍历子节点的通用功能。该模式由两部分构成：1.子对象（Leaf） ...

模版方法模式定义：模板方法模式由二部分组成，第一部分是抽象父类，第二部分是具体实现的子类，一般的情况下是抽象父类封装了子类的算法框架，包括实现一些公共方法及封装子类中所有方法的执行顺序，子类可以继承这个父类，并且可以在子类中重写父类的方法，从而实现自己的业务逻辑。使用场景：（主要用于步骤相似的事情） 泡饮品（茶 和 coffee） 公司面试（百度面试 和 阿里面试） IT公司面试下面就以IT公 ...

在访问者模式中，主要包括以下几个角色 抽象访问者：抽象类或者接口，声明访问者可以访问哪些元素，具体到程序中就是visit方法中的参数定义哪些对象是可以被访问的。 访问者：实现抽象访问者所声明的方法，它影响到访问者访问到一个类后该干什么，要做什么事情。 抽象元素类：接口或者抽象类，声明接受哪一类访问者访问，程序上是通过accept方法中的参数来定义的。抽象元素一般有两类方法，一部分是本身的业务逻辑， ...

Redux 定义了一系列的约定（contract）来让你来实现（例如 reducers），同时提供少量辅助函数来把这些约定整合到一起。Redux 只关心如何管理 state。在实际的项目中，你还需要使用 UI 绑定库如 react-redux。 redux相关API创建 storecreateStore(reducers, [preloadedState], enhancer) 合并 reduce ...

BrowserRouter作用： <Router> 使用 HTML5 提供的 history API (pushState, replaceState 和 popstate 事件) 来保持 UI 和 URL 的同步。 属性： basename: string 当前位置的基准 URL。如果你的页面部署在服务器的二级（子）目录，你需要将 basename 设 ...

Redux 三大原则单一数据源整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中。 State 是只读的惟一改变 state 的方法就是触发 action，action 是一个用于描述已发生事件的普通对象。 使用纯函数来执行修改为了描述 action 如何改变 state tree ，你需要编写 reducers。 ...

React 高阶 APICreating React Elements 123推荐使用 JSXcreateElement() -- 根据给定的类型创建并返回新的 React element。createFactory() -- 根据给定的类型返回一个创建React元素的函数。 Transforming Elements 12345678cloneElement() -- 以 el ...

前端安全问题XSS 漏洞定义： 跨站脚本攻击(Cross Site Scripting)，为了不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆，故将跨站脚本攻击缩写为XSS。 恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。 举例： 1.HTML DOM ...