前端
17篇文章 · 0订阅
  • 简单实用又不花里胡哨的鼠标滑过样式
    一、纯图片的DIVhtml代码（以下效果皆围绕这个代码展开）：1、缓动上移效果图：2、放大效果效果图：3、框内放大效果效果图：4、蒙层效果效果图：二、上图下文的DIV不建议将整个div放大，会导致文字
    CSS
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 史上最强vue总结---面试开发全靠它了
    运行速度更快:相比较与react而言，同样是操作虚拟dom，就性能而言，vue存在很大的优势。 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 对象为引用类型，当复用组件时，由于数据
    Vue.js
  • 如何实现高性能的在线 PDF 预览
    最近接到产品需求，用户需要在我们的站点上在线查看 PDF 文件，并且查看时，用户可以对 PDF 文件的进行旋转、缩放、跳转到指定页码等操作。 这个太简单了，随便找找就一堆轮子。 这个方案麻烦一点，我们需要在项目中引入 PDF.js 这个库，然后再使用 iframe 来加载指定的…
    前端
    如何实现高性能的在线 PDF 预览
  • 浏览器中的跨页面通信
    浏览器可以打开很多个不同的，有时候我们需要跨页面进行数据传递或者触发页面中某个特效的时候，这时你可能需要用到跨页面的通信。怎么样实现？下面就来看一下浏览器的跨页面方式~ 可以看出BroadcastChannel是在网页中创建一个通信频段，所有加入该频段的页面都可以接发消息，但是…
    JavaScript
    浏览器中的跨页面通信
  • 不可思议的纯 CSS 滚动进度条效果
    就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…
    CSS 前端
    不可思议的纯 CSS 滚动进度条效果
  • 通过了解 Redux 简单源码，掌握 Redux 数据流原理
    在项目中用 Redux 的时候，有时候就觉得会用，但是不明白为什么这样用。导致在 debug 的时候，无法快速的 debug 出原因。而且 Redux 的源码也不复杂，暴露出来的只有 5 个 API，可以作为很好的阅读源码的开端，所以在这里很开心可以和大家一起来探索 Redux…
    Redux React.js
    通过了解 Redux 简单源码，掌握 Redux 数据流原理
  • 「颜值即正义」那些管UI小姐姐要来的网站
    放轻松，今天不是面试课。有人说欧巴的上一篇文章太难了，入门的话看不懂。 不要慌哈，网络安全的内容比较多，一篇文章写不完，后续会分成几篇文章，带大家手动实现一波，加深理解。 言归正传，今天欧巴要和大家分享一波硬核网站，作为一名前端工程师，不能总依靠UI小姐姐，工作上要为UI小姐姐…
    前端 视觉设计
    「颜值即正义」那些管UI小姐姐要来的网站
  • 字节跳动面试官：请你实现一个大文件上传和断点续传
    这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)
    JavaScript
  • 我从来不理解JavaScript闭包，直到有人这样向我解释它
    大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 正如标题所述，JavaScript闭包对我来说一直有点神秘,看过很多闭包的文章，在工作使用过闭包，有时甚至在项目中使用闭包，但我确实是这是在使用闭包的知识。 最近看到的一些文章，终于，有人用于一种让我明白方式对…
    JavaScript ECMAScript 6