前端基本功-响应式布局(flex)

2019-01-13
阅读 6 分钟
9.2k
flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap。 flex-direction属性决定主轴的方向(即项目的排列方向) flex-wrap默认情况下,项目都排在一条线(又称"轴线")上。flex-wrap属性定义,如果一条轴线排不下,如何换行。 justify-content属性定义了项目在主轴上的对齐方式。 align-it...

前端基本功-示例代码(一)

2019-01-13
阅读 19 分钟
7.1k
前端基本功-示例代码 (一) 点这里前端基本功-示例代码 (二) 点这里 1.ajax {代码...} 2.jsonp 1.)原生实现: {代码...} 服务端返回如下(返回时即执行全局函数): {代码...} 2.)jquery ajax: {代码...} 3.)vue.js: {代码...} 4.)npm包jsonp: {代码...} {代码...} 本节参考文章: vue项目中jsonp跨域获取qq音乐首...

前端基本功-常见概念(二)

2019-01-13
阅读 19 分钟
2.8k
let 是更完美的var,不是全局变量,具有块级函数作用域,大多数情况不会发生变量提升。const 定义常量值,不能够重新赋值,如果值是一个对象,可以改变对象里边的属性值

一篇文章带拿下盒模型BFC渲染机制

2019-01-13
阅读 4 分钟
2.4k
普通流 (normal flow)在普通流中,元素按照其在 HTML 中的先后位置至上而下布局,在这个过程中,行内元素水平排列,直到当行被占满然后换行,块级元素则会被渲染为完整的一个新行,除非另外指定,否则所有元素默认都是普通流定位,也可以说,普通流中元素的位置由该元素在 HTML 文档中的位置决定。

css常用小技巧

2017-11-13
阅读 2 分钟
1.8k
为body添加行高 你不需要分别为每一个 <p>, <h*> 等元素添加行高,而是为body添加: {代码...} 这种方式下,文本元素可以很容易从body继承。 使用:not()添加/去除导航上不需要的边框 / 添加边框 / {代码...} …然后去除最后一个元素的边框… / 移除边框 / {代码...} …使用伪类 :not() 将样式只应用到你需要的元...