H5&CSS基础 —— (008)H5特殊字符
»
(001)免费的https证书
(002)关于栏目
(003)浏览器的可见区域
(004)为什么ReactJs
(005)禁止手机端缩放
(006)H5中的em
(007)页面的空格宽度
(008)H5特殊字符
(009)H5限定输入
(010)H5字体
(011)nginx重定向配置
(012)文本缩进
(013)flex布局
(014)渐变色边框
(015)常用DOM操作
(016)Media Query
(017)CSS选择器
(018)CSS隔行变色
(019)fetch
(020)JS操作属性
(021)scroll div
(022)JS for循环
(023)禁止文本被选中
(024)float控制精度输出
(025)Ionic全屏
(026)SVG圆
(027)SVG椭圆
(028)SVG椭圆弧
(029)SVG椭圆扇区
(030)使用WebAssembly
(031)JS操作单复选框
(032)SVG贝塞尔曲线
(033)threejs材质
(034)发光图片样式
(035)页面动画制作要点
(036)CSS渐变色字体
(037)SVG矩形
(038)开发能力换取报酬
(039)关闭输入框的浏览器默认样式
(040)粒子动画喷射器尾部
(041)禁止桌面端缩放JS
(042)桌面全屏网页CSS
(043)自缩放等宽高比div显示图片
(044)文本两端对齐样式
(045)单行ellipsis
(046)多行ellipsis
(047)字体变形样式
(048)去掉a标签的默认样式
(049)中文字符:空格
(050)DIV层叠DIV
(051)JS中计算1rem的像素值
(052)JS操作DOM父节点、相邻节点
(053)JS中DOM元素的绝对坐标
(054)ToolTips Div
(055)Unity发布为WebGL游戏注意事项
(056)Nginx播放流媒体设置
(057)滚动条样式
(058)JS操作数组的常用方法
(059)SVG填充样式定义
(060)SVG画线样式定义
(061)SVG画直线
(062)CSS图片背景的拼接
(063)WebSocket
(064)JS计算DPI的方法
(065)GIF透明或者不透明
(066)Nginx解决CORS跨域问题
(067)从JSONP的跨域请求数据讲起
Html必用特殊符号
英文空格( ):   
And符号(&):& &
小于号(<):&lt; &#60;
大于号(>):&gt; &#62;
半角双引号("):&quot; &#34;
半角单引号('):&lsquo; &#39;

&#00000;是十进制表示的UCS-2编码字符,&#x0000;是十六进制表示的UCS-2编码字符。UCS-2编码字符兼容ASCII码,是UTF-16的子集。

JS中的必用特殊符号
半角双引号("):\u0022
半角单引号('):\u0027
\u为JS中十六进制表示的UCS-2

CSS中的必用特殊符号
半角双引号("):\0022
半角单引号('):\0027
\为CSS中十六进制表示的UCS-2

有了这几个特殊符号的代码表示方式,HTML页面就能够表示出任何的内容。

在JavaScript和CSS中,字符采用的是UCS-2编码方案,实际上是UTF-16的一个子集,而不是完整的UTF-16。没法用两字节表示的字符,JavaScript通过代理对的方式表示,也就是两个UCS-2字符合起来表示一个字符。这种字符编码方式就是UCS-2+代理对(surrogate pair)的编码方式。代理字符surrogate开头为&#xD800JavaScript中对代理字符对的处理会当作两个字符来处理,很多时候处理结果是错误的。
而ES6对代理字符对,当作一个字符来处理。所以,ES6能够准确地处理任何字符。

比如原生JS的对扩展字符的处理过程为:
"bytes:💩".split("")
结果为:

而ES6的方法对扩展字符的处理过程为(ES6语法,展开为数组):
[..."bytes:💩"]
结果为:

即:原生JS处理对代理字符对,当作两个字符;ES6处理代理字符对,当作一个字符来处理。

所以,在JS中对特殊字符或字符串的查找、拆分比较特殊,需要考虑4字节字符的处理方法。

比如下面的处理方法是错误的:
"bytes:💩".substring(0,7)
结果为:

正确的方法为:
[..."bytes:💩"].splice(0,7).join("");
结果为:


所以,ES6也对正则表达式做了扩展加入了u符号/\u0000\u0000/u识别D800以后的4字节文字,会将4字节看做1个字符来匹配。

附加一个JS或者说是ES6处理国际化扩展字符集姓氏的正确方法:
var surname=[..."💩否"][0];
结果为:

    ————www.v-signon.com学习者共勉
                        
«
——张人杰·www.v-signon.com学习者共勉
返回上一页
工业和信息化部备案管理系统网站 京ICP备19038994号-2
个人作品网站:www.up-task.com 主办单位:个人 English