文章库ARTICLE COLUMN

  • 网易音乐版轮播-react组件版本

    网易音乐版轮播-react组件版本

    摘要:说明此版本轮播图为仿照网易云音乐播放器上首页的轮播。网易的轮播特殊的地方就在于,如果你滑动不相邻的两张图片,其过渡效果并不是滑动过渡,而是一个跳出过渡,此方面原理与最开始设计轮播排版时候有极大关联。 说明: 此版本轮播图为仿照网易云音...

    赵春朋赵春朋 评论0 收藏0
  • CSS文本省略显示

    CSS文本省略显示

    摘要:当页面上有过多文字的时候,往往需要省略显示,可以很方便的做到这点。单行文本省略显示需要固定一个宽度多行文本省略显示适用于浏览器和移动端设置需要显示的行数 当页面上有过多文字的时候,往往需要省略显示,CSS可以很方便的做到这点。 单行文本省...

    HackerShellHackerShell 评论0 收藏0
  • 前端性能优化知识点汇总

    前端性能优化知识点汇总

    摘要:面试必谈的前端性能优化为什么做优化提供给用户最佳体验有哪些差的体验白屏好久才显示内容浪费用户流量优化方案大概分为以下几种降低请求数量减少获取数据的接口数初始数据尽量通过一个接口返回减少的数量提取公共利用缓存减少后续加载访问。 面试必谈...

    quietinquietin 评论0 收藏0
  • absolute和relative的位置关系与伪元素

    absolute和relative的位置关系与伪元素

    摘要:实验出真理对添加如图对添加如图可知子容器的位置是相对于父容器的再看看伪元素的情况,我想在文本后加一个方块,代码如下却没有想要的效果,原来伪元素默认是所以宽高对他无效我们加上再试下这下行了,现在移动伪元素,加上可知伪元素与普通的块一 实...

    guqiuguqiu 评论0 收藏0
  • 搞定css三栏布局(六种方法)

    搞定css三栏布局(六种方法)

    摘要:块级元素生成一个矩形框,作为文档流的一部分行内元素则会创建一个或多个行框,置于父级元素中。元素框相对于之前正常文档流中的位置发生偏移,并且原先的位置仍然被占据。元素框不再占有文档流位置,并且相对于视窗进行定位。 谈到布局,首先就要想到...

    evin2016evin2016 评论0 收藏0
  • 各种兼容技巧

    各种兼容技巧

    摘要:前言自己找了各种兼容问题,我把它们给归纳在一起了。而兼容就是一种办法,能让你在一个里面独立的写支持不同浏览器的样式。解决方法统一用来取得为的对象。八问题问题说明只能在下运行,而不能在下运行,这是因为的只能在事件发生的现场使用。 前言 ...

    hiyanghiyang 评论0 收藏0
  • css—盒子模型理解

    css—盒子模型理解

    摘要:盒子模型作用盒子模型就是一个盒子,封装周围的元素。允许我们在其他元素和周围元素边框的空间放置元素。 1、盒子模型作用:盒子模型就是一个盒子,封装周围的html元素。允许我们在其他元素和周围元素边框的空间放置元素。2、组成:外边距(margin):...

    Crazy_CoderCrazy_Coder 评论0 收藏0
  • async/await 真不是你想象中那么简单

    async/await 真不是你想象中那么简单

    摘要:第二种方法一开始就发起了个请求并等待请求都到达后获取数据。请求返回的数据秒后就能操作了这种方法比第二种方法可以更快处理数据。如果请求时间是依次递减的那么和方法二效果是一样在有多个请求时这种情况一般不存在。 先上代码 公共代码 function g...

    zsy888zsy888 评论0 收藏0
  • CSS—总结常用垂直居中方法

    CSS—总结常用垂直居中方法

    摘要:总结常用垂直居中方法与方法实现居中这是比较常用的方法。绝对居中实现垂直居中这是一个兼容性比较好的能够实现垂直居中的方法。 CSS—总结常用垂直居中方法 1、text-align与line-hight方法实现居中 这是比较常用的方法。通过line-hight来设置行间距是...

    asorenasoren 评论0 收藏0
  • 浅谈面试中常考的两种经典布局——圣杯与双飞翼

    浅谈面试中常考的两种经典布局——圣杯与双飞翼

    摘要:圣杯和双飞翼布局介绍最近正好碰到了写这种布局,一直没有总结过正好借这次机会总结一波,同时加强一下自己的理解。使用双飞翼布局就可以避免这个问题。双飞翼布局则是中间栏不变,将内容部分为两边腾开位置参考 圣杯和双飞翼布局介绍 showImg("http:/...

    SwordFlySwordFly 评论0 收藏0
  • React造轮子:拖拽排序组件「Dragact」

    React造轮子:拖拽排序组件「Dragact」

    摘要:造轮子的一些思考首先,我们的需求是用户能够方便的调整后台的各种表盘位置。内的所有组件必须不能重叠,还要能自动排序某些组件要可以设定静态的,也就是固定在那里,不被布局的任何变动而影响。为了快速获得这种心态的转变,你要做的就是造轮子。 先...

    Charlie_JadeCharlie_Jade 评论0 收藏0
  • 提高开发效率之VS Code基础配置篇

    提高开发效率之VS Code基础配置篇

    摘要:相对于来说是免费的。配置注当前相关的配置基于版本。,该设置是用来控制光标的粗细,目前设置大小为。,这个不用多说,给提供了相关功能。总结总体上来说是一个使用比较方便的编辑器,能够通过一些特定的插件提高你的工作效率。 背景 之前一直是只用W...

    wing324wing324 评论0 收藏0
  • React组件:Dragact 0.1.4发布

    React组件:Dragact 0.1.4发布

    摘要:下个版本在下个版本中,我会对其进行支持响应式自由切换拖拽和缩放手机也能操作仓库地址预览多谢大家支持。 Dragact 是一款React组件,他能够使你简单、快速的构建出一款强大的 拖拽式网格(grid)布局. 仓库地址:Dragact 经过几天的迭代时间Dragact已...

    bergwhitebergwhite 评论0 收藏0
  • 50道CSS基础面试题(附答案)

    50道CSS基础面试题(附答案)

    摘要:弹性盒布局并没有这样内在的方向限制,可以由开发人员自由操作。渐进识别的方式,从总体中逐渐排除局部。首先,巧妙的使用这一标记,将浏览器从所有情况中分离出来。偶数字号相对更容易和设计的其他部分构成比例关系。 1 介绍一下标准的CSS的盒子模型...

    wua_wua2012wua_wua2012 评论0 收藏0
  • 三种方式实现圣杯布局

    三种方式实现圣杯布局

    摘要:本文会用三种方法来实现圣杯布局,分别是浮动,以及。先移动左边,新加一个样式。小结总的来说,我认为使用弹性盒子布局实现圣杯模式是最方便最快速且不用担心移动端的适配问题。 圣杯布局的三种实现 圣杯布局是一种很常见的css布局。他要求: 上部和...

    cgspinecgspine 评论0 收藏0
  • 前端面试题整理

    前端面试题整理

    摘要:写在前面本小菜鸡开学其实已经开始了就要面临找实习的压力了。所以在此开一贴记录一下搜集的前端面试的问题和自己即将被拷问的问题。而有着固定的大小,高度超过规定高度就会出现滚动条。实现页面加载进度条我们可以将一整个页面大致分为,个区域。 写...

    wall2flowerwall2flower 评论0 收藏0
  • vue 使用Jade模板写html,stylus写css

    vue 使用Jade模板写html,stylus写css

    摘要:使用模板写,写日常工作都是使用开发页面和写的多了就想偷懒简化各种书写方式,所以使用了写,写,省了很多的步骤和提高了效率。这是我喜欢的风格和方式,当然也可以做到,只是个人的机缘巧合现在使用了。写下本文做个人记录,也给其他人做个参考。 vu...

    scwang90scwang90 评论0 收藏0
  • CSS浮动其实很简单

    CSS浮动其实很简单

    摘要:实验最基本测验浮动实验对应结果实验结果分析因为为块标签,而且处于同一文档流当中,固会向下排列。实验左浮动,右浮动,左浮动浮动实验结果实验结果分析左浮动,所以失去块级作用,并且脱离标准文档流,因此在第一行最左边。 其实CSS浮动原理就三句...

    JiavanJiavan 评论0 收藏0
  • 面试的信心来源于过硬的基础

    面试的信心来源于过硬的基础

    摘要:避免在页面的主体布局中使用,要等其中的内容完全下载之后才会显示出来,显示比布局慢。实现多行文本溢出显示效果实现方法适用范围因使用了的扩展属性,该方法适用于浏览器及移动端 在过去的一年很多人不满于公司没有福利、人际关系不好相处、没有发展...

    AshinAshin 评论0 收藏0
  • VSCode下让CSS文件完美支持SCSS或SASS语法方法

    VSCode下让CSS文件完美支持SCSS或SASS语法方法

    摘要:下让文件完美支持或语法方法习惯后通常都是直接对文件进行处理但是大部分习惯的朋友也许不适应了我专门研究了一下在编辑器下如果配置相关代码和设置达到文件完美编写的办法其他语法类型原理相似这里以为例开始配置编辑器设置的配置首先配置编辑器的设置...

    superPershingsuperPershing 评论0 收藏0
  • PostCSS自学笔记(二)【番外篇二】

    PostCSS自学笔记(二)【番外篇二】

    摘要:之前有研究过做过假设,在插件列表中,的插件执行顺序自上而下,一切看起来似乎是没有任何问题的。再有摘自深入设计摘自写的姿势这两张图则应该是说明了我之前的假设,插件中的执行顺序自上而下。先来看看一片来自的这段会不会跟这个有关呢,我先埋个伏...

    FleyXFleyX 评论0 收藏0
  • css3 水纹效果(仿写阿里云)

    css3 水纹效果(仿写阿里云)

    效果图 showImg("https://segmentfault.com/img/bV3GNp?w=363&h=279"); 什么也不说了,上代码。 css3 水纹效果 .point_area { text-align: center; position: relative; ...

    cangercanger 评论0 收藏0
  • 关于前后端分离的开发模式

    关于前后端分离的开发模式

    摘要:因此今天要讨论的话题就是前后端分离的开发,让前端工程师的工作更饱满,更具有价值如何实现前后端分离要实现前后端分离开发其实不是什么难事,前辈早就有很多经验了,比如等。 为什么要做分离开发: 现在很多公司的web开发模式都是用jsp、php、asp等...

    zackleezacklee 评论0 收藏0
  • 关于SVG

    关于SVG

    摘要:以前前端时代做按钮,图标背景图用,后来主流现在各种流体结构,高分屏的需求,大行其道,无论是体积还是灵活性还是品质都远胜。 以前前端IE6时代做按钮, 图标背景图用gif, png, 后来主流png, 现在各种流体结构,高分屏的需求, svg大行其道, 无论...

    AjianAjian 评论0 收藏0
  • javascript中你可能遇到的隐式调用

    javascript中你可能遇到的隐式调用

    摘要:所谓的隐式调用简单来说就是自动调用一些方法,而这些方法像钩子一样可以在外部修改,从而改变既定行为。 前言 不知道用隐式调用来形容是否确切,其行为总是隐藏在背后,时不时出来露脸一下,作用貌似不大,但是了解一下还是有用处的,保不准在你的使用...

    fuyi501fuyi501 评论0 收藏0

热门文章

<