摘要：
前情 在前端开发越来越复杂的今天，越来越需要一些设计模式来提高开发质量和效率 定义 属于行为型模式，当对象间存在一对多关系时，则使用观察者模式（Observer Pattern）。比如，当一个对象被修改时，则会自动通知依赖它的对象。 代码演示 自定义事件监听器，注册一批方法，一次触发 let obj 阅读全文
摘要：
前情 在前端开发越来越复杂的今天，越来越需要一些设计模式来提高开发质量和效率 定义 属于创建型模式，把对象的实现和创建相分离，我们在创建对象时不会对客户端暴露创建逻辑，并且是通过使用一个共同的接口来指向新创建的对象。 代码演示 通过不同参数生成不同的对象返回 class Dog { construc 阅读全文
摘要：
前情 在前端开发越来越复杂的今天，越来越需要一些设计模式来提高开发质量和效率 定义 属于创建型模式，这种模式涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建。 代码演示 通过静态属性实现单例 class Person{ static instance; constructor( 阅读全文
摘要：
前情 Chrome是目前世面上很受欢迎的浏览器，你可以通过它的插件扩展功能安装插件优化使用体验和增加功能。 坑位 对于国内受墙影响的用户无法直接通过应用商店安装插件，通过离线安装插件会发现浏览器会提示：“无法从该网站添加应用，扩展程序和用户脚本” why? 自Chrome 67版本开始，谷歌调整Ch 阅读全文
摘要：
前情 在访问测试搭建的测试环境的时候，发现接口因为跨域全部失败了，服务端又不想设置允许跨域，又急于使用，于是想到是不是可以使用跨域浏览器，上一次已解决chrome允许跨域，这一次来设置IE允许跨域 放开IE的跨域设置步骤 启动IE，点击工具→Internet选项 选择安全→自定义级别 启用【其它】选 阅读全文
摘要：
前情 最近在做需求开发，要求根据后台传来的配置对网页换肤，按以往的换肤思路应该是写好几套样式做切换达到换肤效果，但是现在想做到能根据后台配置动态修改。 原理 通过css3新增变量特性，把颜色定义为变量再全局使用，在想更改颜色的时候，我们只要修改对应变量对应的颜色就能全局换肤，主要原理演示代码如下： 阅读全文
摘要：
前情 最近在开发需求时，有一个需求需要根据当前元素是否是可滚动的，如果是可滚动的则需要提示一个滚动提示，点击提示能滚动到最底部。 方式1 通过元素的scrollHeight和clientHeight来判断当前元素是否可滚动，在绝大多数场景下它是可以的，但是对于一些特殊场景是有一定问题， 子元素超出父 阅读全文
摘要：
前情 在访问测试搭建的测试环境的时候，发现接口因为跨域全部失败了，服务端又不想设置允许跨域，又急于使用，于是想到是不是可以使用跨域浏览器 放开chrome的跨域设置步骤 复制一个chrome快捷图标，改名为Google Chrome-cross(自己取一个能够和正常快捷方式区分的即可) 在复制的Ch 阅读全文
摘要：
前情 在使用node.js的过程中，经常会时不是遇到有些包下载安装慢或者失败，有时可以尝试切换源来解决这类问题 坑 通过npm install nrm -g安装完nrm后运行nrm一直报错 Why? 在64位操作系统中运行node时，process.platform会返回“win32”，这实际上应该 阅读全文
摘要：
前情 最近在使用某此第三方模块需要依赖不同的node版本，于是想通nvm来管理node版本 坑 网上下载nvm-window的安装包，一步步傻瓜式安装下去，发现nrm无法使用，设置环境变量也没有用，再重启后解决了，但是通过nvm安装的node没法使用，一直报：“node”不是内部或外部命令，也不是可 阅读全文