泽尔马_zelma

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto...

过去，我每年都会写一篇年终总结，可最近几年却停更了。 一方面是精力有限，而最主要的原因是每年的总结内容都大同小异，写起来感觉意义不大。 那为什么今年又重拾笔杆了呢？原因很简...

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超...

大家好，我是前端林叔。 百度有个特别好的福利，就是每个季度都会给大家买本书，部门收集大家的书单，然后统一采购，我最近买的是《腾讯传》，每天午休之前都会花个十几分钟随便看看，...

大家好，我是前端林叔，掘金小册《如何写出高质量的前端代码》 作者。 先说观点：在进行前端开发时，单个文件的代码行数推荐最大不超过300行，而超过1000行的都可以认为是垃圾...

最近，我们部门在开发一个组件库时，我注意到一些团队成员对使用TypeScript表示出了抵触情绪，他们常常抱怨说：“TypeScript太麻烦了，我们不想用！”起初，我对此...

背景 前端的性能优化，图片优化是必不可少的重要环节，大部分网站页面的构成都少不了图片的渲染。尤其在电商类项目，往往存在大量的图片，如 banner 广告图，菜单导航图，商品...

话不多说，先上效果图 背景 最近在实现一个主动服务的聊天页面，使用的scroll-view组件实现的，其中有一个需求是，后续进入有聊天内容时，第一次进入需要直接滚动到最底部...

背景 在完成一个返回顶部的组件时，我想在组件内部直接获取到当前页面的滚动距离，并且暴露出一个props来控制超出多少距离就显示这个返回顶部的组件。功能其实很简单，只需要监听...

背景 在完成一个倒计时的方法时，由于使用到了定时器，需要在页面的onUnload生命周期将定时器给删除掉，但是由于是一个额外的js文件，在这个文件中拿不到onUnload的...

随着项目的不断迭代，项目整体的代码量已经超过10M，特别是主包大小一直处在2M限制的边缘，导致小程序下载和解析的耗时非常长。而这两部分的耗时越短，用户侧的体验就越好。...

有感于近期和团队小伙伴们的交流、以及观察到的最近这一两年来大家对生活和工作态度的明显变化，一直在思考如何在这种逆风的局面下让自己成为受益者、而不是单纯的悲观主义者。...

一些 GitHub 上不错的文章或电子书列表与大家分享。不乏有不少经典，可以收起来慢慢阅览。...

由于工作需要学习react框架；最开始看文档的时候感觉还挺难的。但当我看了半天文档以后才发现，原来react这样学才是最快的；前提是同学们会vue一类的框架哈。 该方法适用...

节流(throttle)和防抖(debounce)是网页性能优化的手段之一，也是大家在开发过程中经常忽视的点。面试也经常会被问，同时是前端进阶重要的知识点。 本文从概述，实...

1. 为什么写这篇文章？ 2020 年 3 月，懵懂的蔡小真怀揣着对技术的向往无比乐观地进入部门实习，入职当天就收到了来自导师的两份礼物，一是代码仓库链接，二是代码开发规范...

2019年了，相信大家对 Promise 和 async/await 都不再陌生了。 前几日，我在社区读到了一篇关于 async/await 执行顺序的文章《「前端面试题系...

工欲善其事必先利其器，本文分析了在vscode中使用ESLint和Prettier插件的是使用，以及在完成代码保存时自动格式化方面存在的冲突的原因以及怎么更好的解决...