JavaScript实现事件总线(Lab小技巧-005)

近日沉迷搬砖(偷懒),都没什么时间更新文章了,砖搬的差不多了赶紧回来写点小玩意~ 依旧是背景介绍,我们在网购的时候都填过地址吧,一般点击编辑地址的时候都会跳到新的页面,那么问题来了,我们编辑好提交之后,怎么把数据给回上一个页面呢? 如果我们遇到上面的情景会怎么解决呢?方案倒不少,storage、状态管理甚...

2018年个人总结

和其他文章一样,就算是个人总结,我也想写个背景。18年对我来说,是个“动荡”的年份–摆脱了应届生的身份、经历了人生第一次跳槽、成功进入梦寐以求的“大厂”。体验到了一些不一样的东西,也有点怀念以前的一些事情。 上半年–2018.01~2018.06–荔枝微课17年中旬,刚毕业的愣头青(我)进入荔枝微课,第...

前端页面全局锁(Lab小技巧-004)

看到页面上有个按钮不知大家是否有疯狂点击的冲动?请善待我们前端开发,不要轻易多次点击页面上的按钮(开玩笑~ 在网页开发的过程中,秉着保护自己不信任用户的原则,我们有必要在某些会被频繁触发的按钮或者热区加上“锁”,这里的锁指的是短时间内不允许多次点击按钮。 首先,有必要说一下重复点击这个事它到底会导致怎样的...

前端组件设计--位运算的妙用

Hello好久不见。跳槽之后一直没什么时间总结记录这段时间的见闻或实践,好不容易挤出点时间,今天想记录一下最近的一个组件设计&开发历程,该组件的开发环境是小程序,但是我认为这个思维是通用的~ 本文可能涉及内容– 需求简介 位运算与表单组件的结合 组件设计小结 需求简介我们大概需要完成这样一个表...

小程序中WXS(Lab小技巧-003)

小程序出现也有一段时日了,随着生态的日益健壮,小程序也慢慢成为相对成熟的平台。今天想和大家分享一下小程序中相对冷门但有用的东西–WXS 最近都在写小程序,遇到这样一个tab组件的需求,大概意向如下图 背景介绍,该tab组件将会由两个现成的组件拼凑而成,分别是tab-head与tab-body,并且tab...

Object.assignPro-XMax(Lab小技巧-002)

标题和内容可能无关(微笑 Object.assign()相信大家都不陌生,就算平时没怎么用,也可能有在各类文章中见过它。在如此高的曝光率背后,我们的assign是不是能承接我们所有的寄托了?貌似是不能的:( 最近在开发产品配置的后台,经常要对表单数据进行合并,所以经常用到我们的主角Object.assig...

如何判断版本号(Lab小技巧-001)

开篇介绍–因为最近无暇整理编写内容比较丰富的博文,所以想着是不是可以把平时见到或者用到的一些开发小技巧分享给大家。文章大概构成是场景+代码+解释,希望对大家有所帮助~ 不知道大家平时有没遇到过要判断版本号的需求,假设有这样一个场景,我们需要在H5或者小程序中判断微信客户端的版本号,不同版本的微信显示不一样...

小程序各种姿势实现登录

喜闻乐见的背景时间–由于最近接触小程序比较多,又刚好经历过小程序的自动登录时代以及现在的点击登录时代。结合自己的实践以及观察到其他小程序的做法,就有了这篇小分享~ 本文可能涉及的内容– 更新首先感谢@shaonialife同学的精彩评论~ 可能由于用词不当,让大家误认为getUserInfo被弃用,其...

一起了解一下JS的事件呗

写在前面,这应该是JS中很基础的一部分吧,但是身为苦苦自学前端的切图仔,对其了解还是不够深刻,有必要写写~ 本篇可能涉及以下内容– 一个弹窗&蒙版的点击 DOM的事件模型 JavaScript事件流 JavaScript事件委托 一个小DEMO 一个场景相信下面这个弹窗大家都见过或者做过吧↓ 我...

React中型项目的优化实践

写在前头–在公司搬砖也差不多一年了,眼看着项目越来越大,优化问题亟待解决。优化是一件很矛盾的事情,但是为了诗和远方,我们还是得走一趟坑坑洼洼的优化之路。 本文可能涉及的内容– 项目介绍整个项目大概有60+个页面,用到的组件大概150+,package里面的依赖大概有70+个,应该勉强算得上是一个中型的R...