这是一个老套的需求，jq时代就很流行的交互需求。网络上也有不少资料，我这里写这篇文章的目的更主要是针对这些资料的不足，解决一些问题： 吸顶和滚动导航的资料都是独立的，二者作为独立功能独立分析。我这里要把吸顶功能作为滚动导航的一个功能之一，作为一整套方案来分析。 吸顶和滚动导航的…

背景：笔者在开发英语角中添加了比较多的毛玻璃效果，以及后续在开发晨读小程序、新年“奇思妙想”活动中遇到了这种效果，UI 也说后续可能会比较大量的使用这个效果，所以这里记录一下毛玻璃效果的实现以及踩坑记

滤镜主要是用来实现图像的各种特殊效果，比如灰色、颜色反转、黑白、马赛克、锐化等，我们在Photoshop中处理图片时经常能看到，这些看似很复杂的功能前端同学通过Canvas也能很容易实现。本文先通过几个简单的例子，解释如何实现简单的滤镜效果；之后再介绍卷积的基础知识，通过卷积运…

UI（User Interface），即用户界面，是软件和用户之间进行交互和信息交换的媒介，实现信息的内部形式与人类可接受形式间的转换。UI开发一般需要经过UI设计、UI实现两个过程。UI设计是对软件的交互、操作逻辑、界面的设计，通常由UI设计师和交互设计师按照用户对软件的…

最近不少写博客的朋友跟我反馈博客园的一些文章下架了，这让我联想到去年简书一样，我之前写的博客都被下架不可见了。 我最开始接触的博客网址是 csdn、思否、简书还有博客园等，但是后期发现，单论博客的生态感觉做的越来越不行，干货虽然很多，但是垃圾、标题党很严重，我自己也有一些博文被…

节流和防抖在开发项目过程中很常见，例如 input 输入实时搜索、scrollview 滚动更新了，等等，大量的场景需要我们对其进行处理。我们由 Lodash 来介绍，直接进入主题吧。 防抖 （debounce） ：多次触发，只在最后一次触发时，执行目标函数。 节流（throt…

很多的小伙伴，经常会有这样的困惑，我看了很多技术的学习文档、书籍、甚至视频，我想动手实践，于是我打开了 GitHub，想找个开源项目，进行学习，获取项目实战经验。这个时候很多小伙伴就会面临这样的问题：“我不会搜啊，我该怎么找呀？”，最终只能放弃。 这篇文章，小编教你精准地在 G…

1. 使用引号强制进行精确匹配搜索 2. And 运算符 3. 使用 OR 操作符获取搜索词中某一个的结果 4. - 操作符将排除包含搜索词的结果 5. 可以使用(*)通配符作为占位符，它将被任何单词或短语替换 6. 在一个单一的网站搜索 7. 查找特定的文件类型 8. 搜索一…

在开发过程中我们经常会用到mock数据，为了使用mock数据，我们常常需要引入很多额外的工作，比如在本地使用静态json的方式需要我们手动创建很多json文件，再比如现在存在的一些mock服务，也需要我们手动做很多工作。当然繁琐的操作步骤也主要可能是因为我们所要开发的业务涉及的…