文章库ARTICLE COLUMN

  • 每日两道前端面试题20190331

    每日两道前端面试题20190331

    摘要:如何利用和正负相消实现多列等高目前我用过最好的就是这个方法了,浏览器兼容性最好最简便。 CSS如何利用padding和margin正负相消实现多列等高? 目前我用过最好的就是这个方法了,浏览器兼容性最好最简便。首先把列的padding-bottom设为一个足够大的...

    xcoldxcold 评论0 收藏0
  • 摸倚天鱼文章推荐系列 - 19/03/31

    摸倚天鱼文章推荐系列 - 19/03/31

    摘要:摸倚天鱼文章推荐系列欢迎来到摸倚天鱼系列以休闲态度推硬核文章探索亚文化摸鱼倚分钟问网瘾少年今晚做些什么答作为一个平均每天上网小时的资深网瘾少年真想把这个问题给撕了网瘾少年每天看文章看影视听音乐听电台白天若是摸鱼晚上继续摸鱼难不成你以为...

    xiaolinbangxiaolinbang 评论0 收藏0
  • 浏览器解析 CSS 样式的过程

    浏览器解析 CSS 样式的过程

    摘要:布局完成后,浏览器会返回,解析尚未解决的所有基于或基于百分比的值。为了确保浏览器遵循标准,并且内容围绕浮动,浏览器更改了的的几何形状。  想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!   解析   一旦 CSS 被浏览器下载...

    wanglu1209wanglu1209 评论0 收藏0
  • 原生JS实现滑动轮播图

    原生JS实现滑动轮播图

    摘要:效果实现原理纯粹只使用了发现还是比较简单的,并不需要借助别的插件或类库来实现核心是把图片组合成一行序列,通过左右移动,以及父元素的来决定显示的图片简单画了一下搭建基本界面这里主要分成三个部分,两个向左向右的箭头,圆点序列,图片序列全 ...

    ningwangningwang 评论0 收藏0
  • CSS - 垂直水平居中方法

    CSS - 垂直水平居中方法

    摘要:参考链接整理搬运垂直水平居中方法,区分内联元素与块级元素垂直居中和水平居中原用让一个容器水平垂直内联元素居中方法水平居中设置行内元素设置布局设置灵活运用垂直居中设置父元素高度确定的单行文本内联元素,垂直居中设置父元素高度确定的多行文本...

    用户83用户83 评论0 收藏0
  • Flex 布局

    Flex 布局

    摘要:首先,实现布局需要先指定一个容器,任何一个容器都可以被指定为布局,这样容器内部的元素就可以使用来进行布局。注意当时设置布局之后,子元素的的属性将会失效。 在没有接触Flex之前一直使用float、display、position 。说实话用起来非常恶心。当使...

    ShevaKuilinShevaKuilin 评论0 收藏0
  • Flex常见布局实例

    Flex常见布局实例

    摘要:圣杯布局圣杯布局指的是一种最常见的网站布局。代码如下代码如下这里主要使用到了使得子元素水平排列,并且换行总结这是我简单总结的一些布局。 如果对flex不是很熟悉的同学,可以看一下我的另一篇文章Flex 布局 1、网格布局 1.1、基本网格布局 最简...

    rickchenrickchen 评论0 收藏0
  • FlexBox学习 弹性布局_019

    FlexBox学习 弹性布局_019

    摘要:学习弹性布局模型,通常被称为,是一种一维的布局模型。任何空间分布都将在该行上发生,而不影响该空间分布的其他行。同时,布局空白对于元素的对齐行为也是很重要的。这会使该元素延展,并占据此方向轴上的布局空白。 FlexBox学习 弹性布局 Flexible ...

    MyFaithMyFaith 评论0 收藏0
  • cad制图初学入门者怎么快速打开dwg格式的设计图纸?

    cad制图初学入门者怎么快速打开dwg格式的设计图纸?

    摘要:制图初学入门者怎么快速打开格式的设计图纸经常接触设计的小伙伴们应该都是了解的,我们通常在进行绘图设计的时候,都会将保存的图纸文件进行保存为或者是格式的,那么为了方便查看的话只能用专业的看图软件来进行查看编辑了。 cad制图初学入门者怎么...

    shleyZshleyZ 评论0 收藏0
  • 基于webpack下在vue中使用scss,背景图片的使用

    基于webpack下在vue中使用scss,背景图片的使用

    摘要:在设置背景图片,在项目打包后,图层路径会增加文件夹所在路径。我们希望的情况下,背景图路径应为,而实际则会出现,注意,这里是多余的。解决方法有个在中直接设置在配置文件夹找到,作以下更改增加增加 在scss设置背景图片(background-image),在项...

    mushangmushang 评论0 收藏0
  • Element中的Cascader(级联列表)动态加载省/市/区数据

    Element中的Cascader(级联列表)动态加载省/市/区数据

    摘要:中的其实是有动态加载次级选项的方法。方法的原理是利用址引用传递,动态修改。其中找到究竟需要在那层添加数据就变成一个很麻烦的问题。格式化数据格式返回清除方法 element中的cascader其实是有动态加载次级选项的方法。方法的原理是利用址(引用)...

    fxpfxp 评论0 收藏0
  • CSS 火焰?不在话下

    CSS 火焰?不在话下

    摘要:今天的小技巧是使用纯生成火焰,逼真一点的火焰。如上图,整个蜡烛的骨架,除去火焰的部分很简单,掠过不讲。利用上述,我们要先生成一个类似火焰形状的三角形。 正文从下面开始。 今天的小技巧是使用纯 CSS 生成火焰,逼真一点的火焰。 嗯,长什么样...

    olleolle 评论0 收藏0
  • CSS3 - 伸缩盒模型 Flexible Box Layout

    CSS3 - 伸缩盒模型 Flexible Box Layout

    摘要:比如此属性的默认值为,也就是忽略伸缩项的宽度,管你要多少住房面积,通通按照属性说好的分配,不许换行。,和上文提到的属性实际上是这三个属性的简写形式。 参考链接 使用 CSS3 Flexible Boxes 布局 菜鸟教程链接:http://www.runoob.com/css3/cs....

    gecko23gecko23 评论0 收藏0
  • NKOJ——原型图

    NKOJ——原型图

    摘要:原型图设计使用制作的系统的原型图登录界面课时信息界面查看题目课程管理个人中心题库 原型图设计 使用xiaopiu制作的OJ系统的原型图 登录界面 showImg("https://segmentfault.com/img/bVbqxqE"); 课时信息界面 showImg("https://segmentfault.com/img...

    不知名网友不知名网友 评论0 收藏0
  • 如何用自己喜欢的 CSS 风格重置网站的样式

    如何用自己喜欢的 CSS 风格重置网站的样式

    摘要:翻译疯狂的技术宅原文许多前端开发人员都在用为他们的网站设计样式。一些人喜欢在中添加一些自己偏好的样式,我也一样。我认为这是令人难以置信和奇怪的。不同的浏览器为表单元素和按钮设置了不同的边框样式。这种风格的问题是它的特异性低。 翻译:疯...

    shaonbeanshaonbean 评论0 收藏0
  • 理解 CSS 布局和 BFC

    理解 CSS 布局和 BFC

    摘要:布局中有一些概念,一旦你理解了它们,就能真正提高你的布局能力。我们通常有两种方法来解决这个布局问题。是布局中的一个迷你布局你可以将看作是页面内的一个迷你布局。理解浏览器如何布置网页是非常基础的。 CSS布局中有一些概念,一旦你理解了它们...

    miyamiya 评论0 收藏0
  • 移动端复制文本到粘贴板,clipboard.js的使用,移动端与PC端复制粘贴兼容写法

    移动端复制文本到粘贴板,clipboard.js的使用,移动端与PC端复制粘贴兼容写法

    摘要:首先引用文本文档要用复制按钮要用去掉文字检查,不可编辑,插件自带的属性样式代码至此,兼容移动端和端的复制粘贴功能完美实现,感谢作者作者来源原文版权声明本文为博主原创文章,转载请附上博文链接 1.首先引用clipboard.js 2.html 文本文档要用te...

    kid143kid143 评论0 收藏0
  • 8个有用的 CSS 技巧:视差图像,sticky footer 等等

    8个有用的 CSS 技巧:视差图像,sticky footer 等等

    摘要:在本文中,我将分享一些有用的技巧和技巧,它们代表了我在学习过程中的关键进展。当用户将鼠标悬停在上面时,图像会稍微放大,但其尺寸保持不变。为了达到这个效果,需要用标签包裹标签。的范围是从到,其中从白色变为黑色。 CSS是一种独特的语言。乍...

    RangoRango 评论0 收藏0
  • Vue源码之目录结构

    Vue源码之目录结构

    摘要:运行时用来创建实例渲染并处理虚拟等的代码。基本上就是除去编译器的其它一切。版本可以通过标签直接用在浏览器中。为这些打包工具提供的默认文件是只有运行时的构建。为浏览器提供的用于在现代浏览器中通过直接导入。 Vue版本:2.6.9 源码结构图 ├─...

    jifeijifei 评论0 收藏0
  • flex布局 justify-content:space-between; 解决最后一排数量不够自动

    flex布局 justify-content:space-between; 解决最后一排数量不够自动

    摘要:布局两端对齐当最后一排数量不够时,会出现以下布局情况这时,我们可以下面伪类,解决最后一排数量不够两端分布的情况加上伪类,解决最后一排数量不够两端分布的情况最终效果,完美解决两端对齐布局混乱的情况当然,如果布局每列有个 flex 布局两端对...

    warmchengwarmcheng 评论0 收藏0
  • 前端面试题

    前端面试题

    摘要:是相对长度单位,相对于当前对象内文本的字体尺寸。,有几种钩子函数三种,第一种全局导航钩子,作用跳转前进行判断拦截。创建前后在阶段,实例的挂载元素和数据对象都为,还未初始化。更新前后当变化时,会触发和方法。 HTML1,分别写出以下的几个 HT...

    caozhijiancaozhijian 评论0 收藏0
  • 【quickly-css】(极易上手)一款使用Sass构建的高效开发CSS库

    【quickly-css】(极易上手)一款使用Sass构建的高效开发CSS库

    摘要:简介是一个快速书写样式的类库,项目采用构建,方便了我们日常开发重复书写的烦恼,它类似于但又不同于。 简介 quickly-css是一个快速书写CSS样式的类库,项目采用scss,gulp构建,quickly-css方便了我们日常开发重复书写css的烦恼,它类似于bootstrap...

    wwolfwwolf 评论0 收藏0
  • 深挖 NPM 机制

    深挖 NPM 机制

    摘要:可以通过查询对映模块的信息安装机制输入命令并敲下回车后,会经历如下几个阶段以为例执行工程自身当前工程如果定义了钩子此时会被执行。在以前会严格按照依赖树的结构进行安装,因此会造成模块冗余。当发现有重复模块时,则将其丢弃。 使用NPM安装的...

    godruoyigodruoyi 评论0 收藏0
  • 前端基础之(3) - css篇

    前端基础之(3) - css篇

    css定位 清除浮动 css3动画(@keyframes、animation) scale 垂直居中 flex布局 less、sass、styled-components scope

    netScorpionnetScorpion 评论0 收藏0
  • 关于跨域问题

    关于跨域问题

    摘要:面试必考题吧,所以在这会详细介绍以下内容跨域产生的原因罗列最常用的解决方法分析各种方法原理罗列各种方法优缺点什么是跨域由于浏览器厂商对安全性的考虑,提出了浏览器的同源策略做为解决方案。 面试必考题吧,所以在这会详细介绍以下内容 跨域产...

    VickyVicky 评论0 收藏0

热门文章

<