• 如何优雅地使用CSS gap属性

    写在前面在这篇文章中,我们将探讨CSS gap属性的用法,它可以很容易地在元素之间添加间距,并解决多年来困扰开发人员的布局问题。 gap是用来解决什么问题的?gap属性允许我们在元素之间水平和垂直添加间距。在这之前我们一直是使用margin。但是,使...
  • Webcomponents初探

    写在前面相信作为一名前端开发,无论是使用 vue 还是 react、augular,大家对于组件和组件化开发一定不会陌生,甚至颇有道行,但说起原生组件开发,可能许多朋友就挠头了,还有这个操作么?就好像经常用谷歌开发的人听说 IE 突然支持 ECMA ...
  • 记录一道算法题-有效的括号

    题干给定一个只包括 ‘(‘,’)’,’{‘,’}’,’[‘,’]’ 的字符串 s ,判断字符串是否有效。 有效字符串需满足: 左括号必须用相同类型的右括号闭合。 左括号必须以正确的顺序闭合。 每个右括号都有一个对应的相同类型的左括号。 示例 1:...
  • EventLoop时间循环解析

    写在前面浏览器中的事件循环也是老生常谈的只是点了,今天来扒一扒浏览器中的事件循环机制。 来看一道题12345678910111213141516console.log(1)setTimeout(function() { console.l...
  • Javascript内功修炼-深入浅出call、bind、apply

    写在前面在上文中,提到了多数情况下的this 遵循的指向机制。在另外一些情况下 this 是不遵循这个机制的。改变 this 的指向,主要有两条路: 通过改变书写代码的方式做到(比如上一节提到的箭头函数)。 显式地调用一些方法来帮忙。 两条路都是...
  • 快速排序的思路及解法

    快速排序的基本原理采用“分治”的思想,对于一组数据,选择一个基准元素,通常选择第一个或最后一个元素,通过第一轮扫描,比基准小的元素都在base左边,比基准大的元素都在基准右边,再有同样的方法递归排序这两部分,直到序列中所有数据均有序为止。它与其他排序...
  • Javascript内功修炼-this指向

    this 指向谁?多数情况下,this 指向调用它所在方法的那个对象。 说得更通俗点, 谁调的函数,this 就归谁。 当调用方法没有明确对象时,this 就指向全局对象。在浏览器中,指向 window;在 Node 中,指向 Global。(严格模...