文章库ARTICLE COLUMN

  • 聊一聊几种常用web图片格式:gif、jpg、png、webp

    聊一聊几种常用web图片格式:gif、jpg、png、webp

    摘要:由于采用了无损压缩,相比古老的格式,尺寸较小,而且支持透明和动画。采用无损压缩,是基于直接色的位图格式。正是因为其高品质,无损压缩,非常适合用于源文件或需要二次编辑的图片格式的保存。 前言 在大多数的web页面中,图片占到了页面大小的60%-...

    leo108leo108 评论0 收藏0
  • 由float引发的思考

    由float引发的思考

    摘要:需要注意的是网上说的清楚浮动原理和这个一样当然清楚浮动还有另外一种方式原理是触发浮动元素的父元素形成块级格式化上下文亦即 最近工作中不时会遇到float使用问题,由于CSS是一系列属性叠加的结果,float经常会和BFC,外边距折叠等一起出现,故而原本简...

    lemonlemon 评论0 收藏0
  • css3+less随机动画总结

    css3+less随机动画总结

    摘要:前言有个动画需求,有几个,需要不同时,不同幅度移动,用了实现重点使用,内可嵌入代码,获得的内容可以做名字,也可以当作数字参与的其他计算,但是获得的内容不能当作名字编译前编译后总结在 前言 有个动画需求,有几个div,需要不同时,不同幅度移...

    MertensMertens 评论0 收藏0
  • 对height 100%和inherit的总结

    对height 100%和inherit的总结

    摘要:就算父元素未定位也是相对于直接父元素进行高度计算的。如果在绝对定位脱离文档流中,等于最近已定位父元素的的高度。下一步目前只是阐述和总结了现象,还未解释原理,希望大神能在留言区指点一下。接下来需要继续学习知识,弄明白这些现象背后的原因。...

    TychioTychio 评论0 收藏0
  • 【CSS基础】CSS常见概念

    【CSS基础】CSS常见概念

    摘要:在中主要通过四个部分来描述,分别为。对于元素,负值会完全覆盖前一个元素,会影响后面元素一起移动对于元素,元素脱离了普通文档流,对其他元素没有影响对于元素,可以通过负值进行覆盖,最常见的应用是三列布局。 浏览器渲染过程 不同的浏览器渲染...

    hsluoyzhsluoyz 评论0 收藏0
  • 小程序项目-总结

    小程序项目-总结

    摘要:小程序线上代码线上地址小程序技术点官方提供的是不可少的。小程序事件的区分,和的区别,事件冒泡。一定要注意以及单个的生命周期,只会在小程序生成的时候执行一次。 小程序-线上代码 github线上地址 小程序-技术点 官方提供的API 是不可少的。常用...

    BaoyuanBaoyuan 评论0 收藏0
  • 【CSS基础】Flex弹性布局

    【CSS基础】Flex弹性布局

    摘要:容器首先实现布局需要先指定一个容器,任何一个容器都可以被置顶为布局,这样容器内的元素就可以使用来进行布局。当存在多条轴线时,多条轴线在垂直方向上的布局。 在flex容器中默认存在两条轴,水平主轴和垂直的交叉轴,这是默认设置,当然可以通过修...

    CoderStudyCoderStudy 评论0 收藏0
  • 用CSS3实现钟表效果

    用CSS3实现钟表效果

    摘要:背景最近在学习,看到了一个小案例,通过自己的学习,动手实现了它,现在把它分享出来。效果图实现过程首先我们需要在页面中写出一个静态的钟表效果。并对其进行简单样式设置。 背景:最近在学习CSS3,看到了一个小案例,通过自己的学习,动手实现了它...

    1treeS1treeS 评论0 收藏0
  • 看完你也想编写自己的 react 插件

    看完你也想编写自己的 react 插件

    摘要:清楚自己想要什么样的组件,就自己动手撸呗。咱们先来看看它的效果吧如果大家有时间,窝还是鼓励大家自己动手实现一些小插件。于是自己就琢磨能否继承使用方法同时保持特有组件特性。需要确保已安装。 副标题----为什么我要写这个 react 插件 图片懒加...

    VixbVixb 评论0 收藏0
  • 【CSS基础】CSS常见问题

    【CSS基础】CSS常见问题

    摘要:常见的布局两列布局两栏布局一栏定宽,一栏自适应,自适应的一栏作为内容主体。三列布局三列布局也是经常使用到的一种布局,它的特点是两边两列固定,中间自适应。左右两栏使用属性,中间栏使用属性。 垂直居中 单行文本垂直居中 父元素高度为auto 一...

    villainhrvillainhr 评论0 收藏0
  • [笔记] 当在 Vue 中不得不用全局样式时...

    [笔记] 当在 Vue 中不得不用全局样式时...

    摘要:有时候基于的单文件组件开发项目时不得不使用全局样式这时有一些需要注意的地方当遇到需要使用全局样式时下列几种情况样式在项目各处均有使用样式只在当前组件内的上使用样式需要应用到当前组件的外部下面详细记录一下需要注意的问题样式在项目各处均有...

    马龙驹马龙驹 评论0 收藏0
  • 总结开发过程踩到的坑(三)

    总结开发过程踩到的坑(三)

    摘要:本文章旨在总结开发过程中碰到的容易忘记或者比较重要的坑,一方面加深自己对于该部分的理解,另一方面希望能够分享给大家,知识在于分享,当然踩过的坑也不例外滑稽。 在日常工作中,时常会碰到各种各样的坑,有时真的觉得很多时候开发的经验都是踩坑...

    AprilApril 评论0 收藏0
  • 前端面试题-BFC(块格式化上下文)

    前端面试题-BFC(块格式化上下文)

    摘要:一的概念规范解释块格式化上下文,是页面的可视化渲染的一部分,是布局过程中生成块级盒子的区域,也是浮动元素与其他元素的交互限定区域。我们可以使用实现清除浮动,这里就不多介绍了,想要了解的可以阅读前端面试题清除浮动。 一、BFC 的概念 1.规...

    Ryan_LiRyan_Li 评论0 收藏0
  • Css Secret 案例全套

    Css Secret 案例全套

    摘要:案例全套地址案例地址去年买了一本揭秘的专题书,该书揭示了个鲜为人知的技巧,主要内容包括背景与边框形状视觉效果字体排印用户体验结构与布局过渡与动画等。去年买入时,就决定将里面所有案例全部撸一遍,作为自己年学习清单中的首项。 Css Secret ...

    qpwoeiru96qpwoeiru96 评论0 收藏0
  • [翻译]CSS变量让你轻松制作响应式网页

    [翻译]CSS变量让你轻松制作响应式网页

    摘要:原文地址作者摘要这是一篇年制作响应性网页的快速教程。首先,我们要声明需要更改或复用的变量然后,我们只需要在中使用它们就可以了。总之,变量可以定义为未来的响应式。 原文地址:https://medium.freecodecamp.org/how-to-make-responsiveness-sup...

    GitChatGitChat 评论0 收藏0
  • CSS 盒模型

    CSS 盒模型

    摘要:盒模型盒模型基本概念标准模型模型标准模型和模型的区别标准模型模型二者区别,前者的宽度是内容宽度,后者的宽度是内容内边距如何设置这两种模型标准模型模型如何设置获取盒模型对应的宽和高仅兼容兼容性好用于获得页面中某个元素的左, CSS 盒模型 C...

    wizChenwizChen 评论0 收藏0
  • 侧边栏的固定与自适应原来是这样实现的(持续更新)

    侧边栏的固定与自适应原来是这样实现的(持续更新)

    摘要:规范文档,行内非替换元素背景高度由字体和字体大小决定的,默认处理和行高没关系,不过这只是浏览器现在的处理方法摘自参考。不过实际上这个对样式的影响不是很大或者设置。的值除了也是可以为数值的。的区域不会与重叠。 摘要 刚看了一个关于前端面...

    sarvasarva 评论0 收藏0
  • BFC浅谈

    BFC浅谈

    摘要:两个兄弟盒之间的竖直由属性决定。同一个块格式化上下文中的相邻块级盒之间的竖直会合并。在一个块格式化上下文中,每个盒的外边挨着包含块的边。即使存在浮动,这也成立。功能一用包住浮动元素。功能二兄弟之间划清界限。 一:什么是BFC? 在W3C规范中...

    leoneleone 评论0 收藏0
  • CSS selector

    CSS selector

    摘要:选择直接父元素为元素的元素选择元素同级的第一个选择元素同级的所有,选择所有和选择元素内部的所有第一个编号为匹配父元素下仅有的一个子元素,匹配父元素下使用同种标签的唯一一个子元素, div>p(选择直接父元素为div元素的p元素)div+p(选择div...

    zorpanzorpan 评论0 收藏0
  • 一行代码实现一个简单的模板字符串替换

    一行代码实现一个简单的模板字符串替换

    摘要:需求描述实现一个方法,将中的占位符用填充。通过文档里面写的,我们可以发现方法可以传入回调函数,一个用来创建新子字符串的函数,该函数的返回值将替换掉第一个参数匹配到的结果。所以这行代码的意思就很清楚,正则匹配到,分组获取,然后把替换成。...

    Ryan_LiRyan_Li 评论0 收藏0
  • 使用css实现任意大小,任意方向, 任意角度的箭头

    使用css实现任意大小,任意方向, 任意角度的箭头

    摘要:使用实现任意大小,任意方向,任意角度的箭头网页开发中,经常会使用到下拉箭头,右侧箭头这样的箭头。的和就是箭头的边长,通过调整可以获取任意边长的箭头。 使用css实现任意大小,任意方向, 任意角度的箭头 网页开发中,经常会使用到 下拉箭头show...

    MorePainMoreGainMorePainMoreGain 评论0 收藏0
  • 一次搞清楚移动端适配这几个坑爹的单位慨念

    一次搞清楚移动端适配这几个坑爹的单位慨念

    摘要:真的是给我们新手学习移动端适配造成不少困惑英语真的很重要呀。细节高清屏上的处理其实并不是所有做移动端适配的人都一定会遇到这个问题。 一次搞清楚移动端这几个坑爹的单位慨念 目录: 一、让坑爹的单位,不再坑爹 二、需要准备什么样的设计稿 三、...

    objc94objc94 评论0 收藏0
  • 我终于理解了伪类和伪元素

    我终于理解了伪类和伪元素

    摘要:伪类和伪元素,对于绝大多数同学来说,都是耳熟能详的名字,但确实又有很多人搞不清楚它们之间的区别,以致于混淆概念。除了上面这个本质区别以外,在中,伪类用单冒号表示而伪元素用双冒号表示。 showImg("https://segmentfault.com/img/bV4WC1?w=510...

    张迁张迁 评论0 收藏0
  • 腾讯御安全深度解析暗云Ⅲ

    腾讯御安全深度解析暗云Ⅲ

    摘要:到目前为止,腾讯反病毒实验室发现的暗云攻击目标大多为各类棋牌游戏服务器。 【关键词:腾讯御安全,APK漏洞扫描,APP保护,Android防破解】 前面对暗云的分析报告中,腾讯电脑管家安全团队和腾讯御安全基本摸清暗云Ⅲ的感染方式和传播方式,也定位到被...

    cangck_Xcangck_X 评论0 收藏0
  • css命名和书写规范

    css命名和书写规范

    摘要:前言在项目开发中对于名字的命名和书写老是感觉很混乱,这对于代码的可读性以及维护提出了挑战,所以在闲暇之余看了一些这方面的内容,现总结如下命名规则说明所有的命名最好都小写属性的值一定要用双引号括起来,且一定要有值如每个标签都要有开始和结...

    wua_wua2012wua_wua2012 评论0 收藏0

热门文章

<