经验
33篇文章 · 0订阅
  • 要做动效？这75款动效工具让你无所不能（上）
    动效这两年崛起非常之迅猛，几乎是网页设计领域最强大的设计趋势之一。无论是在设计师群体还是在用户当中，它的受欢迎程度都非常之高，大家都对它津津乐道。 从微妙的转场动效到覆盖整个页面的大范围动效，它几乎无处不在。动效的运用让网页中的元素逻辑变化关系清晰地表述出来，还将影视化的体验引…
    动效 设计
    要做动效？这75款动效工具让你无所不能（上）
  • 每日优鲜供应链前端团队微前端改造
    我所在团队是做toB业务的，技术栈是Vue，团队目前有十多个典型的toB业务（菜单+内容布局），这些业务都是服务于一个大平台的，因为历史原因，每个业务都是独立的，都有一个html入口，所以当用户在这个大平台上使用这十多个业务的时候，每当切换系统时，页面都会刷新，体验很差；在开发…
    Webpack
    每日优鲜供应链前端团队微前端改造
  • 90行代码，15个元素实现无限滚动
    IntersectionObserver API 的用法，以及如何兼容。 如何在React Hook中实现无限滚动。 如何正确渲染多达10000个元素的列表。 无限下拉加载技术使用户在大量成块的内容面前一直滚动查看。这种方法是在你向下滚动的时候不断加载新内容。 当你使用滚动作为…
    React.js JavaScript
    90行代码，15个元素实现无限滚动
  • 滚动视差？CSS 不在话下
    视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 作为网页设计的热点趋势，越来越多的网站应用了这项技术。 通常而言，滚动视差在前端需要辅助 Javascript 才能实现。当然，其实 CSS 在实现滚动…
    CSS JavaScript 前端
    滚动视差？CSS 不在话下
  • 解密初、中、高级程序员的进化之路（前端）
    仅能完成简单模块和项目的开发工作，难以胜任复杂模块的开发。通常是入行不久， 1 年及以下工作经验的同学。 熟悉前端基础知识如 HTML、JS、CSS 。 能够使用一门 MVVM 框架进行简单的业务开发。 遇到复杂的组件和模块，会找现有的轮子使用。 会使用百度、google 等检…
    前端 程序员
  • JS方法速查
    致谢：A、让你一眼就看到我。| 大湿胸。| Adaer | 你的宇哥哥 | jNane | Felix_俊锴 13. 轮询等待函数
    JavaScript 前端
    JS方法速查
  • Web 仿 App 动画竟然引出了“性能杀手”
    在我参与开发的对话小说项目过程中，我们发现创意类的活动对拉升转化数据很有帮助。经过调研，这款对话式小说产品的用户群体大多数都是比较年轻的 90-95 后，所以最后结论是希望以目前业界年轻化 APP 流行的交互形式 —— 《滑卡片》对推书活动做一次改版，也同时希望这个页面能和产品…
    CSS JavaScript
    Web 仿 App 动画竟然引出了“性能杀手”
  • IE浏览器兼容问题总结
    可以使用doctype声明<!doctype html>，让浏览器使用标准模式。 element.addEventListener('click', function(e){ // ... }, false); 1.该方法同时支持事件处理的捕获和冒泡阶段。事件阶段取决于addE…
    前端
  • 小程序分享模块超级详解
    由于微商泛滥，公众号鸡汤泛滥，朋友圈质量已经有所下降，如果小程序再开放分享朋友圈功能，可能会进一步影响到整个微信生态，造成用户活跃度下降，用户流失等问题。 <button> 组件 open-type="share" 即 <button open-type="share">,点击…
    Canvas 微信小程序
  • 2019 面试准备 - JS 防抖与节流
    【2019-08-16】Hello 小伙伴们，由于 jsliang 对文档库进行了重构，这篇文章的一些链接可能失效，而 jsliang 没有精力维护掘金这边的旧文章，对此深感抱歉。请需要获取最新文章的小伙伴，点击上面的 GitHub 地址，去文档库查看调整后的文章。 在本文中，…
    面试 JavaScript