文章库ARTICLE COLUMN

  • 极简Vue的异步组件函数

    极简Vue的异步组件函数

    摘要:默认值是然后修改这样在获取到之前就会有自定义的展示了但是路由很多我们不可能每个路由都写一个所以编写一个函数来解决新建一个这里官网可以知道具体有哪些参数可以设置然后修改一下这样一个极简的异步函数就完成了 export default new Router({ ro...

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

    css--下拉菜单

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

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

    webpack4.16压缩打包

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

    zhoutkzhoutk 评论0 收藏0
  • JS导航跟随效果

    JS导航跟随效果

    摘要:如何实现上面的效果,请看下面的步骤第一步用调整样式,这里小编用的是弹性盒子实现导航的平均分配。 showImg("https://segmentfault.com/img/bVbdSOk?w=1178&h=99");   如何实现上面的效果,请看下面的步骤  第一步:用 css 调整样式 ,这...

    galaxy_robotgalaxy_robot 评论0 收藏0
  • 2018年你应该知道的11个Javascript实用程序库

    2018年你应该知道的11个Javascript实用程序库

    摘要:构建是为了在中为常见任务提供实用程序功能。所有功能都自动进行,并且相应地安排传递的参数以便于使用。在星级,是一个用于处理本机对象的实用程序库。该库没有外部依赖关系,这是一个将事件作为序列进行测试的现场演示。 由于Javascript在2018年仍然...

    YumenokanataYumenokanata 评论0 收藏0
  • 前端每日实战: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

热门文章

<