文章库ARTICLE COLUMN

  • 前端每日实战:82# 视频演示如何用纯 CSS 创作一个跳动的字母 i

    前端每日实战:82# 视频演示如何用纯 CSS 创作一个跳动的字母 i

    摘要:可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,只有一个元素居中显示定义容器尺寸画出字母的形状增加下部矩形的旋转效果增加上部小球的跳动效果大功告成 showIm...

    newtreknewtrek 评论0 收藏0
  • CSS中的导航栏和下拉菜单

    CSS中的导航栏和下拉菜单

    摘要:一导航栏导航栏的作用熟练使用导航栏,对于网站排版非常重要使用你可以转换成好看的导航栏而不是枯燥的菜单。下拉菜单代码如下下拉菜单你好我好大家好效果图如下眼睛累了吧,注意劳逸结合呀 一、CSS导航栏 (1)导航栏的作用 熟练使用导航栏,对于网站...

    2json2json 评论0 收藏0
  • HTML+CSS实现下拉菜单

    HTML+CSS实现下拉菜单

    摘要:实现简单下拉菜单实现简单的下拉列表下拉列表实例代码如下下拉列表下拉列表下拉列表下拉列表下拉列表下拉列表效果图如下技术要点下拉菜单需边的子菜单隐藏使用将元素隐藏鼠标悬浮样式父元素相对定位子元素绝对定位持续更新,多多关注 HTML+CSS实现简单...

    littleGrowlittleGrow 评论0 收藏0
  • css 导航菜单+下拉菜单

    css 导航菜单+下拉菜单

    摘要:一导航菜单横向导航代码如下横向导航菜单首页新闻联系关于效果图竖向导航代码如下首页新闻联系关于效果图二下拉菜单和切换实现代码如下下拉菜单你好我好大家好效果图持续更新,欢迎各位指教 一、导航菜单 1.横向导航 代码如下: 横向导航...

    pineconepinecone 评论0 收藏0
  • HTML盒模型之"五环之歌"练习

    HTML盒模型之"五环之歌"练习

    摘要:实际内容盒子的内容,显示文本和图像。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。在入门时学的盒模型这个练习对盒模型的熟练运用有帮助由个盒组成代码如下五环之歌 五环之歌HTML5盒模型练习 html任何一个元素都可以看作一个盒子...

    mo0n1andinmo0n1andin 评论0 收藏0
  • 开发一个自己的 CSS 框架(三)

    开发一个自己的 CSS 框架(三)

    摘要:一些富交互的框架大多使用这种类型。见过京东的采用这种简写,不过他会加一个注释,注明的缩写是。其他命名空间和,表状态,表示绑定的事件。 这一期不涉及框架更新,我们来简单介绍一个各种 CSS 写法。各种写法大致就是相互借鉴吧。 BEM ...

    mikyoumikyou 评论0 收藏0
  • 开发一个自己的 CSS 框架(一)

    开发一个自己的 CSS 框架(一)

    摘要:当你改变一些基本配色之后,你会发现框架完全不同了。的变量以开头,赋值与相同,后面的代表它是可覆盖的。通过遍历字典,拿到和,设置相应的值即可。 这是一个系列,带着大家封装一个纯 CSS 框架,从零学习 SASS 语法。 代码仓库点我传送 showImg("ht...

    funnyZhangfunnyZhang 评论0 收藏0
  • CSS 提示工具(Tooltip)

    CSS 提示工具(Tooltip)

    摘要:本文的内容为使用与来创建提示工具,提示工具在鼠标移动到指定元素后触发。这个提示工具可以使我们排出的网页增加美感,也可以提升用户的可读性。 本文的内容为使用 HTML 与 CSS 来创建提示工具,提示工具在鼠标移动到指定元素后触发。这个提示工具可...

    ACb0yACb0y 评论0 收藏0
  • CSS 提示工具(Tooltip)

    CSS 提示工具(Tooltip)

    摘要:提示工具本文为大家介绍如何使用和来实现提示工具,提示工具在鼠标移动到制定元素后触发先看下面示例基础提示工具代码如下右提示工具右提示工具提示工具运行结果如下图添加箭头我们可以用伪元素及属性为提示工具创建一个小箭头标志,箭头是 CSS 提示工...

    ShisuiShisui 评论0 收藏0
  • 爬虫入门

    爬虫入门

    摘要:通用网络爬虫通用网络爬虫又称全网爬虫,爬取对象从一些种子扩充到整个。为提高工作效率,通用网络爬虫会采取一定的爬取策略。介绍是一个国人编写的强大的网络爬虫系统并带有强大的。 爬虫 简单的说网络爬虫(Web crawler)也叫做网络铲(Web scraper...

    InvokerInvoker 评论0 收藏0
  • 天坑,CSS之定位Position(六分之五)

    天坑,CSS之定位Position(六分之五)

    摘要:下文称位置属性即为。注意,不会脱离文档流,具体见下面的图示。直译为修正,简单粗暴,直接相对浏览器窗口显示区域定位。 Position定位 个人觉得position这个属性真的算是CSS的见面杀了。尤其是absolute,当年可是被虐的不轻。当然了,现在爱上了这个...

    xuweijianxuweijian 评论0 收藏0
  • 前后端的分离模式

    前后端的分离模式

    摘要:采用前后端分离模式可以减后台负担,加快研发效率,当然,前提是前端能做好的话。还是基础不够导致的后端是否风格很多公司采用了前后端分离模式后,后端仍然采用以往的传统风格,这是不合理的,风格的应该是前后端分离的最佳实践。 showImg("https://s...

    whlongwhlong 评论0 收藏0
  • CSS入门之盒模型(六分之四)

    CSS入门之盒模型(六分之四)

    摘要:盒模型要点知识务必注意看,这可是前端面试必定会遇到的问题。盒模型的主要属性,除继承外有两个值这里不再细说历史原因,只说其作用。严格来说与标签大小无关,但是影响视觉上的位置。具象化需调试指出,如下其中的最外圈的黄色区域就是了。 盒模型要...

    VPointerVPointer 评论0 收藏0
  • 前端每日实战:79# 视频演示如何用纯 CSS 创作单元素麦当劳金拱门 Logo

    前端每日实战:79# 视频演示如何用纯 CSS 创作单元素麦当劳金拱门 Logo

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbdMrt?w=400&h=400"); 效果预览 按下右侧的点击预览...

    tomorrowwutomorrowwu 评论0 收藏0
  • 记美国面试经验,前端开发,提前预告,目前已经进背调了

    记美国面试经验,前端开发,提前预告,目前已经进背调了

    摘要:我本着面试练手的目的,每天广投简历,结果最近两周电话都在响,预约笔试面试。然后,赶紧领英上开始搜索这两个人的简历,了解到他们是负责不同部门研发部门的。面试官可以了,情况大致了解。所以,一份工作中尝试了市场,支持,写邮件模版,页。 回忆...

    HydrogenHydrogen 评论0 收藏0
  • 前端BFC布局学习

    前端BFC布局学习

    摘要:按照我的理解是我们在某一条件下会触发布局,会产生一定的效果。它决定了块级元素如何对它的内容进行布局,以及与其他元素的关系和相互作用。 BFC,全称为(Block formatting context)。按照我的理解是我们在某一条件下会触发BFC布局,会产生一定的效果...

    YFanYFan 评论0 收藏0
  • 前端每日实战:80# 视频演示如何用纯 CSS 创作一个自行车车轮

    前端每日实战:80# 视频演示如何用纯 CSS 创作一个自行车车轮

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中包含个元素居中显示画出轮圈定义辐条的样式定义变量,画出多根幅条让车轮转动起来用伪元素画出地面上的线条最后,让地面上的线条动起来,形成车轮向前走的效果大功告成 showImg("h...

    bovensonbovenson 评论0 收藏0
  • 浮动及浮动相关问题(初次)

    浮动及浮动相关问题(初次)

    摘要:浮动定义使元素脱离文档流,按照指定的方向发生移动,遇到父级的边界或者相邻的浮动元素就会停下来,当浮动并不是全动脱离文档流。 这仅是我个人看到的,如果补充,还请大家不要吝啬当个键盘侠,谢谢! 文档流 文档中可显示的元素在排列时候的开始位置...

    fsmStudyfsmStudy 评论0 收藏0
  • 【专栏第一篇】分享实用美国求职,面试经历,技巧,以及超实用网站

    【专栏第一篇】分享实用美国求职,面试经历,技巧,以及超实用网站

    摘要:目前是刚到美国个多月,分享在美国求职的经历,目前已有面试进入背调阶段,把我期间的准备分享给大家。国内说到关系,大多是负面的,但是美国这边叫,他们确实对这个很推崇的。 前言:先自我介绍一下,我是新晋前端小白白,15年毕业之后,在相关领域工...

    forrest23forrest23 评论0 收藏0
  • 如何更愉快地使用rem —— 别说你懂CSS相对单位

    如何更愉快地使用rem —— 别说你懂CSS相对单位

    摘要:值得注意的是,这个设置对使用或其他绝对单位定义的字号大小无效。事实上,提供了一个在和间的相对单位折中解决方案,而且更易于使用。图使用相对单位和继承字号的面板下面是模板,加到你的页面吧。 showImg("https://segmentfault.com/img/bVbdOMr?w=...

    SnailclimbSnailclimb 评论0 收藏0
  • JavaScript 工作原理之十四-解析,语法抽象树及最小化解析时间的 5 条小技巧

    JavaScript 工作原理之十四-解析,语法抽象树及最小化解析时间的 5 条小技巧

    摘要:事实是只是部分语言的不同表示法。基于这些,解析器会进行立即或者懒解析。然而,解析器做了完全不相关的额外无用功即解析函数。这里不解析函数,该函数声明了却没有指出其用途。所以之前的例子,解析器实际上 原文请查阅这里,本文采用知识共享署名 4...

    jsliangjsliang 评论0 收藏0
  • 用纯css实现打星星效果(三)

    用纯css实现打星星效果(三)

    摘要:题外话查看原文可以有更好的排版效果哦从后面开始,文章中的代码演示会用来替代。 题外话 查看原文可以有更好的排版效果哦 从后面开始,文章中的代码演示会用Codepen来替代。 这样做的好处有 方便自己对所写过的demo进行统一的管理 方便文章中的展示...

    jokesterjokester 评论0 收藏0
  • react+mobx 构建H5制作工具项目经验总结

    react+mobx 构建H5制作工具项目经验总结

    摘要:三性能优化处理做工具类的项目,性能是非常大的挑战,我总结了以下几个常见的性能优化点数据缓存。防抖,节流,事件委托内存释放。 内容大纲: 1、功能介绍 2、技术架构 3、性能优化 4、细节分享 5、开源说明 一、项目功能介绍 很久没写过技术类的文...

    AceycleeAceyclee 评论0 收藏0
  • 前端每日实战:77# 视频演示如何用纯 CSS 创作旗帜飘扬的动画

    前端每日实战:77# 视频演示如何用纯 CSS 创作旗帜飘扬的动画

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。中间代码略让各线条分别延时启动动画,形成旗帜飘扬的效果最后,增加光影效果大功告成 showImg("htt...

    ideaaideaa 评论0 收藏0
  • 我所了解的CSS包含块

    我所了解的CSS包含块

    摘要:根元素包含块根元素的包含块是一个矩形叫做初始化包含块。如果属性是的话,包含块就是由组成的。示例二代码在这里,这个标签为默认的且它的父标签的为,所以标签的包含块为标签,通过我们的判断规则一来确定。 写在前面,本文将同步发布于Blog、掘金、...

    BenCHouBenCHou 评论0 收藏0

热门文章

<