文章库ARTICLE COLUMN

  • 重学前端学习笔记(五)--如何运用语义类标签来呈现Wiki网页?

    重学前端学习笔记(五)--如何运用语义类标签来呈现Wiki网页?

    摘要:语义如何运用语义类标签来呈现网页通过网页案例来学习语义类标签最初的设计场景就是超文本,早期工作组的专家都是出版界书籍排版的专家。标记的部分有三个注记,它在文章中的作用就是额外的注释,但是中并没有相关的语义,这时可以使用标签进行相关实现...

    hyuanhyuan 评论0 收藏0
  • CSS之轻松搞懂浮动与清除浮动(图文并茂)

    CSS之轻松搞懂浮动与清除浮动(图文并茂)

    摘要:一浮动是什么属性定义元素在哪个方向浮动。元素不浮动,并会显示在其在文本中出现的位置。在左右两侧均不允许浮动元素。比如上面的例子,我们为加上,便可清除浮动。如下见证右浮动右浮动右浮动右浮动最后一个空到哪,的高度就到哪。 一、float(浮动...

    TravisTravis 评论0 收藏0
  • 【基础】这15种CSS居中的方式,你都用过哪几种?

    【基础】这15种CSS居中的方式,你都用过哪几种?

    摘要:水平居中内联元素水平居中利用可以实现在块级元素内部的内联元素水平居中。此方法对内联元素内联块内联表元素水平居中都有效。核心代码演示程序演示代码垂直居中单行内联元素垂直居中通过设置内联元素的高度和行高相等,从而使元素垂直居中。 简言 CSS...

    mayaohuamayaohua 评论0 收藏0
  • 重学前端学习笔记(二)--前端学习路线与方法

    重学前端学习笔记(二)--前端学习路线与方法

    摘要:笔记说明重学前端是程劭非前手机淘宝前端负责人在极客时间开的一个专栏,每天分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入的专栏学习原文有的语音,如有侵权请联系我,邮箱。 笔记说明 重学前端是程劭非...

    gougoujianggougoujiang 评论0 收藏0
  • 基于 styled-components 的单位 px -> vw 自动转换

    基于 styled-components 的单位 px -> vw 自动转换

    摘要:在基础上实现了单位转换的功能详细文档请参考源码地址示例迁移只需要修改的导入即可 在 styled-components 基础上实现了 px -> vw 单位转换的功能 详细文档请参考: styled-components.com/docs 源码地址:https://github.com/hnzycfcfed/styled-px2vw...

    frolcfrolc 评论0 收藏0
  • 移动端video局部播放视频

    移动端video局部播放视频

    摘要:前一阵子写了一个移动端视频播放但是发现不能局部播放,只能全屏播放,话不多说,贴代码具体参考了苹果的开发文档 前一阵子写了一个移动端视频播放 但是发现不能局部播放,只能全屏播放,话不多说,贴代码 具体参考了苹果的开发文档...

    haoguohaoguo 评论0 收藏0
  • 利用CSS变量实现炫酷的悬浮效果

    利用CSS变量实现炫酷的悬浮效果

    摘要:最近,我从网站上发现以一个好玩儿的悬停动画,也有了些自己的灵感。用包裹文本,以避免显示在按钮的上方。将和初始化为,当用户悬停在按钮上时,将其改为。 最近,我从 Grover网站上发现以一个好玩儿的悬停动画,也有了些自己的灵感。这个动画是将鼠...

    vincent_xybvincent_xyb 评论0 收藏0
  • vant的PullRefresh 下拉刷新下拉过程中不断报错的解决办法

    vant的PullRefresh 下拉刷新下拉过程中不断报错的解决办法

    摘要:的下拉刷新下拉过程中不断报错,错误提示如下如我的代码结构给包裹的标签加一个样式就能解决报错的问题了。 vant的PullRefresh 下拉刷新下拉过程中不断报错,错误提示如下:[Intervention] Ignored attempt to cancel a touchmove event with cancelab...

    sPengsPeng 评论0 收藏0
  • 重学前端学习笔记(三)--前端知识框架图

    重学前端学习笔记(三)--前端知识框架图

    摘要:笔记说明重学前端是程劭非前手机淘宝前端负责人在极客时间开的一个专栏,每天分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入的专栏学习原文有的语音,如有侵权请联系我,邮箱。 笔记说明 重学前端是程劭非...

    Coding01Coding01 评论0 收藏0
  • CSS垂直居中,你会多少种写法?

    CSS垂直居中,你会多少种写法?

    摘要:如果我们直接可以计算出正确的和值,岂不是一次到位函数正有此功能,当然我们需要知道子元素的宽高效果是一个作用于内联元素的属性。内联元素的特性是会和其它内联元素或者文字在同一行显示,但是默认情况下是与父元素基线对齐的。   CSS控制居中是...

    caohaoyucaohaoyu 评论0 收藏0
  • 元素总是居中且高度是宽度的一半

    元素总是居中且高度是宽度的一半

    有一个元素element, 实现如下需求: 元素e水平垂直居中 元素e水平方向与父元素保持10px间距 元素e的高度是宽度的一半 always-center 有一个元素element, 实现如下需求: 元素e水平垂直居中...

    awokezhouawokezhou 评论0 收藏0
  • CSS变量(自定义属性)使用指南 — SitePoint

    CSS变量(自定义属性)使用指南 — SitePoint

    摘要:预处理器可以让你设置变量,并且在函数循环和数学操作等中使用。不同之处在于变量是运行在浏览器中的动态属性,而预处理器变量会被编译成普通的代码。变量提供了更多可能性但这并不是说你需要在二者之间选择其一你可以同时使用变量和预处理器变量的强大...

    yankeysyankeys 评论0 收藏0
  • 纯CSS Material Design风格按钮

    纯CSS Material Design风格按钮

    摘要:以上就是纯粹利用做出来的风格按钮,相信熟练之后就可以做出更多不错的应用啰 其实Material Design的扁平化icon按钮,这类型的按钮往往只利用几何色块的变化,就能抓住使用者的眼光,并且从几何形状中明白按钮的含意,这也是Material Design非常强调的...

    lsxiaolsxiao 评论0 收藏0
  • 响应式布局【flex】

    响应式布局【flex】

    摘要:它的所有子元素称为项目,简称项目。注意,设为布局以后,子元素的和属性将失效。详细主轴和交叉轴的理解请看分钟彻底弄懂布局布局练习链接 响应式布局【flex】 来源于 响应式方法汇总 了解了以上响应式布局,下面重点介绍一下 flex弹性布局 ,非常有用...

    LoftySoulLoftySoul 评论0 收藏0
  • 前端拼音模糊搜索

    前端拼音模糊搜索

    摘要:前端实现拼音模糊搜索曾经沧海难为水除却巫山不是云曾我爱你中国我爱你中国爱你中 前端实现拼音模糊搜索pinyin-match[https://github.com/xmflswood/...[1] const PinyinMatch = require("pinyin-match");let test = "123曾经沧海难为水除却巫山不是云...

    ApolloApollo 评论0 收藏0
  • 重学前端学习笔记(四)--div和span不是够用吗?

    重学前端学习笔记(四)--div和span不是够用吗?

    摘要:笔记说明重学前端是程劭非前手机淘宝前端负责人在极客时间开的一个专栏,每天分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入的专栏学习原文有的语音,如有侵权请联系我,邮箱。 笔记说明 重学前端是程劭非...

    KnewOneKnewOne 评论0 收藏0
  • TypeScript 、React、 Redux和Ant-Design的最佳实践

    TypeScript 、React、 Redux和Ant-Design的最佳实践

    摘要:使用官方的的另外一种版本和一起使用自动配置了一个项目支持。需要的依赖都在文件中。带静态类型检验,现在的第三方包基本上源码都是,方便查看调试。大型项目首选和结合,代码调试维护起来极其方便。 showImg("https://segmentfault.com/img/bVbrTKz?...

    codeKKcodeKK 评论0 收藏0
  • 2019前端最全面试题

    2019前端最全面试题

    摘要:把标签恰好放在之前脚本在下载和执行期间会阻止解析。表示引用资源,替换当前元素,用在,,上,是页面内容不可缺少的一部分。声明是用来指示浏览器关于页面使用哪个版本进行编写的指令。声明必须是文档的第一行,位于标签之前。 项目地址 HTML问题 HT...

    cnTomatocnTomato 评论0 收藏0
  • react配置less,并使用less module(webpack.config.js配置)

    react配置less,并使用less module(webpack.config.js配置)

    摘要:网上看了很多配置,最后才发现后就不用就可以使用特性,那么仿照的配置即可的使用将文件名为配置暴露配置文件安装依赖修改文件配置,一共修改三处第一处增加定义变量第二处仿照配置第三处修改函数内部,增加图片描述测试是否安装成功 网上看了很多配置...

    sPengsPeng 评论0 收藏0
  • 'align-items: center/flex-end '  breaks

    'align-items: center/flex-end ' breaks

    摘要:实例结果左侧区域的不见了。而且滚动也不会出现。这是因为只会对下方或右侧超出的部分滚动,对左侧和上方无效左侧可以尝试设置超出。也是横向无滚动解决方案中间再包一层实例结果 实例 content content .slid...

    codergardencodergarden 评论0 收藏0
  • 三种方式实现平滑滚动页面到顶部的功能

    三种方式实现平滑滚动页面到顶部的功能

    摘要:背景最近开发公司的公众号,做了一个点击滚动到顶部的功能。但是作为一个攻城狮,怎么可能对自己要求这么低,所以我给自己加了个需求,实现平滑滚动页面到顶部的功能。使用我们都知道,通过传入文档中的,轴坐标来实现滚动到页面某个位置的功能。 背景...

    seanlookseanlook 评论0 收藏0
  • reset.css

    reset.css

    摘要:显示省略号 html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, s...

    CristicCristic 评论0 收藏0
  • daily-question-02(前端每日一题02)

    daily-question-02(前端每日一题02)

    摘要:静态作用域与动态作用域静态作用域函数的作用域基于函数创建的位置。采用的是词法作用域,也称为静态作用域。可以劫持整个对象,并返回一个新的对象。防误触延缓执行立即执行节流所谓节流,就是指连续触发事件但是在秒中只执行一次函数。 在这里记录着...

    30e8336b822930e8336b8229 评论0 收藏0
  • 前端必懂之Sticky Footer(粘性页脚)

    前端必懂之Sticky Footer(粘性页脚)

    摘要:写在最前是的一种布局场景。页脚永远固定在页面的底部,页面内容不够长的时候页脚黏在视窗底部,内容足够长时会被向下移动。老式门户网站由于内容过短常常版权页脚前移,移动端特定布局也需要来解决这些问题。 showImg("https://segmentfault.com/img/...

    jifeijifei 评论0 收藏0
  • 挖财 / 有赞电话面试 题目分享

    挖财 / 有赞电话面试 题目分享

    摘要:动画相关参考案例可能会变,主要考察动画相关的知识点浏览器内核相关浏览器浏览器内核差异渲染机制不同参考搜索引擎找了一波,分享内容不多,特别是针对差异的文章。。。 动画相关 //html //css .btn { width: 100px; height: 20...

    _ipo_ipo 评论0 收藏0

热门文章

<