8.23 前端面经总结
1.关于前端书籍推荐
如果有人让你推荐前端技术书,请让他看这个列表
伯乐在线已经在 GitHub 上同步了这个列表:https://github.com/jobbole/awesome-web-dev-books ,欢迎扩散。
2.http://web.jobbole.com/94371/?utm_source=blog.jobbole.com&utm_medium=relatedPosts这个不错
3.
右边宽度固定,左边自适应
第一种:
body{
display: flex;
}
.left{
background-color: rebeccapurple;
height: 200px;
flex: 1;
}
.right{
background-color: red;
height: 200px;
width: 100px;
}
body{
display: flex;
}
.left{
background-color: rebeccapurple;
height: 200px;
flex: 1;
}
.right{
background-color: red;
height: 200px;
width: 100px;
}
第二种
div {
height: 200px;
}
.left {
float: right;
width: 200px;
background-color: rebeccapurple;
}
.right {
margin-right: 200px;
background-color: red;
}
div {
height: 200px;
}
.left {
float: right;
width: 200px;
background-color: rebeccapurple;
}
.right {
margin-right: 200px;
background-color: red;
}
暂时想到了两种。
实现 水平垂直居中
第一种
container{
position:relative;
}
center{
width:100px;
height:100px;
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
container{
position:relative;
}
center{
width:100px;
height:100px;
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
第二种
container{
position:relative;
}
center{
width:100px;
height:100px;
position:absolute;
top:50%;
left:50%;
margin:-50px 0 0 -50px;
}
container{
position:relative;
}
center{
width:100px;
height:100px;
position:absolute;
top:50%;
left:50%;
margin:-50px 0 0 -50px;
}
第三种
container{
position:relative;
}
center{
position:absolute;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
}
container{
position:relative;
}
center{
position:absolute;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
}
第四种 flex
container{
display:flex;
justify-content:center;
align-items: center;
}
container{
display:flex;
justify-content:center;
align-items: center;
}
8.23 前端面经总结相关推荐
- Web前端面试题集锦
Web前端面试题集锦 前端开发面试知识点大纲: 注意 转载须保留原文链接(http://www.cnblogs.com/wzhiq896/p/5927180.html )作者:wangwen896 H ...
- promise的状态以及api介绍_2019年,盘点一些我出过的前端面试题以及对求职者的建议
笔者虽然曾经也面试过很多求职者,但是对于前端的笔试和面试,我觉得并不能体现一个人的真实能力,所以建议大家多修炼前端真正的技术.对于前端面试题,之前也承诺过读者要出一篇,笔者大致总结一下曾经面试的题目. ...
- 【前端】前端面试题整理
前端和计算机相关知识 你能描述一下渐进增强和优雅降级之间的不同吗 浏览器兼容问题 如何对网站的文件和资源进行优化? 怎么学习前端?怎么接触前端新知识? 关于前后端分离 关于浏览器内核(渲染引擎) 浏览 ...
- 前端面试题汇总(css基础篇)
前端面试题汇总(css基础篇) 1 css sprite是什么,有什么优缺点 概念:将多个⼩图⽚拼接到⼀个图⽚中. 通过 background-position 和元素尺⼨调节需 要显示的背景图案. ...
- 前端面试题汇总(JS 基础篇)
前端面试题汇总(JS 基础篇)** 1.javascript 的 typeof 返回哪些数据类型** object number function boolean underfind stringty ...
- 菜鸡前端面试题整理日记
一直以来都有写点什么东西的想法,但又整天犹犹豫豫的,一会觉得准备不够充分,写的内容没什么质量,一会又觉得没什么内容可写的,以至于一拖再拖.万事开头难,难着难着就没有下面了,以此先开个头,记录自己的成长 ...
- 前端面试题集锦——JavaScript
前端面试题集锦--JavaScript 1.请你谈谈 Cookie 的优缺点 cookie是存储于访问者计算机中的变量 cookie是浏览器提供的一种机制 可以由JavaScript对其进行控制(设置 ...
- 前端面试题汇总(JavaScript面试纯干货)
前端面试题汇总(JavaScript面试纯干货) 1 闭包 闭包就是能够读取其他函数内部变量的函数 闭包是指有权访问另⼀个函数作⽤域中变量的函数,创建闭包的最常⻅的⽅式就是在⼀个函数内创建另⼀个函数, ...
- 最近超火的公司前端面试题
前端面试题: 一个200*200的div在不同分辨率屏幕上下左右居中,用css实现 div{ position: absolute; width: 200px; height: 200px; left ...
最新文章
- 『第27天』Sunos(二)
- 动态删除nod linux_Linux文件操作实用笔记
- python爬虫正则表达式实例-Python 正则表达式爬虫使用案例解析
- R语言-csv文件数据追加
- 使用jOOQ和JavaFX将SQL数据转换为图表
- 对linux信号量的理解以及实现
- 高通平台添加自己的product后com.qualcomm.qti.tetherservice不停crash
- 使用AutoHotKey将多行内容转成单行并翻译或获取中文拼音
- 利用计算机审计新闻,计算机审计显身手 审计员钻出账本堆被审单位麻烦减少...
- MySql查询优化性能调优,sql性能自测方法,及Mysql索引介绍
- 关于DCDC选型OVP的经验
- SSE AVX 文档
- 南京Uber优步司机奖励政策(1月18日~1月24日)
- 扩展:hive插入数据到ES
- BT配对/取消配对示例
- Android安卓开发基础-apk安装包的创建及发布安装
- zabbix 报错No media defined for user.
- HCIA(学习笔记一)
- chopper_20160620
- PowerBI-日期和时间函数-YEARFRAC