源码解读

  • 最近被问到了bannerPlugin的实现方法,这是要考察我们对于webpack的运行机制的了解程度。然而我一点也没了解过,于是就有了下文👇

    webpack插件的格式

    官方链接:编写一个插件
    我们知道插件在webpack的配置文件中是通过 plugins数组来声明,数组里面均为插件对象所创建的实例:

    plugins: [
      new webpack.optimize.CommonsChunkPlugin({
        name: 'vendor',
        filename: 'vendor-[hash].min.js',
      }),
      new ExtractTextPlugin({
       

  • 本人最近在修改 blogsue 中的样式时,使用到了 position: sticky。话不多说,开始主要内容。

    定义

    position: sticky 是 CSS position 属性的一个新值。正如它的名字那样,它会“黏在”你的浏览器窗口中。这个展示方式有很多的应用场景。例如知乎的右侧就是这样一个场景:当用户一直往下翻的时候右侧的专栏(广告)固定住,不会消失在用户界面。又例如手机端的美团,上面的筛选框也需要保持左边固定。

    正如之前的瀑布流与 colum-count 一样,这类应用广泛的排版格式最终都会有原生的实现。
    具体使用方式此处就不展开了,可以参照MDN:https://develo