！win ！

摘要： 前情 uni-app是我很喜欢的跨平台框架，它能开发小程序，H5,APP(安卓/iOS),对前端开发很友好，自带的IDE让开发体验也很棒，公司项目就是主推uni-app 坑位 最近有用户反馈闪屏页也叫启动页会出现横屏，收到反馈后自测发现确实是有横屏问题，而且横屏进入页面会乱，即使已切到竖屏。 Why 阅读全文

摘要： 前情 最近在优化接口请求错误的报错提示，希望尽可能的能从提示语知道当前错误大致原因，于是我需要模拟各种错误请求的状况。 问题 网络超时是很常见的接口请求错误情况，在没有服务端配合的情况下，我需要怎样来模拟出网络超时情况了 解决方案 通过Fiddler可以模拟出网络超时的情况，此处有二种实现方式 方案 阅读全文

摘要： 前情 在前端开发越来越复杂的今天，越来越需要一些设计模式来提高开发质量和效率 定义 属于行为型模式，当对象间存在一对多关系时，则使用观察者模式（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 阅读全文