！win ！

摘要： 前情 在前端开发越来越复杂的今天，越来越需要一些设计模式来提高开发质量和效率 定义 属于创建型模式，这种模式涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建。 代码演示 通过静态属性实现单例 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”不是内部或外部命令，也不是可 阅读全文

摘要： 前情 最近在逛论坛的时候遇到有人在提问题，为什么\n在苹果手机上不换行，我以前有网上看到过文章，是因为各系统的解析不同，需要使用\r\n来做兼容，自己虽然知道怎么解决，但是不知具体原因，今特来详细了解。 它们的来历并引起分歧的原由 “回车”（carriage return）和“换行”（line fe 阅读全文

摘要： 前情 最近在项目测试中，使用到Fiddler来抓包看接口请求相关的情况 坑 通过Fiddler抓包，在Fiddler中看到的数据都是正常的，但是保存到本地，发现数据是乱码 Why? 工具里的提示是这样的：Response body is encouded.Click to decode.请求到的数据 阅读全文