用户中心USER CENTER

首页/用户
  • 两个盒子垂直水平居中,并且相距距离一样的实现

    摘要:这里设置了根元素的值后出现了一个问题就是原因因为这些值是根据当前元素的来设置的,所以只要把父元素的设置为浏览器的默认值就可以了。 现在很多网页都会有那种类似于Grid布局的布局,今天我就自己试试写一个出来,具体效果图如下: showImg(https://segmentfault.com/img/bVbviHT?w=1351&h=331); 一、首先是一个盒子的垂直水平居中: ...

    jsbintask 发布于Css
  • 小卡片左右滑动的实现

    摘要:副卡只为最右测卡片适配问题适配问题涉及到了两个卡片的接口数据全部读完并渲染完成后,卡片完美呈现,上的滑动也很流畅,但是当滑动的速度很快的时候,安卓上就有问题了,滑动速度过快会导致刚滑出来的卡片变成白板,卡片上的图片和文字都不见了。 背景 项目需求,要实现卡片左右滑动的功能,类似这样: showImg(https://segmentfault.com/img/bV9PNl?w=412&h...

    jsbintask 发布于Css
  • CSS重置样式

    摘要:没有必要的样式或者是会再次对这个标签写样式的时候,浏览器就会二次渲染,所以也要尽量的减少重置样式。在一批拥有同样的头部脚部的样式中,我会把公共的样式放在重置样式表里。 先来看看各大型网站的重置样式 新浪初始化 html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img { margin: 0; ...

    jsbintask 发布于Css
  • 原生、无依赖的web弹层组件——HLayer.js

    摘要:经过两周的开发,今天终于完成了版本,作为一个前端新人,更多的是将这个作为自己的练手作品,毕竟弹层组件早已不是开发的新鲜事物了,国内外也不乏众多优秀的弹层组件。不过实行压缩后只有,因此非常小巧。 经过两周的开发,今天HLayer.js终于完成了0.1.0版本,作为一个前端新人,更多的是将这个作为自己的练手作品,毕竟web弹层组件早已不是web开发的新鲜事物了,国内外也不乏众多优秀的弹层组...

    jsbintask 发布于Css
  • Webpack 配置详解(含 4)——关注细节

    摘要:由于这种差异我们将对预处理器文件的配置封装为函数,由参数生成对应配置,将文件放入文件内,将配置放在文件内。 前言 源代码 熟悉 webpack 与 webpack4 配置。 webpack4 相对于 3 的最主要的区别是所谓的零配置,但是为了满足我们的项目需求还是要自己进行配置,不过我们可以使用一些 webpack 的预设值。同时 webpack 也拆成了两部分,webpack 和 w...

    jsbintask 发布于JavaScript
<