野子电竞数据官网改版https://www.xxe.io/全新登场import javax.xml.bind.JAXBContext;import javax.xml.bind.Unmarshaller;import j…
分类:css
【逐日一包0028】cache-content-type,mime-types
[github地点:https://github.com/ABCDdouyae…] cache-content-type(koa2源码依靠) http相应头部工具包, 基于mime-types包,对效果进行了…
仿github404页面特效
阅读原文 偶然看到github的404页面,没想到github的404页面也是做的很有心,就试着找了下源码,打算仿一下这个效果。 这个效果看上去是3d的,其实没有用到css3里边的任何一个与3d有关的属性,这个页…
vue使用原生js实现滚动页面跟踪导航高亮
需要使用vue做一个专题页面。 滚动页面指定区域导航高亮。 监听滚动页面事件,对比当前页面的位置与元素的位置,如果当前滚动的区域位置大于元素的位置,导航添加class,其他去掉class进行样式切换。 我使用的方法是在定…
【每日一包0003】kind-of
github地址:https://github.com/ABCDdouyae… kind-of 判断数据类型 用法:kind-of(date) 返回:string 数据类型 January undefined…
【每日一包0005】arr-flatten
github地址:https://github.com/ABCDdouyae… arr-flatten 将多维数组展开成一维数组 文档地址:https://www.npmjs.com/package/arr-…
图片自适应
之前一直用background-size属性满足图片自适应,但今天发现这样不能在网页上下载,就去找了下img标签能不能实现类似的效果,结果找到了object-fit属性,完全能满足需求。
前端面试常考知识点---CSS
前端面试常考知识点—js 1.CSS3的新特性有哪些 点我查看 CSS3选择器 . CSS3边框与圆角 CSS3圆角border-radius: 属性值由两个参数值构成: value1 / value2,值之…
rem两三事
os:昨天被问到关于rem的问题,当时一脸懵逼,因为写了两年js,基本没怎么碰过css,有点迷糊。 px、em、rem区别 不同于px这个固定单位,em和rem都是相对单位,em是相对父元素的font-size,层级越深…
css 预处理器 - sass/scss、less、stylus
css 预处理工具,可以将其对应的DSL(领域特定语言)编译为 css 基本介绍 sass/scss SASS 2007年诞生,最早也是最成熟的CSS预处理器,拥有ruby社区的支持和compass这一最强大的css框架…
html通过canvas转成base64
作者:@wucj shouzijiang 在H5的营销活动中,经常生成一张图片让用户分享或者保存,这时候处理方案有两种。一种是让后端生成图片,返回一个图片地址给前端展示一种是前端自主合并生成图片展示,文中主要说明这个方案…
CSS资源相关整理
你真的理解CSS的linear-gradient?CSS3 linear-gradient线性渐变实现虚线等简单实用图形