轰轰轰轰

时间回到 2016 年，彼时 996 还不算福报，比特币单价也还远远不到 1000 美元。那时的我怀着对大厂的敬畏和对前途的迷茫，拿着一纸毕业证告别了校园。这第一份名为 Web 前端开发的工作，代码写着写着就到了今天。 一晃三年过去了，从纯粹的赶需求到造轮子、做分享和带团队，许…

Github上关于Vue的UI库，大大小小不计其数，即便是已经被推广使用的成熟库，也有很多。很多时候，我们自研一套UI库，不是想要做得多牛逼，竞争过别人（事实咱也干不过人家，除非你不是一个人在战斗。毕竟这不仅是个技术活，还是个体力活），我们仅仅是源自一个青铜对王者的仰望或者是为…

为了能更容易理解，在开始之前，我们要先达成4个共识。 ... 咳咳咳 不好意思，跑题了 1. transition 和 animation 设置元素 两个不同的状态 和 过渡的时间。 animation 允许我们写多个状态值，为我们解锁了一次告诉浏览器多个状态变化的能力。 告诉…

placeholder属性定义： placeholder 属性规定可描述输入字段预期值的简短的提示信息（比如：一个样本值或者预期格式的短描述）。 问题： placeholder属性给予了用户很友好的提示，但是在老版本的浏览器中就不会起作用（Internet Explorer 9…

Scott 近两年无论是面试还是线下线上的技术分享，遇到许许多多前端同学，由于团队原因，个人原因，职业成长，技术方向，甚至家庭等等原因，在理想国与现实之间，在放弃与坚守之间，摇摆不停，心酸硬抗，大家可以找我聊聊南聊聊北，对工程师的宿命有更多的了解，有更多的看见与听见，Scott…

今天分享一个开发中比较常用到的设计模式发布-订阅模式也可以叫观察者模式，在发布-订阅模式中主要有两个角色：发布者 和 订阅者。 生活中最常用到的一个场景就是当你在QQ空间发布一条心情的时候所有你的QQ好友都会收到你的QQ动态，在这个例子中 你 就是 发布者，而 QQ 好友 则会…

最近刚接触前端开发，接手了一个移动端H5项目。着实体会掉了前端的坑之多，和H5移动端的坑之多多。 介绍方案之前，首先还是交代一下项目背景与需求，毕竟一切方案也不能脱离实际需求。 总的来说主流的方案有rem和vh两种。 rem（font size of the root elem…

看完上面的预览图，是不是有一点兴奋，想自己敲出一个属于自己的小清新导航。下面就开始动手敲代码吧！ 给HTML标签添加class，并添加图片。注：仅仅是个人习惯！ 1. 初始化数据 2. 生成键盘 定义一个变量（boolean类型）作为一个开关，当input获得焦点，将那个变量变…

在 H5 项目中，我们会经常遇到页面中存在单个甚至多个 input/textarea 输入框与底部固定元素的布局情况。在 input/textarea 输入框获取焦点时，会自动触发键盘弹起，而键盘弹出在 ios 与 android 的 webview 中表现并非一致，同时当我们…