文章库ARTICLE COLUMN

  • CSS属性中经常出现的百分比

    CSS属性中经常出现的百分比

    摘要:绝对单位英寸磅相对单位与元素字号挂钩与元素字体的高度挂钩与根元素字号挂钩与像素挂钩另一属性值的百分比。定义基于父元素宽度的百分比的缩进。参考权威教程节样式可以使用百分比的属性总结浅析属性之中经常出现的百分比 起源:一道面试题(猫眼电影...

    mylxswmylxsw 评论0 收藏0
  • 4分钟学会网页样式[译]

    4分钟学会网页样式[译]

    摘要:编写的内容,就像你目前正在阅读的文章,组成了超过的网页。为这个文本内容添加样式将有一个很长的路要走。添加让我们借这个机会,来提高文本格调。瞧按照网页设计的基本原则,我们在短短几分钟内设计了一个像样的页面。 showImg("https://segmentfaul...

    gaomysiongaomysion 评论0 收藏0
  • 切图崽的自我修养-[ES6] 生成器Generator浅析

    切图崽的自我修养-[ES6] 生成器Generator浅析

    摘要:搞这么神秘其实就是个迭代器的核心实际上就是一个,通过关键字能够把函数体拆成完全可控执行片段,在函数体外部通过来对这些执行片段进行遍历这和遍历这些数据结构是一个道理只不过用来遍历函数片段,而用来遍历元素对生成器执行操作,进行生成器的入口...

    DogeeDogee 评论0 收藏0
  • BFC原理详解

    BFC原理详解

    摘要:最常见的有简称和简称。可以把它理解成是一个独立的容器,并且这个容器的里的布局,与这个容器外的毫不相干。根据布局规则第二条垂直方向的距离由决定。参考前端精选文摘神奇背后的原理之详解深入理解流体特性和特性下多栏自适应布局布局 一.BFC是什么...

    ziwenxieziwenxie 评论0 收藏0
  • 深入理解 flex-grow & flex-shrink & flex-basis

    深入理解 flex-grow & flex-shrink & flex-basis

    摘要:前言有三个属性值,分别是,,,默认值是。的宽度分别是,父级的宽度是,父级宽减去子级的全部宽度,这样剩余空间就是。当然工作中最好用,更符合规范。如果父级的空间不够有效,无效。 前言 flex 有三个属性值,分别是 flex-grow, flex-shrink, fle...

    Richard_GaoRichard_Gao 评论0 收藏0
  • 地址栏输入URL之后到底发生了哪些事情

    地址栏输入URL之后到底发生了哪些事情

    摘要:此时树,树建好,并渲染完成异步请求开始若有断开每个长连接都会有一定时限,当请求完成之后,断开连接上面就是整个请求淘宝页面到所有数据同步异步接收完成并渲染的整个过程。 地址栏输入URL之后到底发生了哪些事情? 这个问题应该是前端面试中被问概...

    myshellmyshell 评论0 收藏0
  • 浏览器带你学前端

    浏览器带你学前端

    这是一个浏览器带你学前端的专题文章。

    shuiboshuibo 评论0 收藏0
  • 移动端上传图片(ajax跨域请求)

    移动端上传图片(ajax跨域请求)

    摘要:项目开发简述项目需求上传图片并展示。做是为了给后台传值。上传截图点击更换提交数据判断需要填写的参数是否为空,如果不为空直接往下走,直到成功提交数据。优点确实提高上传速度。缺点后台查看提交的图片,模糊不清晰。 第一次写项目开发经验,望担...

    frontoldmanfrontoldman 评论0 收藏0
  • 前端面试问题总结

    前端面试问题总结

    摘要:元素的位置通过以及属性进行规定。请求会向指定资源提交数据,请求服务器进行处理。无状态通信的会话状态应该全部由客户端负责维护。 HTML html5的新特性 文件类型声明()仅有一型:。 新的解析顺序:不再基于SGML。 绘画 canvas; 用于媒介回放的 vi...

    qiangdadaqiangdada 评论0 收藏0
  • [译]148个资源让你成为CSS专家

    [译]148个资源让你成为CSS专家

    摘要:层叠样式表二修订版这是对作出的官方说明。速查表两份表来自一份关于基础特性,一份关于布局。核心第一篇一份来自的基础参考指南简写速查表简写形式参考书使用层叠样式表基础指南,包含使用的好处介绍个方法快速写成高质量的写出高效的一些提示。 迄今...

    impig33impig33 评论0 收藏0
  • Django项目前端工程化的探索

    Django项目前端工程化的探索

    摘要:项目前端工程化的探索不通过层实现非网页开发的前后端分离。做过这样项目的各位攻城狮应该都知道有多痛苦吧。仔细想来,其实只是想要模板和静态资源,我们可以直接在目录下写,当然也可以开一个前端工程来写,最后把模板和静态资源到工程的相应目录下。...

    buildupchaobuildupchao 评论0 收藏0
  • Making An Indicator With Pure CSS

    Making An Indicator With Pure CSS

    摘要:注意此处的定位是以即的外沿框进行定位的。关于单位,这个单位代表的意思即,即浏览器可视区域的高度。,我们现在来看效果将会是下面这张图片显示的样子。设置目的即让的高度为,即到顶部的距离减去的距离。 简单的说明一下,使用这个标题并不就是说...

    churchchurch 评论0 收藏0
  • Bootstrap 之 Metronic 模板的学习之路 - (3)源码分析之 body 部分

    Bootstrap 之 Metronic 模板的学习之路 - (3)源码分析之 body 部分

    摘要:的组成结构部分包含了,其中部分又包含了几个部分。代码如下图内容展示截图代码截图快捷栏展示截图代码截图页面底部展示截图代码截图上一篇之模板的学习之路源码分析之部分下一篇之模板的学习之路源码分析之脚本部分 body 的组成结构 body 部分包含了 ...

    afishhhhhafishhhhh 评论0 收藏0
  • CSS 动画

    CSS 动画

    摘要:相关的事件事件会在动画结束的时候触发。事件触发时会传入一些动画相关的参数,例如,,详细内容可以参考。动画的一个方向控制。即动画效果执行后,元素便恢复正常状态。有趣的是,支持小数,即表示动画执行到一半。 CSS 中的 transform,transition ...

    沈俭沈俭 评论0 收藏0
  • javascript学习思维导图(收藏)

    javascript学习思维导图(收藏)

    摘要:数据类型变量运算符流程控制数组函数基础字符串函数正则表达式基本操作对象 JavaScript 数据类型 showImg("https://segmentfault.com/img/remote/1460000006760819"); JavaScript 变量 showImg("https://segmentfault.com/img/remote/146...

    LyuxLyux 评论0 收藏0
  • CSS3 垂直居中详解

    CSS3 垂直居中详解

    摘要:但要实现垂直居中确是一大难题。弹性盒子绝对定位视口单位弹性盒子弹性盒子应该是解决垂直居中的最佳方案,随着的逐渐没落,惹人烦的兼容性问题正逐渐被克服。里有一个和一个,想将这两个元素在里垂直居中,同样只需给它们的父元素设和。 CSS里实现水...

    DTeamDTeam 评论0 收藏0
  • CSS3 animation介绍

    CSS3 animation介绍

    摘要:关于贝塞尔曲线和可以参照上一篇,和类似,不多赘述。单位是秒或毫秒。默认值是表示正常播放动画。默认值表示动画播完后,恢复到初始状态。例如的动画库,里面设计出的贝塞尔曲线能让动画效果非常逼真。下一篇将介绍一些常见实用的动画效果。 本篇介绍...

    孙淑建孙淑建 评论0 收藏0
  • CSS伪类伪元素详解

    CSS伪类伪元素详解

    摘要:选择器大致可以分成类基本选择器,层次选择器,属性选择器,伪类,伪元素。但伪类和伪元素相对比较抽象,稍微有一点点理解上的难度。本篇就是我对伪类和伪元素的理解。 CSS选择器大致可以分成5类:基本选择器,层次选择器,属性选择器,伪类,伪元素。...

    lookSomeonelookSomeone 评论0 收藏0
  • 说说动画卡顿的解决方案

    说说动画卡顿的解决方案

    摘要:动画卡顿解决方案前端时间用实现页面中首页动画过渡,很简单的一个效果,首页加载一个客服头像,先放大,停留后再缩小至顶部。参考文章深入浏览器理解和的性能问题解决动画卡顿的办法 CSS3 动画卡顿解决方案 前端时间用animation实现H5页面中首页动画...

    AlphaWatchAlphaWatch 评论0 收藏0
  • 编写高质量的CSS

    编写高质量的CSS

    摘要:以上,从分层组织,模块化,使用时注意低权重原则,以及巧用雪碧图阐述了提高代码质量的四个方面。编写高质量代码前端开发修炼之道曹刘阳 分层组织CSS 我们应用CSS的能力应该分成两部分:一部分是CSS的API,重点是如何用CSS控制页面内元素的样式;另一...

    xuexiangjysxuexiangjys 评论0 收藏0
  • 【面试系列】番外:关于糯米面试

    【面试系列】番外:关于糯米面试

    摘要:番外关于糯米面试结果总而言之一句话糯米的面试挂了过程把面试过程中面试官的问题分享一下有几种数据类型。将一个字符串转化为数字,将数字转化为字符串。获取当前网址并从中截取信息。究其愿意还是对字符串和数组的操作不熟练,我决定深刻反思。 番外...

    PiscesYEPiscesYE 评论0 收藏0
  • CSS Selector覆盖顺序

    CSS Selector覆盖顺序

    摘要:我们都知道的定义是可以被覆盖的,但是覆盖的顺序可能并不清楚,本文的目的就在于介绍的覆盖顺序。之间的优先级顺序以下是不同之间的优先级,选择器。终极覆盖法关键字能够覆盖一切定义,无视前面提到的优先级顺序。 我们都知道CSS的定义是可以被覆盖...

    bigdevil_sbigdevil_s 评论0 收藏0
  • Javascript中的抛物线 ~ 加入购物车小动画

    Javascript中的抛物线 ~ 加入购物车小动画

    摘要:上图即为归零后的坐标系,对称轴直线为在抛物线方程中,值得正负代表着抛物线的开口方向,那么值的绝对值也和抛物线的开口大小有着反比例的关系。 废话不多说,先上DEMO~http://jsrun.net/PxKKp?uid=483再上源码~https://github.com/Nelson2016... 运...

    sarvasarva 评论0 收藏0
  • CSS3实现翻转卡牌效果

    CSS3实现翻转卡牌效果

    摘要:所以给父元素添加至此,就实现了一个翻转卡牌的效果,但是这里需要解决一个问题,因为属性不被支持支持,所以需要进行降级,我的做法是直接显示隐藏。 今天在工作中遇到需求,需要用CSS3写一个卡片翻转效果,这个效果看起来简单,但是还是涉及到一些不...

    txgcwmtxgcwm 评论0 收藏0
  • 纯css实现容器高度随宽度等比例变化的四种解决方案

    纯css实现容器高度随宽度等比例变化的四种解决方案

    摘要:除了增加了一个结构,但是相对与一个页面成百上千的代码来说,不值一提我们知道,容器如果不给定高度,它的高度会随着容器内部的元素变化而撑大,这个时候,我们在容器内部添加一张符合我们宽高比例的图片,给图片设置宽度高度。 使用一个隐藏的图片来...

    vslamvslam 评论0 收藏0

热门文章

<