油腻死肥宅

我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。 嗯，这样看起来…

题记： 书中自有黄金屋，书中自有颜如玉。 就好像 one piece ，等待着我们去发现，找到。不是所有的地方都有 one piece (书的每一章每一页)，也许在某处，有一段耐人寻味的话，等待着我们去发现。一些人可能错过了，一些人可能找到了，这也许就是读书的魅力吧。 读了很…

定义：当其依赖的属性的值发生变化的时，计算属性会重新计算。反之则使用缓存中的属性值。 当其依赖的属性的值发生变化的时，这个计算属性的值也会自动更新。多用于"data，computed"的属性。 当赋值给计算属性的时候，将调用setter函数。多用于在模板组件中需要修改计算属性自…

昨天看vue的官网文档，在slot-scope这块不是特别的明白，今天自己做了一个小例子，便于理解。 先说一下我们假设的应用常用场景，我们已经开发了一个代办事项列表的组件，很多模块在用，现在要求在不影响已测试通过的模块功能和展示的情况下，给已完成的代办项增加一个对勾效果。 解决…

前端重构程序员是一个关注代码同时还要留意体验的异类。代码的优化虽然难，但是有比较多的性能测试工具去证明优化的成果。然而体验这种东西，我们又要如何去证明它的好与坏呢？ 今天我着重会基于「webnovel」PC站点从以上两点给大家介绍，如何从体验的角度去做重构的优化，并如何用数据去…

感谢掘金的邀请，能够有机会在这里跟大家分享一些轻芒做小程序的具体实践，结合我们在做轻芒杂志过程中的技术选择，重点和大家聊一些轻芒杂志交互实现的经验。 开始之前，先自我介绍一下，我大概 2009 年开始入行，2011 年去了豌豆荚，2016 年底我和王俊煜、崔瑾一起出来做了轻芒。…

这是MDN上给的官方概念，不用去管它，我粘出来只是为了显得专业点嘛... 重点看这里监听目标元素与其祖先或视窗交叉状态的手段，其实就是观察一个元素是否在视窗可见。 可以看到，交叉了就是说明当前元素在视窗里，当前就是可见的了。 其实就是一个简单的构造函数。 以上代码会返回一个In…

不建议上传大图片。。喜欢听电脑引擎声的除外 首先，并不打算单纯的实现某一张图片（这样太没意思了），而是通过上传图片，来动态生成box-shadow的数据。 box-shadow可以让我们针对任意一个html标签生成阴影，我们可以控制阴影的偏移量、模糊半径、实际半径、颜色等一系列…

为了保证在低版本的机型也能正常显示页面，可以引入 viewport-units-polyfill 来处理 vw 的兼容问题。 viewport-units-polyfill 其实是 viewport-units-buggyfill 的简化版。 简单介绍下 viewport-un…