摩尔的庄园

douyin —— 一个基于 Vue、Vite 实现，模仿抖音的移动端短视频项目，目前已经达到官方 App 的 80% 。...

用户登录之后，会返回一个用户的标识，之后带上这个标识请求别的接口，就能识别出该用户。 标识登录状态的方案有两种： session 和 jwt。 session 是通过 co...

作为前端开发者，写烦了页面布局，给自己找点乐子，开发一个自己的谷歌浏览器插件。谷歌浏览器插件通常由HTML、CSS和JavaScript组成，非常利于前端开发。插件，可以为...

前言 最近新增抽奖盲盒，就是扭蛋机的形式，由于前端使用GIF图会很大，而且图片会很大，所以扭蛋机中的扭蛋进行分离，前端单独使用css进行。 麦当劳扭蛋机效果 扭蛋机窗口大小...

在一些社群网站，经常会碰到问题、活动、商品的信息分享，这种分享通常是以海报的形式发送给好友或保存到本地。在这种场景下，海报肯定是动态变化的，所以我们要动态的渲染内容并生成图...

上次拿到海康的offer之后，信心大增，但是目标不止于此，就想再往上冲一冲，于是目标就转向了海马体。海马体作为2023年AIGC现象级应用的公司之一，其AIGC的能力相对成...

移动端适配 所谓移动端适配，其概念就是在任意手机中我们开发的网页显示都是正常的，如下例子所示 上面的页面如果在 iPhone6/7/8 中查看那就一切正常，因为 iPhon...

效果图 搭建Layout布局 页面 在src下面创建layout目录，这里面放置layout相关的页面组件(侧边栏、头部、主体部分等)。 各个模块 我这里是把各个区域的页面...

当面试官问如何能点击图片下的按钮时，不是问的JS事件委托，而是想看你是否知道css的【事件穿透】属性，一行代码搞定...

如果面试官，或者有人问你foreach怎么跳出循环，请你大声的告诉ta，跳不出！！！！！！！！！！ foreach 跳不出循环 为什么呢？ 先看看foreach大体实现。 ...

实现定高、不定高的瀑布流虚拟列表组件，分享实现过程和思路，实现小红书首页的瀑布流虚拟列表效果并进行计算加载优化。...

前段时间，我推出了 1-1 私聊沟通服务。和我 1-1 微信语音（或腾讯会议）聊天，我现场解答问题。 想通过我个人这么多年的工作、面试、讲课的经验和教训，帮助那些有技术干货...

总结 uniapp 多端项目中遇到的一些坑点，记录解决方式，交流探讨不同解决方式的优缺点，提供相关问题的解决思路。...

完整的导图，这里放不下，老规矩，关注公众号「前端试炼」，回复「简历」获取。 1. 前言 最近是春招季，参与了部门的实习生招聘工作，收到了很多同学的简历。发现有一些同学的简历...

为了更好的了解原神角色，我模仿官网做了一个角色切换效果，在做的过程当中也总结了一些技术点，接下来就为大家分享一下，话不多说，原神启动！！！！...

滚动视差 滚动视差效果（Parallax Scrolling）是指让多层背景以不同的速度位移，形成立体的运动效果的视觉体验，在前端强交互的时代，更应该多考虑这种用户体验较好...

瀑布流虚拟列表前置篇，分析小红书瀑布流特点，实现不定高卡片的瀑布流组件并且实现触底加载更多以及响应式布局...

进入状态 logo 上移滚动状态 开始展开状态 绝大部分内容展开状态 全部展开状态 动画需求综合分析 核心：页面滚动触发动画 页面滚动 钉钉 logo + descript...