2022新
30篇文章 · 1订阅
  • 我写这10+个JavaScript单行代码，被组长夸代码写得优雅！
    有时候能一行代码解决，就尽量不用多行；本文整理了工作非常有用的单行代码，这些需求都是在开发中非常常见的，用单行代码帮助你提高工作效率。
    JavaScript 前端
    我写这10+个JavaScript单行代码，被组长夸代码写得优雅！
  • 原生拖拽太拉跨了，纯JS自己手写一个拖拽效果，纵享丝滑
    说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋
    前端 JavaScript CSS
    原生拖拽太拉跨了，纯JS自己手写一个拖拽效果，纵享丝滑
  • 树状结构转 Map 结构
    树状数据，其实大家都有点怵，原因其实也很简单， 数据的增删改查都很困难，需要一层一层的去遍历。 只要数据的层级和数量稍微大一点， 就很容易导致性能出现问题，让你的页面出现操作的明显卡顿
    前端
  • 使用 mix-blend-mode 实现不套标签搜索关键字高亮
    一般实现是文字搜索高亮，需要动态给文字内容套一层标签，然后才能改变匹配文字的颜色。现在，通过 mix-blend-mode 混合模式，我们可以在不嵌套任何标签的情况下，让任意的文字颜色变色。
    前端 CSS 掘金·日新计划
  • WebRTC 从实战到未来！迎接风口，前端必学的技术🔥
    拍照，抠图，分享屏幕，录制屏幕，虚拟背景，实时音视频通话，新开了一个专栏《WebRTC 从实战到未来！》
    前端 JavaScript WebRTC
    WebRTC 从实战到未来！迎接风口，前端必学的技术🔥
  • 前端架构带你 封装axios，一次封装终身受益「美团后端连连点赞」
    屋里美团的姑娘喊我帮她写前端，忙到凌晨两点的我苦不堪言。为此我写了这篇文章《axios封装》希望他们在未来写出更好的前端代码。
    axios Vue.js
    前端架构带你 封装axios，一次封装终身受益「美团后端连连点赞」
  • 使用纯 CSS 实现超酷炫的粘性气泡效果
    最近，在 CodePen 上看到这样一个非常有意思的效果： 这个效果的核心难点在于气泡的一种特殊融合效果。 其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG
    前端 CSS JavaScript
    使用纯 CSS 实现超酷炫的粘性气泡效果
  • WebRTC前端必学的技术🔥,谈谈浏览器关于渲染流程、缓存以及网络请求的原理,虚拟线程 - VirtualThread源码透视| 酱酱的下午茶第84期
    今日看点：WebRTC 从实战到未来！迎接风口，前端必学的技术🔥， 吃透Promise？先实现一个再说（包含所有方法），SQL优化思路+经典案例分析，一文吃透 Kotlin 中眼花缭乱的函数家族..
    前端 后端 Android
    WebRTC前端必学的技术🔥,谈谈浏览器关于渲染流程、缓存以及网络请求的原理,虚拟线程 - VirtualThread源码透视| 酱酱的下午茶第84期
  • 数据大屏最简单自适应方案，无需适配rem单位
    是否还在为rem适配感到烦恼？和我一样，不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量，最简单的方法解决问题。可作于学习，可用于工作。
    前端 JavaScript 设计
    数据大屏最简单自适应方案，无需适配rem单位
  • 2020年了,再不会webpack敲得代码就不香了(近万字实战)
    2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…
    JavaScript
    2020年了,再不会webpack敲得代码就不香了(近万字实战)