文章库ARTICLE COLUMN

  • 浏览器内核

    浏览器内核

    摘要:浏览器解释并显示文件的方式是在和规范中指的。提到浏览器,一般人会认为使用的内核,这种说法不完全准确。在年之前使用的是公司开发的引擎,之后连同谷歌研发和选择作为浏览器的排版内核。国内浏览器情况国内浏览器厂商搜狗猎豹也有一定的市场占有率。...

    blairblair 评论0 收藏0
  • 10个有趣的javascript和css库(2019年最新)

    10个有趣的javascript和css库(2019年最新)

    摘要:我们的使命是让您了解最新和最酷的开发趋势。彻底的清理程序,它将获取和,并只返回实际使用的样式。高度可扩展现代化,并为大多数流行的视频格式和编解码器提供支持。轻量级库,用于制作高度可自定义的选择框文本区域和其他输入表单。 我们的使命是让...

    XUIXUI 评论0 收藏0
  • display: flex;’布局下使用‘white-space: nowrap;’导致的问题

    display: flex;’布局下使用‘white-space: nowrap;’导致的问题

    摘要:需求在中实现布局预期效果为左侧一个正圆形的用户头像,右侧的上方为该用户昵称下方为个性签名单行显示,超出实际能显示的最大宽度则用代替。解决办法在的父布局中添加样式即可解决。 需求: 在item中实现布局预期效果为:左侧一个正圆形的用户头像,...

    casparcaspar 评论0 收藏0
  • 匿名函数以及闭包内部this指向(函数调用模式的问题)

    匿名函数以及闭包内部this指向(函数调用模式的问题)

    摘要:网上看到一句话,匿名函数的执行是具有全局性的,那怎么具有的全局性呢闭包内部的指向是,为什么指向了呢下面通过函数调用模式和部分案例分析了为什么确实如此函数调用的模式方法调用模式和函数调用模式如果一个函数被设置为一个对象的属性,则称它为一...

    remcarpediemremcarpediem 评论0 收藏0
  • CSS之轻松搞懂外边距合并/外边距折叠

    CSS之轻松搞懂外边距合并/外边距折叠

    请看:https://codepen.io/bbbellc/pe... 代码编写参考MDN外边距合并文档。若有不足,请多指教,不胜感激!

    thekingisalwayslucthekingisalwaysluc 评论0 收藏0
  • VueCli+Node+mongodb打造个人博客(含前台展示及后台管理系统)(中)

    VueCli+Node+mongodb打造个人博客(含前台展示及后台管理系统)(中)

    摘要:前言前文打造个人博客含前台展示及后台管理系统上地址在上篇文章中我们完成了后端的配置,实现了对数据的增删查改现在只需要前端页面发送对应的请求给后端即可引入在开始搭建组件前,我们先要确定前端异步请求的方式这里我用的是先在中将其引入这样我们...

    hiyanghiyang 评论0 收藏0
  • VueCli+Node+mongodb打造个人博客(含前台展示及后台管理系统)(下)

    VueCli+Node+mongodb打造个人博客(含前台展示及后台管理系统)(下)

    摘要:前文上篇中篇地址现在只剩下把东西展示出来了页面这里有四种页面其实是四个组件文章,杂谈,收藏,具体的文章或杂谈前三个虽然布局一样,但功能有细微差别,同时考虑到以后可能要针对不同种类做不同的布局方法我还是定义了三个组件以及具体的那个可以看...

    EdwardUpEdwardUp 评论0 收藏0
  • 重学前端学习笔记(十)--CSS语法关于带@的规则

    重学前端学习笔记(十)--CSS语法关于带@的规则

    摘要:指普通的规则,由选择器和属性指定构成的规则。用于跟命名空间配合的一个规则,表示内部的选择器全都带上特定命名空间。注意属性不允许使用连续的两个中划线开头,否则会被认为是变量。 笔记说明 重学前端是程劭非(winter)【前手机淘宝前端负责人】...

    HollisChuangHollisChuang 评论0 收藏0
  • 编写高效的 CSS 选择器 – CSS魔法

    编写高效的 CSS 选择器 – CSS魔法

    摘要:最基本的选择器是元素选择器比如选择器比如还有类选择器比如。选择器和类选择器在速度上的差异基本上没有关系。现在我们回到讨论开始的地方,哪类选择器是最高效的哪个是会影响选择器效率的关键选择器写代码的时候,关键选择器是能否高效的决定因素。 ...

    hyuanhyuan 评论0 收藏0
  • 总结常用伪类与伪元素

    总结常用伪类与伪元素

    摘要:总结常用伪类与伪元素伪类和伪元素是为了格式化树以外的信息而被引入的。伪类一个伪类是以一个冒号作为前缀,被添加到一个选择器末尾的关键字,可以让指定的元素在特定的状态呈现指定的样式。 总结常用伪类与伪元素 伪类和伪元素是为了格式化 DOM 树以...

    anRuianRui 评论0 收藏0
  • 实现点击按钮后CSS加载效果

    实现点击按钮后CSS加载效果

    摘要:实现过程这个效果其实很容易,先来看一下原本的按钮长相,就只是个套用而已。套上之后,就会发现原本的被覆盖了。完成之后就是要套用的动画效果,让改变,背景就会自动变化了。 由于自己公司产品里头,有个按钮在点击之后,会有一两秒的等待时间(寄认...

    vvpalevvpale 评论0 收藏0
  • <input> 宽度自适应变化

    <input> 宽度自适应变化

    摘要:要实现上述的效果输入框的宽度随着输入的文字长度变化。而这个标签有自己的想法,如果没有给它设置一个固定的宽度,它就会有一个默认的不变的宽度,想让它动态伸展是不可能。 showImg("https://segmentfault.com/img/bVbso8j?w=276&h=62"); 要实现上述...

    levy9527levy9527 评论0 收藏0
  • BFC:块级格式上下文详解

    BFC:块级格式上下文详解

    摘要:简要定义直译为块级格式化上下文。它是一个独立的渲染区域,它规定了内部如何布局,是决定块盒子的布局及浮动相互影响范围的一个区域,并且与这个区域外部毫不相干。 1.BFC简要定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个...

    HelKyleHelKyle 评论0 收藏0
  • react-鼠标滑过显示编辑按钮点击显示输入框编辑内容

    react-鼠标滑过显示编辑按钮点击显示输入框编辑内容

    摘要:页面显示效果点击编辑显示效果由于项目频繁修改相关信息,并多带带提交,为了方便,封装了一个简单的组件组件依赖用到了图标和组件这不用可以省略组件宽高显示为自适应控制父级大小即可,类型可无限扩展输入框修改组件接收参数展示内容展示字体大小图标...

    ymyangymyang 评论0 收藏0
  • 9102年:手写一个React脚手架    【优化极致版】

    9102年:手写一个React脚手架 【优化极致版】

    摘要:马上要出了,完全手写一个优化后的脚手架是不可或缺的技能。每个依赖项随即被处理,最后输出到称之为的文件中,我们将在下一章节详细讨论这个过程。的事件流机制保证了插件的有序性,使得整个系统扩展性很好。 webpack马上要出5了,完全手写一个优化...

    whatsnswhatsns 评论0 收藏0
  • 移动端的text-overflow多行文本溢出显示省略号(…)

    移动端的text-overflow多行文本溢出显示省略号(…)

    摘要:大家应该都知道用属性来实现单行文本的溢出显示省略号。但是这个属性并不支持多行文本溢出显示省略号,这里根据应用场景介绍几个方法来实现这样的效果。,可以用来多行文本的情况下,用省略号隐藏超出范围的文本。 大家应该都知道用text-overflow:elli...

    thekingisalwayslucthekingisalwaysluc 评论0 收藏0
  • 圣杯布局和双飞翼布局

    圣杯布局和双飞翼布局

    摘要:比起双飞翼布局,它的起源不是源于对页面的形象表达。一起来看看这两种布局的区别在哪一双飞翼布局可以看到,我们在里面又加了一个内容层。 稍微了解前端的人都知道,圣杯布局和双飞翼布局是前端面试时必问的问题,因为它既能体现你懂HTML结构又能体现...

    468122151468122151 评论0 收藏0
  • 重学前端学习笔记(十一)--浏览器工作解析(一)

    重学前端学习笔记(十一)--浏览器工作解析(一)

    摘要:紧跟在后面的是请求头,每行用冒号分隔名称和值按下两次回车,收到服务端回复响应部分第一行被称作,它也分为三个部分,协议和版本状态码和状态文本。对前端来说系列的状态码是非常陌生的,原因是的状态被浏览器库直接处理掉了,不会让上层应用知晓。 ...

    付永刚付永刚 评论0 收藏0
  • 圣杯布局和双飞翼布局的理解与思考

    圣杯布局和双飞翼布局的理解与思考

    摘要:圣杯布局和双飞翼布局的理解与思考圣杯布局和双飞翼布局都是前端工程师需要日常掌握的重要布局方式。注代码中,部分首先要放在最前面部分,然后是,以便先行渲染结构首先定义出整个布局的结构,主题部分是由包裹的,三列,其中定义在最前面。 圣杯布局...

    qpwoeiru96qpwoeiru96 评论0 收藏0
  • CSS双飞翼布局

    CSS双飞翼布局

    摘要:此是为了实现三列布局左右固定,中间自适应且浏览器会自上而下先出现中间部分。 此CSS是为了实现三列布局:左右固定,中间自适应;且浏览器会自上而下先出现中间部分。 html: CSS: .box { ...

    soasmesoasme 评论0 收藏0
  • 前端用ps压缩项目图片大小不失真

    前端用ps压缩项目图片大小不失真

    用ps把图片保存为web格式 showImg("https://segmentfault.com/img/bVbsjFh?w=798&h=762"); showImg("https://segmentfault.com/img/bVbsjFj?w=1231&h=825"); showImg("https://segmentfault...

    remcarpediemremcarpediem 评论0 收藏0
  • 【Hello CSS】第一章-CSS的语法与工作流

    【Hello CSS】第一章-CSS的语法与工作流

    摘要:本篇则主要介绍的语法与是如何工作的。语法基本规则规则主要由两部分组成选择器与声明。用于自定义的样式用于给网页指定文本字体。 作者:陈大鱼头 github: KRISACHAN 在上一篇【Hello CSS】的序章CSS起源中介绍了CSS的诞生原因以及发展历史,了解...

    kelvinleekelvinlee 评论0 收藏0
  • 【Hello CSS】第二章-CSS的逻辑属性与盒子模型

    【Hello CSS】第二章-CSS的逻辑属性与盒子模型

    摘要:本篇则会分享的逻辑属性以及盒子模型。的逻辑属性年月日,的工作组发布了逻辑属性和值的首份工作草案。那么按着这个规则去修改文本属性时,就会出现上述这种不符合语法规则的状态。大概也是基于这个原因,所以发布了新的逻辑属性与值。因此称为匿名盒子...

    SegmentFaultSegmentFault 评论0 收藏0
  • 【Hello CSS】第三章-浏览器的视图与坐标

    【Hello CSS】第三章-浏览器的视图与坐标

    摘要:本篇则会介绍浏览器的视图与坐标。返回值为视觉视口的缩放比例视觉视口宽度,返回值为像素值。那么接下来我们来了解一下浏览器中的坐标系系统。在数学里,笛卡尔坐标系英语,也称直角坐标系,是一种正交坐标系。 作者:陈大鱼头 github: KRISACHAN ...

    JeffrreyJeffrrey 评论0 收藏0
  • 前端优化

    前端优化

    摘要:如果在循环中需要访问非本作用域下的变量时请在遍历之前用局部变量缓存该变量,并在遍历结束后再重复那个变量,这一点对全局变量尤其重要,因为全局变量处于作用域链的最顶端,访问时的查找次数是最多的。 链接:前端优化 前端优化 浏览器发送HTTP请...

    ad6623ad6623 评论0 收藏0

热门文章

<