每日3+1-142

244 阅读2分钟

题目来源

  • 公众号[前端剑解-142]

[html] 如何实现应用缓存?说说你对manifest的理解

  • 使用描述文件,列出要下载和缓存的资源,使用<html manifest="/offline.manifest">引入即可
  • 理解:HTML5应用缓存是专门为开发离线Web应用设计的,缓存位置是从浏览器缓存区分离出的一部分;

[css] word-wrap、word-break和white-space有什么区别?

  • word-wrap:属性允许长的内容可以自动换行。
    • normal:只在允许的断字点换行(浏览器保持默认处理)。
    • break-word:在长单词或 URL 地址内部进行换行。
  • word-break:属性规定自动换行的处理方法。
    • normal:使用浏览器默认的换行规则。
    • break-all:允许在单词内换行。
    • keep-all:只能在半角空格或连字符处换行。
  • white-space:属性设置如何处理元素内的空白。
    • normal:默认。空白会被浏览器忽略。
    • pre:空白会被浏览器保留。其行为方式类似 HTML 中的
       标签。
    • nowrap:文本不会换行,文本会在在同一行上继续,直到遇到
      标签为止。
    • pre-wrap:保留空白符序列,但是正常地进行换行。
    • pre-line:合并空白符序列,但是保留换行符。
    • inherit:规定应该从父元素继承 white-space 属性的值。

总结

上面一大篇,都是基本概念,在这里是为了更好的对比,多看几遍就能理解了

  • white-space就是对一串字符串中空白符的处理,用处也是强制禁止换行的时候使用,毕竟这里还有中文
  • word-wrapword-break区别难区分,主要也是对这两个进行区分对比

*word-wrapword-break

  • 两者平时使用哪个其实真的无所谓,平时排版只要使用break-wordbreak-all就足够需求了
  • 而当我们要进行文章的良好排版或者说对新闻这种固定宽度的文章排版就应该使用word-break:keep-all然后看现象进行符号处理了

[js] 请描述下函数的执行过程

  • 首先,进入函数栈,创建函数自己的作用域,在作用域中规定arguments实参
  • 然后根据函数中算法,依次执行
  • 最后,返回并退出调用栈,同时清除不在使用的内存空间

函数定义的两种方法

  • 函数声明:函数声明提升
  • 函数表达式:变量提升,无函数提升

[软技能] 在选择框架时应该考虑哪些因素?

  • 一言以蔽之:可以让开发者全身心的投入到实际的业务逻辑中
  • 减少开发者,在其他地方的精力消耗,比如:升级、测试、维护、性能、调试、发布等等