文章库ARTICLE COLUMN

  • 前端杂谈: CSS 权重 (Specificity)

    前端杂谈: CSS 权重 (Specificity)

    摘要:前端杂谈权重权重想必大家都听说过一些简单的规则大部分人也都知道较长的权重会大于较短的权重高于但是具体规范是什么浏览器是按照什么标准来判定不同选择器的权重的呢让我们来看一下官方文档是怎么说的第一个关键词官方文档中用特异性来表示一个和其元...

    SimonMaSimonMa 评论0 收藏0
  • 前端每日实战:162# 视频演示如何用原生 JS 创作一个查询 github 用户的应用(内含 2

    前端每日实战:162# 视频演示如何用原生 JS 创作一个查询 github 用户的应用(内含 2

    摘要:令下半部分的子元素竖向排列横向排列三组数据,每项之间加入细分隔线设置跳转到的链接样式和悬停效果至此,下半部分布局完成。接下来用伪元素把头像图片作为整体背景到这里,整体的静态布局就完成了。 showImg("https://segmentfault.com/img/bVbjLk3?...

    OnlyLingOnlyLing 评论0 收藏0
  • 从 1 到完美,写一个 js 库、node 库、前端组件库

    从 1 到完美,写一个 js 库、node 库、前端组件库

    摘要:从到完美,写一个库库前端组件库之前讲了很多关于项目工程化前端架构前端构建等方面的技术,这次说说怎么写一个完美的第三方库。使用导出模块,就可以在使用这个库的项目中构建时使用功能。 从 1 到完美,写一个 js 库、node 库、前端组件库 之前讲了...

    rollbackrollback 评论0 收藏0
  • 【css】圣杯布局

    【css】圣杯布局

    摘要:经常在网站上看到,左边是目录,右边放一些备注啊,广告之类的。后记记录这里的第一篇文章,花了一个下午写出来的。 这是一种比较常见的网站布局,此布局为两边等宽,中间自适应的三栏布局。经常在网站上看到,左边是目录,右边放一些备注啊,广告之类...

    LeexMullerLeexMuller 评论0 收藏0
  • Image Load Error Handler

    Image Load Error Handler

    Preface In the past, I posted an answer in SO about how to replace broken images. And the code is window.addEventListener( "error", windowErrorCb, { capture: true }, true ) fu...

    longmonlongmon 评论0 收藏0
  • 图片怎么优化的8个小技巧

    图片怎么优化的8个小技巧

    摘要:今日我就和我们深化共享一下图片优化有必要了解的个知识点。一般我们能够拟定结构化数据规则让技术人员设计程序批量替换图片的特点,而无需我们手工操作。关于图片地图,我就不多说了,由于谷歌有许多辅导文档来协助你提高图片的查找排名,看这儿。 假...

    SeaySeay 评论0 收藏0
  • 作为前端开发者,你还不知道什么是 postCss?

    作为前端开发者,你还不知道什么是 postCss?

    摘要:的定位属于预处理器吗还是属于后置处理器都不是,因为具体做的事取决于开发者使用了什么插件。这里做一个我觉得比较恰当的类比,中的相当于的中的,,等预处理器相当于,虽然不是完全合理,但是还是比较恰当。 前言 原谅我取这样的标题,我知道 postCs...

    appetizerioappetizerio 评论0 收藏0
  • 如何解决滚动条scrollbar出现造成的页面宽度被挤压的问题?

    如何解决滚动条scrollbar出现造成的页面宽度被挤压的问题?

    摘要:以来说,就是在触发页面滚动条时候,会挤压掉的空间,那我们就可以从不同角度考虑去解决了。 引言 页面滚动条造成宽度减小的场景很常见了,由于div块级元素的流动性,其宽度默认为100%的body宽度,但是当容器的高度超过视口宽度时候,页面就会出现滚动...

    scq000scq000 评论0 收藏0
  • 【每日一包0009】group-array

    【每日一包0009】group-array

    [github地址:https://github.com/ABCDdouyae...] group-array 对数组里面的多项按照指定的key进行整合 用法:group-array(arr, key1, key2, ...) 返回:object

    fxpfxp 评论0 收藏0
  • 阿里试用,女朋友逼着我给她排序

    阿里试用,女朋友逼着我给她排序

    摘要:下一页序号倒序概率名字当前页面全部数据锁频率使用,标记上次时间锁频率步长,单位秒当前页锁频率步长内取消请求秒内不要多次点击哦。 阿里试用排序 抱歉,之前莫名其妙把配置文件给 ignore 了,已经修复,抱歉 前景提要 说来简直丢尽了钢铁直男的脸...

    ideaaideaa 评论0 收藏0
  • 总结:前端开发中让元素水平垂直居中的方法

    总结:前端开发中让元素水平垂直居中的方法

    摘要:如果要居中的块级元素直接是内联元素等,直接在其父级元素上加上属性即可图片之间,浏览器会产生默认的间距,父元素设置可以很好地解决这个问题。使用水平居中前提居中的元素必须是块级元素,如果是内联元素,需要添加属性而且元素不浮动。 前端开发中...

    douziflydouzifly 评论0 收藏0
  • IOS下图片不能显示问题的解决办法

    IOS下图片不能显示问题的解决办法

    摘要:最近遇到这样一个问题,在手机页面中,直接给假定图片路径正常这样,图片在安卓以及模拟真机上是能够正常显示的,而在手机下无法正常显示。 最近遇到这样一个问题,在HTML5手机页面中,直接给 //假定图片路径正常 css: img{ width:100px; height:...

    tinylcytinylcy 评论0 收藏0
  • 浏览器的进程与线程详解

    浏览器的进程与线程详解

    摘要:浏览器的渲染进程浏览器内核,是多线程的,主要以下几大类线程引擎线程事件触发线程定时器线程网络请求线程线程负责渲染浏览器界面元素当界面需要重绘或由于某种操作引发回流时该线程就会执行。 进程 进程是cpu的资源分配的最小单位。 多进程:多进程...

    zhjx922zhjx922 评论0 收藏0
  • 浅探css3渐变

    浅探css3渐变

    摘要:基本用法想要知道线性渐变有什么用,当然要先学习它的属性和用法。下面我们先一起学习一下线性渐变的属性。函数的第一个参数是角度或者方向,第二个参数是截止颜色的值,要想产生渐变的效果,当然至少要两个或者两个以上的颜色值。 css3的渐变属性已经...

    lieepslieeps 评论0 收藏0
  • 【每日一包0010】decamelize

    【每日一包0010】decamelize

    摘要:地址将驼峰字符串拆解为普通字符串,并按照指定的符号分隔开用法默认返回 [github地址:https://github.com/ABCDdouyae...] decamelize 将驼峰字符串拆解为普通字符串,并按照指定的符号分隔开 用法:decamelize(str, symbol) 默认: _ 返回:string...

    call_me_Rcall_me_R 评论0 收藏0
  • 一篇关于BEM命名规范

    一篇关于BEM命名规范

    摘要:是一个很有用的方法可以创建复用组件和前端代码有三个特性易用性,使用只需要使用的命名规范就可以。的简介是一个强大而简单的命名规范,使得代码更容易让人理解,容易和他人协作,容易扩展,更加强壮和明确,最重要的是严谨性。 一直以来自己对命名都...

    ThreeWordsThreeWords 评论0 收藏0
  • 〔总结系列〕前端技术精华清单

    〔总结系列〕前端技术精华清单

    摘要:内容汇总篇年终回顾,为你汇总一份前端技术清单面试题大全个必会的面试题最全前端面试问题及答案总结持续更新中 内容汇总篇年终回顾,为你汇总一份「前端技术清单」 面试题大全20个必会的JavaScript面试题最全前端面试问题及答案总结 持续更新中···...

    qingshanli1988qingshanli1988 评论0 收藏0
  • 〔总结系列〕前端面试题精华筛选

    〔总结系列〕前端面试题精华筛选

    摘要:所谓同源是指协议域名端口三者相同,即便两个不同的域名指向同一个地址,也非同源。那么怎样解决跨域问题的呢通过跨域跨域跨域跨域跨域资源共享代理跨域中间件代理跨域音乐教程老师有用到协议跨域后端在头部信息里面设置安全域名公司后端给解决过持续更...

    ThanatosThanatos 评论0 收藏0
  • 〔开发系列〕一次关于小程序开发的深度总结

    〔开发系列〕一次关于小程序开发的深度总结

    摘要:一路由跳转需求如何获取当前页面的上一个页面场景用于判断返回哪一个页面的时候使用当前页上一个页面封装返回上一个页面的方法封装返回上一个页面的方法判断上一个页面然后返回上一个页面发布页或者订单页上一个页面调用方法如何返回上上个页面返回上一...

    BryanBryan 评论0 收藏0
  • 浏览器输入url到发起http请求所经历的过程

    浏览器输入url到发起http请求所经历的过程

    摘要:域名解析就是利用解析器得到对应过程,解析器会向域名服务器进行查询处理。当请求结束,需要经厉连接终止协议四次挥手。 用户输入url 当用户输入url,操作系统会将输入事件传递到浏览器中,在这过程中,浏览器可能会做一些预处理,比如 Chrome 会根据...

    Michael_DingMichael_Ding 评论0 收藏0
  • 用Vue开发仿旅游站webapp项目总结 (上)

    用Vue开发仿旅游站webapp项目总结 (上)

    摘要:写着写着发现会写不少内容全部写在一篇文章里感觉太多了不方便看,所以分为上下篇吧下篇写完啦,感兴趣的朋友可以继续关注开发仿旅游站项目总结下温馨提示此文章,仅是做完项目后的个人觉得可以总结下来的操作思路,接触不久的朋友应该会有收获。 写着...

    masturbatormasturbator 评论0 收藏0
  • 深入理解浏览器的缓存机制

    深入理解浏览器的缓存机制

    摘要:接下来的内容中我们将通过缓存位置缓存策略以及实际场景应用缓存策略来探讨浏览器缓存机制。是运行在浏览器背后的独立线程,一般可以用来实现缓存功能。在所有浏览器缓存中,覆盖面基本是最大的。 一、前言 缓存可以说是性能优化中简单高效的一种优化...

    dravenessdraveness 评论0 收藏0
  • css常用布局

    css常用布局

    摘要:二双列布局一列固定宽度,另外一列自适应宽度。如果先执行,由于有左,就正好可以放的下注意使用后清除浮动三三列布局两侧两列固定宽度,中间列自适应宽度。 一、单列布局 单列布局长这个样子,主要有两种:普通单栏,通栏的单栏布局showImg("https://...

    CristalvenCristalven 评论0 收藏0
  • css 元素居中

    css 元素居中

    摘要:一水平居中行内元素水平居中在父元素上设置使文字图片水平居中。结果如图块级元素的宽高不固定,就不能用负了使用百分比是相对于父元素的宽度。代码结果实现代码设置宽高以显示居中效果弹性布局垂直居中水平居中 一:水平居中 1、行内元素水平居中 在...

    AZmakeAZmake 评论0 收藏0
  • 外边距合并

    外边距合并

    摘要:如下图和外边距合并之后,边距为。自己和自己合并当元素内容为空时,元素设置的上下会自己和自己合并。二阻止外边距合并的方法给父元素加如下图给加上之后,和就没有产生外边距合并了。 一:外边距合并的场景 从3个简单的小例子来看外边距合并: 1、父...

    _Dreams_Dreams 评论0 收藏0

热门文章

<