文章库ARTICLE COLUMN

  • 前端每日实战:84# 视频演示如何用纯 CSS 创作一个极品飞车 loader

    前端每日实战:84# 视频演示如何用纯 CSS 创作一个极品飞车 loader

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

    RangoRango 评论0 收藏0
  • HTML5历史管理状态机制

    HTML5历史管理状态机制

    摘要:同时介绍两个相关的和个事件。两个此会在历史状态栈中添加一条记录。接受个参数第一个详尽的状态信息。提供给事件的事件对象的属性第二个新状态的标题,目前没有浏览器实现,可以传空字符串第三个相对。 前言:想要不刷新页面同时改变url 可以用HTML5 ...

    SunxbSunxb 评论0 收藏0
  • 前端每日实战:81# 视频演示如何用纯 CSS 创作一个变色旋转动画

    前端每日实战:81# 视频演示如何用纯 CSS 创作一个变色旋转动画

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

    scq000scq000 评论0 收藏0
  • DOM

    DOM

    摘要:就是大家一起出来的页面的一种结构。由个部分组成,。就是写代码的那些标签组成的,如下图就是把转换成对象得到的,关系如下图。对节点进行操作意思就是在这颗树上爬来爬去,寻找需要的元素文本文档等,进行删增改查。 DOM DOM就是大家一起YY出来的页...

    svttersvtter 评论0 收藏0
  • 2018年值得期待11个Javascript动画库

    2018年值得期待11个Javascript动画库

    摘要:超过的,是一个动画库,可以处理属性,单个转换,或任何属性以及对象。在,是一个快速的动画引擎,具有与的相同的。在,这个功能和反应动画库只重。由和其他人使用,这个库既流行又令人惊讶地有用。 在浏览网页寻找一个整洁的Javascript动画库时,我发...

    terenteren 评论0 收藏0
  • css--下拉菜单

    css--下拉菜单

    摘要:部分类使用这将设置下拉菜单的内容放置在下拉按钮使用的右下角位置。类中是实际的下拉菜单。我们使用属性让下拉菜单看起来像一个卡片。选择器用于在用户将鼠标移动到下拉按钮上时显示下拉菜单。 一、下拉菜单 1、示例 代码如下 下拉菜单.dropbtn { ba...

    stormzhangstormzhang 评论0 收藏0
  • webpack4.16压缩打包

    webpack4.16压缩打包

    摘要:然后运行会发现文件夹中生成了和,文件内容如下测试哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈内容如下说明已经打包成功,此时运行,即可看到原文件中的内容 webpack4.16压缩打包 本文所用插件版本如下: nodejs:v8.11.3; npm:5.6.0 webpack:4.16 webpac...

    APICloudAPICloud 评论0 收藏0
  • 美国技术人员常用招聘求职网站

    美国技术人员常用招聘求职网站

    摘要:前言新到米国的程序猿一枚,跟大家分享一下我用的几个求职网站。有名的求职网站老牌求职网站,基本什么水平的公司都会有技术外包公司米国很多这样的公司,一般他们的公司水平会有很大的差距。 前言: 新到米国的程序猿一枚,跟大家分享一下我用的几个...

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

    css 导航菜单+下拉菜单

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

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

    HTML+CSS实现下拉菜单

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

    BlackjunBlackjun 评论0 收藏0
  • TCP/IP协议概要--01

    TCP/IP协议概要--01

    摘要:学习一下协议,还是很枯燥,哎。。。。。图片的是从下到上对的协议进行描述的。主要是的描述每一层协议的特点该层对应的是最底层的数据链路层,即图中的以太网驱动程序那一层。 学习一下tcp/ip协议,还是很枯燥,哎。。。。。 showImg("https://segmen...

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

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

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

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

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

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

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

    CSS 提示工具(Tooltip)

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

    cc17cc17 评论0 收藏0
  • 团队合作必备的Git操作

    团队合作必备的Git操作

    编辑器&Mac 1、编辑器的使用vs code 插件 git辅助工具,可查看代码的书写者:Git Blame 2、 Mac工具使用 强大终端 item2 3、在 macOS 中完美配置文件名大小写敏感(解决git默认对大小写不敏感问题)解决git大小写不敏感 知识篇 一、git使用 一般企业中...

    ymyangymyang 评论0 收藏0
  • css--提示工具

    css--提示工具

    摘要:一提示工具上提示工具代码如下上提示工具提示文本运行结果二右提示工具代码如下提示工具右提示工具提示文本运行结果总结使用容器元素并添加类。在鼠标移动到上时显示提示信息。属性用于为提示框添加圆角。 一、提示工具 1、上提示工具 代码如下 ...

    shadajinshadajin 评论0 收藏0
  • 有关于css的四种布局

    有关于css的四种布局

    摘要:四种布局左右两侧,左侧固定宽度,右侧自适应占满。上中下三行,头部高,底部高,中间自适应占满。上下两部分,底下这个固定高度,如果上面的内容少,那么这个就固定在底部,如果内容多,就把挤着往下走。代码如下布局若有错误请及时通知 四种布局 (1...

    khs1994khs1994 评论0 收藏0
  • 前端每日实战:78# 视频演示如何用纯 CSS 创作 Windows 启动界面

    前端每日实战:78# 视频演示如何用纯 CSS 创作 Windows 启动界面

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

    pubdreamccpubdreamcc 评论0 收藏0
  • 如何使用JavaScript控制台改进工作流程

    如何使用JavaScript控制台改进工作流程

    摘要:使用命令与网页交互。在检查代码逻辑和流程时我们可能会使用很多的来检测,但是你会发现控制台打印出来的非常多。启动后,我们使用调用来停止计时器并将经过的时间打印到控制台。 showImg("https://segmentfault.com/img/bVbdK6t?w=1000&h=500");作为W...

    Simon_ZhouSimon_Zhou 评论0 收藏0
  • 双飞翼布局

    双飞翼布局

    摘要:一双飞翼布局简介双飞翼布局可以比作一只天使,可以把看成是鸟的身体,和则是天使的翅膀。这个布局的实现思路是,先把最重要的身体部分放好,然后再将翅膀移动到适当的地方。二代码如下双飞翼布局写内容三这是效果图眼睛累了吧,注意劳逸结合呀 一、双...

    trigkit4trigkit4 评论0 收藏0
  • css 布局(圣杯、双飞翼)

    css 布局(圣杯、双飞翼)

    摘要:代码如下圣杯布局效果图二双飞翼布局左右固宽,中间自适应左右两个浮动,中间的放在上面通过调整到一行中间添加一个子节点,设置调整位置代码如下双飞翼布局效果图持续更新点歌关注吧 一、 圣杯布局、 左右固宽,中间自适应 三列布局,中间宽度自适应...

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

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

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

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

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

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

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

    前后端的分离模式

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

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

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

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

    yearsjyearsj 评论0 收藏0

热门文章

<