Html
8篇文章 · 0订阅
  • 巧用rem实现数据可视化大屏
    amfe-flexible主要用于解决移动端的适配问题，amfe-flexible将html的font-size设置为屏幕分辨率宽/10，即1920 * 1080的分辨率html的font-size就应该是192。 rem是CSS3新增的相对长度单位，是指相对于根元素html的…
    CSS
  • 前端必知必会--操作URL的黑科技
    杀鸡焉用牛刀呢，今天我们来学习下专门用来处理URL的query的接口：URLSearchParams 。 有时候不知道一个字段是否存在，所以想事先校验下。使用实例的has方法进行判断，代码： 有时候想重写一个字段，而不是添加(append)一个字段，这时候需要使用set方法，比…
    JavaScript
  • 防抖(Debounce) & 节流(Throttle)
    浏览器中某些计算和处理非常昂贵。比如当鼠标响应resize, touchmove,scroll等操作时，绑定的函数触发的频率会很高，如果该函数稍微复杂一些，响应速度会远远跟不上触发频率，便会出现卡顿，延迟，假死等现象。 如上图所见，在输入时会不断的发送请求，非常浪费资源。为优化…
    JavaScript
    防抖(Debounce) & 节流(Throttle)
  • 「前端面试题系列9」浅拷贝与深拷贝的含义、区别及实现（文末有岗位内推哦~）
    面试的时候，我经常会问候选人深拷贝与浅拷贝的问题。因为它可以考察一个人的很多方面，比如基本功，逻辑能力，编码能力等等。 另外在实际工作中，也常会遇到它。比如用于页面展示的数据状态，与需要传给后端的数据包中，有部分字段的值不一致的话，就需要在传参时根据接口文档覆写那几个字段的值。…
    面试
    「前端面试题系列9」浅拷贝与深拷贝的含义、区别及实现（文末有岗位内推哦~）
  • 【前端词典】5 种滚动吸顶实现方式的比较[性能升级版]
    这篇文章是三天前写就的，有大佬给我提了一些修改意见，我觉得这个意见确实中肯。所以就有了这个升级的修改版本。代码同步更新到 GitHub 了。 我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug，后来我查看代码才发现直接用的…
    JavaScript 前端
  • 放下Axios，手写纯原生Ajax通信接口
    axios作为vue框架中最常用的ajax工具包之一，可以与后台API接口进行通信，传送或接收数据，在前后端分离开发中，发挥了通信桥梁的重要作用。 虽然像axios这样的第三方工具包很好用，但是这类工具包并不能很好地帮助前段开发人员，尤其是新人理解JavaScript原生的aj…
    Ajax
    放下Axios，手写纯原生Ajax通信接口
  • 用css3实现惊艳面试官的背景即背景动画（高级附源码）
    我们传统的前端更多的是用javascript实现各种复杂动画，自从有了Css3 transition和animation以来,前端开发在动画这一块有了更高的自由度和格局,对动画的开发也越来越容易。这篇文章就让我们汇总一下使用Css3实现的各种特效。这篇文章参考《css揭秘》这本…
    CSS
  • 【前端词典】这些功能其实不需要 JS，CSS 就能搞定
    今天我们大家介绍一些你可能乍一眼以为一定需要 JavaScript 才能完成的功能，其实 CSS 就能完成，甚至更加简单。 1. 每个单词的首字母大写 其实我第一次看到这个功能的时候就是使用 JS 去实现这个功能，想都没想 CSS 可以完成这个功能。马上就屁颠屁颠的写了一个方法…
    CSS 前端