什么是布局： 浏览器以正确的大小将元素摆放在正确的位置上。 布局：元素摆放的模式。 影响元素大小和位置的css属性： display position float flex display 设置元素的显示方式 ，包括 大小和位置 , display的取值有： block inline inline-block none display : bloc...

2018-06-24 00:36:36

之前根据网易前端微专业的课程，写了博客 水平居中 方案 垂直居中 方案 水平居中和垂直居中 方案 在最后，老师总结了『解决方案』提出的思路 比如说用到的 display : flex display:table display: inline-block display : table-cell vertical-align:middle justify-co...

2018-06-24 00:36:38

用CSS绘制三角形箭头。使用纯CSS，你只需要很少的代码就可以创作出各种浏览器都兼容的三角形箭头！ CSS代码: /* create an arrow that points up */div.arrow-up {width: 0; height: 0; border-left: 5px solid transparent; /* left arrow slant */border-right: 5px...

2018-06-24 00:36:35

方案一 ! DOCTYPE html html head meta charset ="utf-8" title 水平居中和垂直居中，并且父容器的宽度高度都是未知的，里面的子容器大小也是不一定的 / title style type ="text/css" .parent { background : #bebebe ; height : 300px ; width : 700px ; /* 水平居中...

2018-06-24 00:36:35

示例： BUG描述： 最近同事一项目中，产品提出在macbook air上，列表图片放大效果边缘出现抖动现象。在retina屏上没有此问题。 调试过程： 1、单独把结构分离。确定是否由其他元素引起。 2、逐步添加结构。看是否有父级结构引起。 调试结果： 1、单独分离，不出现问题...

2018-06-24 00:36:33

为什么要重置 浏览器默认 CSS？ 浏览器会对『标签』进行『默认设置』，不同浏览器的默认设置存在 差异。 很多时候，浏览器的默认设置对我们开发者来说是没有用的。 那么，就需要开发者写覆盖的css将 浏览器的默认设置覆盖掉。 CSS Reset不仅是『清除默认样式』，而且要...

2018-06-24 00:36:27

JS跨域 知识总结： 在“跨域”一词经常性地出现以前，我们其实已经频繁地使用它了。如在A网站的img，src指向B网站的某一图片地址，毫无疑问，这在通常情况下都是能正常显示的（且不论防盗链技术）；同样，可以使 script标签 的src属性指向其它网站的脚本资源（在某些情...

2018-06-24 00:36:32

1.在HTML页面head标签里添加如下link链接 link rel ="stylesheet" href ="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" 2.在页面中用i标签加class类名方式呈现对应的iconfonts； i class ="fa fa-quote-left" / i 3.根据图标选择的...

2018-06-24 00:36:23

1. 行级元素： 非独占一行，设置高度宽度无效 默认宽度是刚好包住自己里面的内容 。例：a 不能应用属性：width height max-width max-height min-width min-height 除非：变为块级或行块元素 2 .块级元素 ： 独占一行，设置宽度和高度都有效默认元素是父元素宽度 。例...

2018-06-24 00:36:24

现在许多公司往往注重后端优化，而忽略了前端优化 想想如果辛苦优化了服务器，后台，排查了sql 却在最后页面加载展示的时候很慢，也得不偿失 其实，前后台优化都是相辅相成的 后台优化好了，响应请求速度快，前台展示的更迅速 前台优化了不必要的请求，后台压力也会更...

2018-06-24 00:36:13