前端基础知识问题整理(一)

  1. 浏览器内核
    谷歌 blink
    火狐 gecko
    苹果 webkit
    IE trident
    欧朋 presto 后改用 blink

  2. DOCTYPE 的作用
    声明浏览器该用什么规范解析文档

  3. div + css 优点
    符合 W3C 规范,结构样式行为分离,方便维护
    加快页面加载速度,table 会等加载完了才完全显示,而 div + css 可以先让用户看到加载快的文字消息,提升体验
    方便 SEO

  4. alt 和 title 的不同
    alt 是图片无法加载时的替代文字, title 是鼠标悬停在图片上的提示文字

  5. strong 和 em 的异同
    strong 强壮,即加粗
    em 倾斜
    都有对内容的强调

  6. 优雅降级和渐进增强
    优雅降级:在高版本浏览器完成页面开发,再针对低版本浏览器做兼容
    渐进增强:在低版本浏览器完成基本开发,再针对高版本浏览器增添内容

  7. cookie、 sessionStorge、localStorge
    session 会话级储存,和聊天一样,关闭后就会删除数据
    local 本地级储存,除非主动删除数据,否则不会消失
    cookie 储存量小,4kb ,存取数据需要人工封装方法,而 web Storge 有封装好的方法方便使用。
    但 cookie 的作用主要是与服务器进行交互,web Storge 主要是为了实现本地存储数据。

  8. src 和 href
    src 用于替换当前元素,href 指向一个网络连接,用于文档和引用资源之间建立起联系
    请求 src 资源时会将指向的外部资源下载并应用,所以加载到 src 该元素时会暂停其他资源的下载,直到该元素下载完毕。
    请求 href 资源时可以同时下载其他的资源

  9. 微格式

  10. 一次 js 请求一般情况下有哪些地方会有缓存处理?
    dns缓存、cdn缓存、浏览器缓存、服务器缓存(个人不太了解)

  11. 图片格式
    JPEG、png、gif、svg。webp 一种新格式

  12. 优化图片加载
    懒加载,通过滚动事件判断浏览位置而优先加载当前视窗
    轮播图、幻灯片先加载第一张和前后张
    css 图片可以使用 base64 等格式(其他的是 iconfont、svgsprite(雪碧图)、csssprite)
    图片过大可以使用特殊编码的图片,加载时会先加载一张压缩的特别厉害的缩略图(不太了解)

  13. 语义化理解
    见名知意,标签要有意义,比如新出的 header 代表头部、main 代表主体、footer 代表内容。
    去掉 CSS 后看看 HTML 的结构是否清晰,内容是否可以正常显示。
    有语义化的标签更容易维护;网络爬虫更容易识别这些标签里面的内容,方便 SEO;浏览器更方便解析;在 css 异常加载时也能有良好的结构,提高用户体验。
    a、 少使用或者不适用div和span标签;用p标签代替div标签。
    b、不适用样式标签,如:b标签、font标签。
    c、强调文本放在strong或者em标签中,不要用b和i标签。
    d、使用表格 table 时,标题要用 caption,表头要用 thead,主体部分用 tbody 包围,尾部用 tfoot 包围。
    e、表头用 th,单元格用 td。表单域用 filedset 包裹,用 lengend 标签说明表单的用途。
    f、input 标签通过 id 属性或 for 属性与 label 标签关联。
    e、css 类名也要语义化等等~
    参考博文:如何理解语义化

  14. 有哪些方式可以对一个 dom 修改 css 样式
    内联、外联、行内样式

  15. css选择器
    通配符、群组选择器(html,body {})、包含选择器(ul li {})、层次选择器(ul>li {} 、 div~p{} div+p{})、id、class、属性选择器([type='text'])、结构选择器(:nth-child nth-of-type)、伪类选择器(:link :visited :hover :active :focus :not)、

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,941评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,397评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,345评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,851评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,868评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,688评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,414评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,319评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,775评论 1 315
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,945评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,096评论 1 350
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,789评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,437评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,993评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,107评论 1 271
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,308评论 3 372
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,037评论 2 355

推荐阅读更多精彩内容