文章库ARTICLE COLUMN

  • 各种兼容技巧

    各种兼容技巧

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

    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
  • CSS水平垂直居中解决方案

    CSS水平垂直居中解决方案

    摘要:水平垂直居中解决方案准备创建元素垂直水平居中方案一知道宽度的情况下负值垂直水平居中方案二不知道宽高的情况下垂直居中方案三垂直居中方案四多行文本的垂直居中或者垂直居中方案五垂直居中方案六伪元素在 CSS水平垂直居中解决方案 准备 创建元素 ...

    VervericaVerverica 评论0 收藏0
  • JavaScript疑难杂症系列-事件

    JavaScript疑难杂症系列-事件

    摘要:支持三个参数分别表示事件名称,是否可以冒泡,是否阻止事件的默认操作触发参数表示事件对象,是方法返回的创建的对象监听方法自定义事件常用模拟模拟方法操作或者自定义事件我的自定义事件。 事件这块知识点虽然是老生长谈的,但对于我来说多多整理,多...

    CocoaChinaCocoaChina 评论0 收藏0
  • 加深理解BFC

    加深理解BFC

    摘要:相关定义是规定中的一个概念。最常见的有简称和简称。中只有和,中还增加了和。布局规则内部的会在垂直方向,一个接一个地放置垂直方向地距离由决定。计算的高度时,浮动元素页参与计算。我们的做法是包一层标签,并转化成。 1、相关定义 1.1 Formatti...

    yanweiyanwei 评论0 收藏0
  • vscode常用插件【全了】

    vscode常用插件【全了】

    摘要:插件集待补充。。。同时,它还包含了用于转换为格式和生成数据模式的选项用于压缩合并和文件的应用程序。它提供了大量自定义的设置,以及自动压缩保存并导出为文件的选项。修改文本的更多命名格式,包括驼峰命名下划线分隔命名,命名以及命名等切换漂亮...

    kyanagkyanag 评论0 收藏0
  • 教你实现首行及首列固定 Table

    教你实现首行及首列固定 Table

    摘要:但单元格尺寸根据其不确定的内容伸展,且顶部及左侧表头也应随之调整宽高。将的剥离进行整体置为覆盖于之上,并将除首列单元格外的其它元素置为透明。 先秀一下 demo!此款 Table 源码~ 表面上,在顶部及左侧悬挂两栏并非难事。但单元格尺寸根据其不确...

    scq000scq000 评论0 收藏0

热门文章

<