每日思考（2020/07/19）

题目概览

• HTML的快捷键属性是哪个？并举例说明有什么用？
• 如何强制（自动）中、英文换行与不换行
• 什么是decodeURI()和encodeURI()是什么？
• 什么是websocket

题目解答

HTML的快捷键属性是哪个？并举例说明有什么用？

• MDN：accesskey
• HTML accesskey属性与web自定义键盘快捷访问

如何强制（自动）中、英文换行与不换行

• 只对英文起作用，以字母作为换行依据

  word-break:break-all
  

• 只对英文起作用，以单词作为换行依据

  word-wrap:break-word
  

• 只对中文起作用，强制换行

  white-space:pre-wrap
  

• 强制不换行，都起作用

  white-space:nowrap
  

• 不换行，超出部分隐藏且以省略号形式出现（部分浏览器支持）

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  

什么是decodeURI()和encodeURI()是什么？

• encodeURI()：将 URI 中的每个字符编码为 1-4 个格式为%xx的转义序列（xx 为十六进制数），但不包括 ASCII 数字、字母、URL 分隔符（/、?、,、&、...）、以及其他部分 ASCII 字符。具体见MDN

  encodeURI('http://example.com/端点?键=值') => 'http://example.com/%E7%AB%AF%E7%82%B9?%E9%94%AE=%E5%80%BC'
  

• decodeURI()：将已经编码的 URI 中的转义序列解码为它们表示的字符，但除了 encodeURI() 不会编码的字符。

• encodeURIComponent()：用于编码 URI 中的组成部分。它除了转义

• encodeURI()：指定的字符，还会转义 URL 分隔符（/、?、,、&、...）

  encodeURIComponent('测试/测试?测试=测试') => '%E6%B5%8B%E8%AF%95%2F%E6%B5%8B%E8%AF%95%3F%E6%B5%8B%E8%AF%95%3D%E6%B5%8B%E8%AF%95'
  

• decodeURIComponent()：将已经编码的 URI 组成部分中的转义序列解码为它们表示的字符，但除了 encodeURIComponent() 不会编码的字符。

什么是websocket

• 菜鸟教程：HTML5 WebSocket
• 阮一峰的网络日志：WebSocket 教程
• MDN：WebSocket