前端值得反复看的
17篇文章 · 0订阅
  • 滑动头部固定，要不也了解下？
    最近公司事情比较少，正好早上有人问我那个滑动粘着头部不动的怎么实现，我想了半天，前几天刚刚写过，那就记录一下咯。于是，女朋友送了我一张图 其实思路还蛮简单的，监听容器div的滚动时间，及每个需要fixed的高度，滑到这个对应高度了，fixed住就行了。可能有点笼统，我们结合代码…
    GitHub Google 前端
  • 由节流函数引发出对event-loop的思考，顺便刷刷爆款题
    当我在看节流函数的时候，碰到了setTimtout，于是从js运行机制挖到了event-loop。那么咱们就先从这个简单的节流函数看起。 当我们打开页面，代码执行到window.onscroll = throttle(foo, 1000)就会直接执行 throttle函数，定义…
    JavaScript
  • 玩转「Canvas」
    Canvas是 HTML5 新增的，一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。 Canvas是由HTML代码配合高度和宽度属性而定义出的可绘制区域。J…
    前端 SVG Canvas
  • vue / react的UI库都在用的几个DOM API🚀
    虽然vue/react帮我们实现了操作数据映射到dom操作, 但是还是有很多不得不用DOM API的场景, 下面我就给大家列出一些UI库中经常出现的DOM API(写业务代码也可事半功倍). 注: 本文是系列文章会持续更新, 大家可收藏保持关注. 也可关注我github上的笔记…
    JavaScript
  • Tips-移动端滑动固顶效果(position: sticky)
    先放个图看看滑动固顶是啥效果： 中间那个 tab 条，平常的时候是固定的，等到页面滑上去的时候，又像 fixed 一样贴在顶部。position: sticky 就是用来实现这个效果的，元素不脱离文档流，仍然保留高度，所以这个属性真是人畜无害啊，而且效果如丝般润滑，堪比原生。 …
    HTML CSS 动效
    Tips-移动端滑动固顶效果(position: sticky)
  • CSS 动作路径标准 Motion Path 简介
    动画。然而，要想让动画对象沿着一条路径进行移动，还是有一些难点的。CSS Motion Path 标准的出现，让开发者能够给动画对象定义一条动画路径，配合 keyframe 等操作，轻松实现让一个物体沿着一条路径进行动画。 Motion Path Level 1 从 2015 …
    CSS
  • 厌倦了写活动页？快来撸一个页面生成器吧！
    如果你经常接触一些公司的活动页，可能会经常头疼以下问题：这些项目周期短，需求频繁，迭代快，技术要求不高，成长空间也小。但是我们还是马不停蹄的赶着产品提来的一个个需求，随着公司规模的增加，我们不可能无限制的增加人手不断地重复着这些活动。这里我就不具体介绍一些有的没的的一些概念了，…
    Node.js Vue.js 前端
  • postMessage可太有用了
    前言: 本篇文章我将带大家一起来好好认识一下postMessage,包括它的兼容性,对应的API介绍,以及常见的几个使用场景,希望可以给有同样困惑的盆友们一点启发,给需要用这个技术的同僚们一些帮助. postMessage是html5引入的API,postMessage()方法…
    前端
  • javascript忍者秘籍-第五章 闭包和作用域
    每一个通过闭包访问变量的函数 都具有一个作用域链，作用域链包含闭包的全部信息。 :star: 闭包所有的信息都存储在内存中，直到 JavaScript 引擎确保这些信息不再使用或页面卸载时，才会清理。 闭包内的函数 不仅可以在闭包创建时可以访问这些变量，而且可以在闭包函数执行时…
  • JS 的正则表达式
    正则表达式 一种几乎可以在所有的程序设计语言里和所有的计算机平台上使用的文字处理工具。它可以用来查找特定的信息（搜索），也可以用来查找并编辑特定的信息（替换）。 核心是 匹配，匹配位置或者匹配字符 先简单的介绍一下语法 基本元字符 . ： 匹配除了换行符之外的任何单个字符 \ ：…
    正则表达式