文章库ARTICLE COLUMN

  • 五分钟 Styled-components 高级实用技巧

    五分钟 Styled-components 高级实用技巧

    摘要:甚至完美的结合,不仅是从上,还有上。开胃菜用了语法,直接为我们编写样式创建组件。其实组件继承也算是覆盖的一种。如下当任何父级带有都会覆盖的样式。在上面可以看见我们大量使用了作为选择器,而还有另外的技巧。 写在前面的废话 回到2013年,Rea...

    ProfeelProfeel 评论0 收藏0
  • Vue.js 移动端适配之 vw 解决方案

    Vue.js 移动端适配之 vw 解决方案

    摘要:安装并配置插件还需要安装对进行配置找到在根目录中的,对插件进行配置视窗的宽度,对应的是我们设计稿的宽度,一般是视窗的高度,根据设备的宽度来指定,一般指定,也可以不配置指定转换为视窗单位 1. 安装并配置PostCss插件 npm i postcss-aspect-ra...

    golden_hamstergolden_hamster 评论0 收藏0
  • 前端工具【0】—— Emmet插件

    前端工具【0】—— Emmet插件

    摘要:介绍是许多流行文本编辑器的插件,它极大地改进了和工作流程为大部分流行的编辑器都提供了安装插件,核心是缩写语法键不同编辑器可自行设置,以下是我整理的常用知识点。 介绍:Emmet是许多流行文本编辑器的插件,它极大地改进了HTML和CSS工作流程 、...

    fobnnfobnn 评论0 收藏0
  • 浏览器如何解析html、css、js

    浏览器如何解析html、css、js

    摘要:全局变量局部变量全局函数一段也是一块域。此时打印的自然是,要记住相当于,所以这时候改变的是局部变量,并没有影响到全局变量,所以第二次打印的依然是。 在熟悉了浏览器的工作原理之后,今天我们来讲讲浏览器在从服务器获取到网页文件之后是如何解...

    PandaPanda 评论0 收藏0
  • 学习Vue.js-Day2

    学习Vue.js-Day2

    书接上文/思考反馈 react,ng,vue作用差不多,那各个都有什么特点啊,实际工作中应该用哪一个? 答:其实在实际工作中,组员会通过讨论而选择框架;这三个框架都能解放你的工作量,也适合做单页面应用【今天又是努力的一天】 案例:品牌管理案例 结合第一天...

    BakerJBakerJ 评论0 收藏0
  • Slog31_支配vue框架初阶项目之博客网站-注册页面-风格

    Slog31_支配vue框架初阶项目之博客网站-注册页面-风格

    摘要:掘金主页简书主页迟到太久就不必到了开发环境需要的信息和信息源如何使用与进行数据交互使用后端框架实现静态服务器使用前端框架实现单页应用前端部分统计页面计算属性和侦听器主页注册界面条件渲染登陆界面后台用户管理的界面列表渲染用户界面调查问 ...

    JochenJochen 评论0 收藏0
  • js 调试接口

    js 调试接口

    摘要:在我们做完前端的工作后,很多情况下需要把我们的数据与后端得接口进行对接,说以我们就得掌握调试接口的方法一建立对象数组一般是后端的工作代码如下连衣裙雪纺碎花气质修身显瘦喇叭袖款夏季新款韩版连衣裙赫本小黑裙棉麻连衣裙领短袖文艺森系宽松新款...

    Yi_Zhi_YuYi_Zhi_Yu 评论0 收藏0
  • JavaScript面向对象初步认识

    JavaScript面向对象初步认识

    摘要:一面向对象初步认识什么是对象一句话解释万物皆对象对象是有属性的用来写入对象的应用接口接口简单的说就是后台提供给前端提供数据的,让我们进行渲染请求接口的时候我们会用到一个函数小例子代码如下背心吊带无袖打底衫内搭 一、面向对象初步认识 1....

    selfimprselfimpr 评论0 收藏0
  • flex子项内容超出flex容器范围,flex子项顶部内容被遮住

    flex子项内容超出flex容器范围,flex子项顶部内容被遮住

    摘要:子项内容超出容器范围,子项顶部内容被遮住我们经常用布局方式来实现垂直居中对齐,但是当内容高度是动态变化且超出了容器的高度时,无法滚动到顶部,导致顶部的内容无法访问。 flex子项内容超出flex容器范围,flex子项顶部内容被遮住 我们经常用flex...

    FuisonDesignFuisonDesign 评论0 收藏0
  • 前端每日实战:122# 视频演示如何用纯 CSS 创作一个苹果系统的相册图标

    前端每日实战:122# 视频演示如何用纯 CSS 创作一个苹果系统的相册图标

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

    CarbsCarbs 评论0 收藏0
  • 彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index

    彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index

    摘要:栗子有两个,被包裹在一个里,被包裹在另一个盒子里,同时为两个和设置和属性效果我们发下,虽然元素的值为,远大于和的值,但是由于的父元素产生的层叠上下文的的值为,的父元素所产生的层叠上下文的值为,所以永远在和下面。 前言 最近,在项目中遇...

    Steve_Wang_Steve_Wang_ 评论0 收藏0
  • css还可以这么写?

    css还可以这么写?

    摘要:如果我们使用的话,就可以这么写我们要修改主色,只需要将修改为即可。二让我们可以用伪类的写法去合并一些类。比如会编译成可以看到,生成的中并没有任何的变化,那这个做了什么呢其实在通过引用的对象内发生了变化。 作为一个前端,毫无疑问css肯定...

    kidsamongkidsamong 评论0 收藏0
  • 水平垂直居中小结

    水平垂直居中小结

    摘要:相等的上下值三水平垂直居中绝对定位和负外边距使用绝对定位实现水平垂直居中时,元素的和应该等于对应的和值的一半再取负值。相对定位或绝对定位均可绝对定位和布局能实现居中效果的方法还有很多,这里列出来的方法只是一小部分,日后会慢慢补充。  ...

    xuxuelixuxueli 评论0 收藏0
  • 一个常年更新的CSS采坑合集

    一个常年更新的CSS采坑合集

    摘要:采坑合集这篇文章会常年更新,在项目中进行实现的时候,经常会遇到很多奇怪的问题,有些问题曾经遇到过但是又忘记了可能是记忆力衰退吧,所以这里做个合集,温故而知新。每个章节是大概的类型集合容器样式容器本章主要是和作为容器的元素相关的内容。 ...

    chnmagnuschnmagnus 评论0 收藏0
  • localhost、本地IP下页面渲染不同 原理解析

    localhost、本地IP下页面渲染不同 原理解析

    摘要:一这是页面显示二这是本地配置的页面显示三经过多方资料查询,有三种解释不符合标准解析不同导致。不同版本的浏览器或者同一浏览器的解析方式不同。从而导致页面渲染不同。以免导致后来的重新渲染问题。 一、这是localhost页面显示: showImg("https:/...

    zhangwangzhangwang 评论0 收藏0
  • 浏览器兼容性问题

    浏览器兼容性问题

    摘要:一兼容性新标签在低于的浏览器中的识别解决以下浏览器对新增标签的不识别,并导致不起作用的问题。目前流行的库有以及,它们都可以修正很多已知的浏览器之间的差异性。 问题:经常遇到的浏览器的兼容性的情况、解决方法?思路:首先明确项目要兼容哪些...

    G9YHG9YH 评论0 收藏0
  • 从问题找原因之CSS浮动清除

    从问题找原因之CSS浮动清除

    摘要:问题描述浮动元素导致的后面标签居中对齐失败,如下图问题原因浮动元素造成的影响,文本行内元素行内块元素会采取环绕的方式排列在浮动元素周围。若不设置浮动元素父元素的高度,则也会正常垂直居中,但浮动未清除。 问题描述 浮动元素导致的后面img标...

    atinosunatinosun 评论0 收藏0
  • 【JavaScript】DOM之样式操作

    【JavaScript】DOM之样式操作

    摘要:样式操作获取内联样式以节点和元素的方法来获取指定的样式节点属性获取指定元素的属性元素属性获取指定的元素的属性对象以方法通过获取样式属性值该属性还具有属性得到对象属性获取当前元素中所有的样式属性内容字符串类型属性获取当前元素中样式属性的...

    BrennerBrenner 评论0 收藏0
  • 前端每日实战:123# 视频演示如何用纯 CSS 创作一架双冀飞机

    前端每日实战:123# 视频演示如何用纯 CSS 创作一架双冀飞机

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。增加螺旋桨旋转的动画效果增加飞机飞行的动画效果再增加飞机旋转的动画效果大功告成 showImg("https...

    whjinwhjin 评论0 收藏0
  • 关于CSS里BFC特性的理解和应用

    关于CSS里BFC特性的理解和应用

    摘要:它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。而,块级格式化上下文,就是一个块级元素的渲染显示规则。定位和清除浮动的样式规则只适用于处于同一块格式化上下文内的元素。 什么是BF...

    shixinzhangshixinzhang 评论0 收藏0
  • HTML与CSS中的,链接与图像个人分享

    HTML与CSS中的,链接与图像个人分享

    摘要:链接与图像链接元素元素表示链接元素作用从当前页面跳转到指定页面属性设置指定跳转页面的路径路径分类相对路径相对于当前页面的路径绝对路径访问的路径地址不变化示例代码相对路径的链接文本阴影案例他是链接绝对路径的链接他也 链接与图像 链接元素 ...

    cocopeakcocopeak 评论0 收藏0
  • 【静态页面架构】CSS之盒子模型

    【静态页面架构】CSS之盒子模型

    摘要:架构盒子模型以内容区显示文本和图像内边距内容区至边距的距离边距内容区的边界外边距元素的边框之间的距离边距属性简写属性用来设置边距的上右下左。 CSS架构 盒子模型; 以内容区(显示文本和图像) 内边距(内容区至边距的距离) 边距(内容区的边界) 外...

    fanuxfanux 评论0 收藏0
  • 【静态页面架构】CSS之显示与溢出

    【静态页面架构】CSS之显示与溢出

    摘要:架构显示与溢出显示属性以设置隐藏效果和元素类型设置当前元素为隐藏效果这种方式将元素设置为隐藏后,该元素不会再占有页面空间通过属性将元素显示将元素设置为块级元素将元素设置为内联元素将元素设置为行内元素属性以设置,元素显示或隐藏 CSS架构 ...

    tolerioustolerious 评论0 收藏0
  • 【静态页面架构】CSS之定位

    【静态页面架构】CSS之定位

    摘要:架构浮动是以属性设置容器指定的位置当前元素设置为浮动后,只影响当前元素后面的所有元素的位置块级元素不再独占一行,多元素之间会水平方向排列设置浮动后,会从页面的文档流脱离默认宽度是父级宽度的高度是后者的所有元素高度之和左浮动宽度默认是 ...

    scq000scq000 评论0 收藏0
  • CSS魔法堂:稍稍深入伪类选择器

    CSS魔法堂:稍稍深入伪类选择器

    摘要:前言过去零零星星地了解和使用和等伪类伪元素选择器,最近看书时发现这方面有所欠缺,于是决定稍微深入学习一下,以下为伪类部分的整理。伪类伪类选择器实质上是让设计师可以根据元素特定的状态,设置不同的视觉效果。也就是符合以下选择器的元素均支持...

    tanglijuntanglijun 评论0 收藏0

热门文章

<