酸菜鱼不加辣

然鹅，还是被昨晚特意设置的八个闹钟⏰吵醒，冬天早上起床的难度...想必各位都心有体会 😭，抱着一万个不情愿起床早早地来到了办公室，还是熟悉的环境，还是熟悉的味道。。。 还有，熟悉的任务需求😂。 今天的第一个任务是写个登录页面，老大给了我一个参(chao)考(xi)案例，大家…

本文是内部的一次分享沉淀，偏向基础但是涉及了一些有意思的细节，文笔有限，才疏学浅，文中若有不正之处，万望告知。 前端的一大工作内容就是去兼容页面在不同内核的浏览器，不同的设备，不同的分辨率下的行为，使页面的能正常工作在各种各样的宿主环境当中。 而本文的主题 -- 移动端开发的兼…

开门见山，有这样一种非常常见的情况，对于一些可滚动的元素而言。通常在滚动的时候会给垂直于滚动的一侧添加一个阴影，用于表明当前有元素被滚动给该滚出了可视区域，类似这样： 对于两侧的列在滚动的过程中，静止不动，吸附在边界的问题，通常 CSS 使用 position: sticky …

最近在准备面试，刚好利用几天的时间系统的整理了下JS经常考的手撕题类型。 在这里，以脑图的形式带大家手撕这篇文章里的所有题（带注释）。 5. 手动实现防抖函数 柯理化函数含义：是给函数分步传递参数，每次传递部分参数，并返回一个更具体的函数接收剩下的参数，这中间可嵌套多层这样的接…

大家好，我是 Steven。 苹果网站向来是前端学习的好途径，最新发布的 iPhone 12 的产品介绍网页上就有一个文字渐入效果，这次我们会介绍这个效果是如何实现的。 打开 CodePen 编辑器，先在 HTML 的部份加入一个标题。 然后就可以专注在 CSS 的部份，加入 …

大家好，我是 Steven。 虽然我不打机，但我都知道 赛博朋克 2077 这个游戏，在它的网页上，有一个 Available Now 的按钮，当游标移到它之上的时候，会有一个好像故障的毛刺效果。 这一期，我们就会模仿并且实现这个效果。 打开 CodePen 编辑器 ( htt…

他并没有多震撼多酷炫， 那些花里胡哨的都没有，能形容的只有两个词：用心 细腻。网易云真的很用心，只要在 app 内部搜索【年度总结】你依然能看到自己的年度总结，在看到那首深夜还在听的歌，听过最多的歌词等瞬间，你是否回想起那个你爱过的女孩，是否能激起心里的涟漪。 1. 第二屏 概…

新拟态的英文名称是“Neumorphism”，是New+Skeuomorphism的组合词，同时也叫“Soft UI”。简单讲，新拟态是一种图形样式，其原理是通过模拟真实物体来为界面的UI元素赋予真实感。 在今年上半年，新拟态的UI设计风靡一时，它被誉为2020年最火的UI设计…

在过去的几年时间里，移动端web野蛮生长，智能机的Android阵营和IOS阵营分庭抗礼，随之产生了多个系统版本（系统版本多样）；五花八门的屏幕尺寸、屏幕展示技术（如大名鼎鼎的Retina技术屏）层出不穷（屏幕尺寸、技术多样），还是CSS的W3C标准在各式各样的移动端浏览器上落…