Vue 页面列表中部门类型根据层级缩进显示 ASCII 160

news2024/12/26 11:57:51

        如上图, 部门类型都是一长溜, 没有根据级别进行缩进. 修改的时候尝试了在类型字段前面加了空格(ASCII-32), tab制表符(ASCII-09), 但是加载的时候都被去掉了,没有起作用. 然后就想这找个特殊空格试下,类似于CF中的空白用户名. 后来查了下ASCII码表发现还有挺多的, 不过经过测试只有127和160可以实现下面的效果: 
127是属于ASCII的打印字符中的删除字符,码表里面符号是空的(区别空格, 空格话会有一个字符占用),按理说应该为'' ,但是测试时打印长度是1. 
160不间断空格(non-breaking space),就是Html里面的   这里推荐使用160. 

当然后续如果你还需要使用这个字段值, 比如传递给后台接口,就要小心了. 这种空格不能被String.trim和Stringutils.isBlank()去除. 需要利用他的Unicode编码来移除它,其编码为\u00A0
String.replaceAll()

然后就是在测试的时候发现ASCII 扩展字符(十进制128及以上)打印在浏览器都无法正常显示, 比如下面的是128 这个符号 €,加载出来的是不被识别的符号. 这个不知道怎么解决

<el-table-column v-if="columns.visible('menuLevelName')" prop="menuLevelName" label="类型">
    <template slot-scope="scope">
        <span>{{ setTab(scope.row.menuLevel,scope.row.menuLevelName)  }}</span>
    </template>
</el-table-column>


methods:{
    setTab(level,orgName){
        var trim =String.fromCharCode(160)
        var trim2='';
        for(let i=1; level>i; i++){
            trim2 += trim + trim + trim + trim;
        }
        return trim2+orgName
    }
}

码表摘自: ASCII码对照表-完整ASCII码表-我就查查询

十进制
DEC
八进制
OCT
十六进制
HEX
二进制
BIN
符号
Symbol
HTML
实体编码
中文解释
Description
00000000000000NUL&#000;空字符
10010100000001SOH&#001;标题开始
20020200000010STX&#002;正文开始
30030300000011ETX&#003;正文结束
40040400000100EOT&#004;传输结束
50050500000101ENQ&#005;询问
60060600000110ACK&#006;收到通知
70070700000111BEL&#007;
80100800001000BS&#008;退格
90110900001001HT&#009;水平制表符
100120A00001010LF&#010;换行键
110130B00001011VT&#011;垂直制表符
120140C00001100FF&#012;换页键
130150D00001101CR&#013;回车键
140160E00001110SO&#014;移出
150170F00001111SI&#015;移入
160201000010000DLE&#016;数据链路转义
170211100010001DC1&#017;设备控制 1
180221200010010DC2&#018;设备控制 2
190231300010011DC3&#019;设备控制 3
200241400010100DC4&#020;设备控制 4
210251500010101NAK&#021;拒绝接收
220261600010110SYN&#022;同步空闲
230271700010111ETB&#023;传输块结束
240301800011000CAN&#024;取消
250311900011001EM&#025;介质中断
260321A00011010SUB&#026;替换
270331B00011011ESC&#027;换码符
280341C00011100FS&#028;文件分隔符
290351D00011101GS&#029;组分隔符
300361E00011110RS&#030;记录分离符
310371F00011111US&#031;单元分隔符

ASCII码表(打印字符)

十进制
DEC
八进制
OCT
十六进制
HEX
二进制
BIN
符号
Symbol
HTML
实体编码
中文解释
Description
320402000100000&#032;空格
330412100100001!&#033;感叹号
340422200100010"&#034;双引号
350432300100011#&#035;井号
360442400100100$&#036;美元符
370452500100101%&#037;百分号
380462600100110&&#038;
390472700100111'&#039;单引号
400502800101000(&#040;左括号
410512900101001)&#041;右括号
420522A00101010*&#042;星号
430532B00101011+&#043;加号
440542C00101100,&#044;逗号
450552D00101101-&#045;连字号或减号
460562E00101110.&#046;句点或小数点
470572F00101111/&#047;斜杠
4806030001100000&#048;0
4906131001100011&#049;1
5006232001100102&#050;2
5106333001100113&#051;3
5206434001101004&#052;4
5306535001101015&#053;5
5406636001101106&#054;6
5506737001101117&#055;7
5607038001110008&#056;8
5707139001110019&#057;9
580723A00111010:&#058;冒号
590733B00111011;&#059;分号
600743C00111100<&#060;小于
610753D00111101=&#061;等号
620763E00111110>&#062;大于
630773F00111111?&#063;问号
641004001000000@&#064;电子邮件符号
651014101000001A&#065;大写字母 A
661024201000010B&#066;大写字母 B
671034301000011C&#067;大写字母 C
681044401000100D&#068;大写字母 D
691054501000101E&#069;大写字母 E
701064601000110F&#070;大写字母 F
711074701000111G&#071;大写字母 G
721104801001000H&#072;大写字母 H
731114901001001I&#073;大写字母 I
741124A01001010J&#074;大写字母 J
751134B01001011K&#075;大写字母 K
761144C01001100L&#076;大写字母 L
771154D01001101M&#077;大写字母 M
781164E01001110N&#078;大写字母 N
791174F01001111O&#079;大写字母 O
801205001010000P&#080;大写字母 P
811215101010001Q&#081;大写字母 Q
821225201010010R&#082;大写字母 R
831235301010011S&#083;大写字母 S
841245401010100T&#084;大写字母 T
851255501010101U&#085;大写字母 U
861265601010110V&#086;大写字母 V
871275701010111W&#087大写字母 W
881305801011000X&#088;大写字母 X
891315901011001Y&#089;大写字母 Y
901325A01011010Z&#090;大写字母 Z
911335B01011011[&#091;左中括号
921345C01011100\&#092;反斜杠
931355D01011101]&#093;右中括号
941365E01011110^&#094;音调符号
951375F01011111_&#095;下划线
961406001100000`&#096;重音符
971416101100001a&#097;小写字母 a
981426201100010b&#098;小写字母 b
991436301100011c&#099;小写字母 c
1001446401100100d&#100;小写字母 d
1011456501100101e&#101;小写字母 e
1021466601100110f&#102;小写字母 f
1031476701100111g&#103;小写字母 g
1041506801101000h&#104;小写字母 h
1051516901101001i&#105;小写字母 i
1061526A01101010j&#106;小写字母 j
1071536B01101011k&#107;小写字母 k
1081546C01101100l&#108;小写字母 l
1091556D01101101m&#109;小写字母 m
1101566E01101110n&#110;小写字母 n
1111576F01101111o&#111;小写字母 o
1121607001110000p&#112;小写字母 p
1131617101110001q&#113;小写字母 q
1141627201110010r&#114;小写字母 r
1151637301110011s&#115;小写字母 s
1161647401110100t&#116;小写字母 t
1171657501110101u&#117;小写字母 u
1181667601110110v&#118;小写字母 v
1191677701110111w&#119;小写字母 w
1201707801111000x&#120;小写字母 x
1211717901111001y&#121;小写字母 y
1221727A01111010z&#122;小写字母 z
1231737B01111011{&#123;左大括号
1241747C01111100|&#124;垂直线
1251757D01111101}&#125;右大括号
1261767E01111110~&#126;波浪号
1271777F01111111&#127;删除

ASCII码表(扩展字符)

十进制
DEC
八进制
OCT
十六进制
HEX
二进制
BIN
符号
Symbol
HTML
实体编码
中文解释
Description
1282008010000000&#128;欧盟符号
1292018110000001
1302028210000010&#130;单低 9 引号
1312038310000011ƒ&#131;带钩的
拉丁小写字母f
1322048410000100&#132;双低 9 引号
1332058510000101&#133;水平省略号
1342068610000110&#134;剑号
1352078710000111&#135;双剑号
1362108810001000ˆ&#136;修正字符
抑扬音符号
1372118910001001&#137;千分号
1382128A10001010Š&#138;带弯音号的
拉丁大写字母 S
1392138B10001011&#139;左单书名号
1402148C10001100Œ&#140;拉丁大写组合 OE
1412158D10001101
1422168E10001110Ž&#142;带弯音号的
拉丁大写字母 z
1432178F10001111
1442209010010000
1452219110010001&#145;左单引号
1462229210010010&#146;右单引号
1472239310010011&#147;左双引号
1482249410010100&#148;右双引号
1492259510010101&#149;
1502269610010110&#150;半长破折号
1512279710010111&#151;全长破折号
1522309810011000˜&#152;小波浪线
1532319910011001&#153;
1542329A10011010š&#154;带弯音号的
拉丁小写字母 s
1552339B10011011&#155;右单书名号
1562349C10011100œ&#156;拉丁小写组合 oe
1572359D10011101
1582369E10011110ž&#158;带弯音号的
拉丁小写字母 z
1592379F10011111Ÿ&#159;带弯音号的
拉丁大写字母 Y
160240A010100000&#160;
161241A110100001¡&#161;反向感叹号
162242A210100010¢&#162;分币符号
163243A310100011£&#163;英磅符号
164244A410100100¤&#164;
165245A510100101¥&#165;人民币符号
166246A610100110¦&#166;
167247A710100111§&#167;章节符号
168250A810101000¨&#168;通用货币符号
169251A910101001©&#169;版权符号
170252AA10101010ª&#170;阴性顺序
指示符号
171253AB10101011«&#171;左角引号
172254AC10101100¬&#172;
173255AD10101101­&#173;
174256AE10101110®&#174;
175257AF10101111¯&#175;
176260B010110000°&#176;温度符号
177261B110110001±&#177;加/减号
178262B210110010²&#178;上标 2
179263B310110011³&#179;上标 3
180264B410110100´&#180;
181265B510110101µ&#181;微符号
182266B610110110&#182;段落符号,
pilcrow
183267B710110111·&#183;中点
184270B810111000¸&#184;
185271B910111001¹&#185;上标 1
186272BA10111010º&#186;阳性顺序
指示符
187273BB10111011»&#187;右角引号
188274BC10111100¼&#188;分数四分之一
189275BD10111101½&#189;分数二分之一
190276BE10111110¾&#190;
191277BF10111111¿&#191;反向问号
192300C011000000À&#192;带重音符
的大写字母 A
193301C111000001Á&#193;带尖锐重音
的大写字母 A
194302C211000010Â&#194;带音调符号
的大写字母 A
195303C311000011Ã&#195;带代字号
的大写字母 A
196304C411000100Ä&#196;带元音变音
(分音符号)
的大写字母 A
197305C511000101Å&#197;带铃声
的大写字母 A
198306C611000110Æ&#198;大写字母 AE
双重元音
199307C711000111Ç&#199;带变音符号
的大写字母 C
200310C811001000È&#200;带重音符
的大写字母 E
201311C911001001É&#201;带尖锐重音
的大写字母 E
202312CA11001010Ê&#202;带音调符号
的大写字母 E
203313CB11001011Ë&#203;带元音变音
(分音符号)
的大写字母 E
204314CC11001100Ì&#204;带重音符
的大写字母 I
205315CD11001101Í&#205;带尖锐重音
的大写字母 I
206316CE11001110Î&#206;带音调符号
的大写字母 I
207317CF11001111Ï&#207;带元音变音
(分音符号)
的大写字母 I
208320D011010000Ð&#208;
209321D111010001Ñ&#209;带代字号
的大写字母 N
210322D211010010Ò&#210;带重音符
的大写字母 O
211323D311010011Ó&#211;带尖锐重音
的大写字母 O
212324D411010100Ô&#212;带音调符号
的大写字母 O
213325D511010101Õ&#213;带代字号
的大写字母 O
214326D611010110Ö&#214;带元音变音
(分音符号)
的大写字母 O
215327D711010111×&#215;大写字母
OE 连字
216330D811011000Ø&#216;带斜杠
的大写字母 O
217331D911011001Ù&#217;带重音符
的大写字母 U
218332DA11011010Ú&#218;带尖锐重音
的大写字母 U
219333DB11011011Û&#219;带音调符号
的大写字母 U
220334DC11011100Ü&#220;带元音变音
(分音符号)
的大写字母 U
221335DD11011101Ý&#221;带元音变音
(分音符号)
的大写字母 Y
222336DE11011110Þ&#222;
223337DF11011111ß&#223;德语高调
小写字母 s
224340E011100000à&#224;带重音符
的小写字母 a
225341E111100001á&#225;带尖锐重音
的小写字母 a
226342E211100010â&#226;带音调符号
的小写字母 a
227343E311100011ã&#227;带代字号
的小写字母 a
228344E411100100ä&#228;带元音变音
(分音符号)
的小写字母 a
229345E511100101å&#229;带铃声的
小写字母 a
230346E611100110æ&#230;小写字母 ae
双重元音
231347E711100111ç&#231;带变音符号
的小写字母 c
232350E811101000è&#232;带重音符
的小写字母 e
233351E911101001é&#233;带尖锐重音
的小写字母 e
234352EA11101010ê&#234;带音调符号
的小写字母 e
235353EB11101011ë&#235;带元音变音
(分音符号)
的小写字母 e
236354EC11101100ì&#236;带重音符
的小写字母 i
237355ED11101101í&#237;带尖锐重音
的小写字母 i
238356EE11101110î&#238;带音调符号
的小写字母 i
239357EF11101111ï&#239;带元音变音
(分音符号)
的小写字母 i
240360F011110000ð&#240;
241361F111110001ñ&#241;带代字号
的小写字母 n
242362F211110010ò&#242;带重音符
的小写字母 o
243363F311110011ó&#243;带尖锐重音
的小写字母 o
244364F411110100ô&#244;带音调符号
的小写字母 o
245365F511110101õ&#245;带代字号
的小写字母 o
246366F611110110ö&#246;带元音变音
(分音符号)
的小写字母 o
247367F711110111÷&#247;小写字母 oe
连字
248370F811111000ø&#248;带斜杠
的小写字母 o
249371F911111001ù&#249;带重音符
的小写字母 u
250372FA11111010ú&#250;带尖锐重音
的小写字母 u
251373FB11111011û&#251;带音调符号
的小写字母 u
252374FC11111100ü&#252;带元音变音
(分音符号)
的小写字母 u
253375FD11111101ý&#253;带元音变音
(分音符号)
的小写字母 y
254376FE11111110þ&#254;
255377FF11111111ÿ&#255;

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/508499.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

U-boot常用命令(一)

信息查询命令 bdinfo&#xff0c;查看板子信息。 可以得到DRAM的起始地址和大小、启动参数保存起始地址、波特率、sp&#xff08;堆栈指针&#xff09;起始地址信息。 printenv输出环境变量信息&#xff0c;uboot 也支持 TAB 键自动补全功能&#xff0c;输入“print” 然后按…

STL-deque容器

双端数组&#xff0c;可以对头端进行插入删除操作 deque 容器和 vecotr 容器有很多相似之处&#xff0c;比如&#xff1a; deque 容器也擅长在序列尾部添加或删除元素&#xff08;时间复杂度为O(1)&#xff09;&#xff0c;而不擅长在序列中间添加或删除元素。deque 容器也可…

web自动化测试进阶篇01 ——— 策略模式的实践与技巧

&#x1f60f;作者简介&#xff1a;博主是一位测试管理者&#xff0c;同时也是一名对外企业兼职讲师。 &#x1f4e1;主页地址&#xff1a;【Austin_zhai】 &#x1f646;目的与景愿&#xff1a;旨在于能帮助更多的测试行业人员提升软硬技能&#xff0c;分享行业相关最新信息。…

【rust】| 02——语法基础_变量(不可变?)和常量

系列文章目录 【rust】| 00——开发环境搭建 【rust】| 01——编译并运行第一个rust程序 【rust】| 02——语法基础_变量(不可变?)和常量 文章目录 1. 变量1.1 变量的定义1.2 试验变量的不可变特性 2. 常量2.1 常量的定义 3. 覆盖(同名变量)3.1 修改已定义变量的数据类型3.2 1…

第5章 负载均衡

第5章 负载均衡 5.1 proxy_pass详解 在nginx中配置proxy_pass代理转发时&#xff0c;如果在proxy_pass后面的url加/&#xff0c;表示绝对根路径&#xff1b;如果没有/&#xff0c;表示相对路径&#xff0c;把匹配的路径部分也给代理走。 假设下面四种情况分别用 http://192.…

深度学习与文本聚类:一篇全面的介绍与实践指南

❤️觉得内容不错的话&#xff0c;欢迎点赞收藏加关注&#x1f60a;&#x1f60a;&#x1f60a;&#xff0c;后续会继续输入更多优质内容❤️ &#x1f449;有问题欢迎大家加关注私戳或者评论&#xff08;包括但不限于NLP算法相关&#xff0c;linux学习相关&#xff0c;读研读博…

vivado手写ROM改IP核

一、引言 手写了一个ROM&#xff0c;用于ADC或者DAC的寄存器配置。DAC出来的波形总是有两个对称的小肩膀&#xff0c;找不到原因。时序没有报错&#xff0c;但是有延迟。之前听同事说他们也遇到过这样的问题&#xff0c;是时序问题。所以&#xff0c;我也想试一下&#xff…

杂谈系列:唐高祖~开元通宝

唐高祖李渊&#xff08;566年12月 &#xff0d;635年6月 &#xff09;&#xff0c;字叔德。中国唐朝开国皇帝&#xff08;618年6月18日&#xff0d;626年9月4日在位&#xff09;。 作为唐朝开国的帝王&#xff0c;史学界对李渊的评价不一。有观点认为他优柔失断&#xff0c;赏罚…

源码级别讲解 redis 底层数据结构

redis 底层数据结构 Redis作为Key-Value存储系统&#xff0c;数据结构如下&#xff1a; Redis没有表的概念&#xff0c;Redis实例所对应的db以编号区分&#xff0c;db本身就是key的命名空间。 比如&#xff1a;user:1000作为key值&#xff0c;表示在user这个命名空间下id为10…

二叉树的层级遍历以及[NOIP2015 普及组] 扫雷游戏、有效时间的数目

一、二叉树的层级遍历 二叉树的层级遍历看着比其他遍历简单&#xff0c;但是我感觉实施起来却比其他遍历难&#xff0c;它主要是通过队列实现的 比如在这样的一颗二叉树中 我没先将a入队 队列&#xff1a;a 当a出队的时候就将它的左儿子和右儿子入队 队列&…

一图看懂 toml 模块:用于解析和创建TOML(Tom‘s Obvious, Minimal Language)的Python库, 资料整理+笔记(大全)

本文由 大侠(AhcaoZhu)原创&#xff0c;转载请声明。 链接: https://blog.csdn.net/Ahcao2008 [TOC](一图看懂 toml 模块&#xff1a;用于解析和创建TOML(Tom’s Obvious, Minimal Language)的Python库, 资料整理笔记&#xff08;大全&#xff09;) ☘️摘要 全文介绍系统内置…

leap模型重点关注技术,如:能源结构清洁转型、重点领域如工业、交通节能减排降耗、新能源发电系统及发电成本最优化、区域碳达峰碳中和实现路径设计及政策评估

模型简介&#xff1a; 中文名&#xff1a;LEAP模型 外文名&#xff1a;Long Range Energy Alternatives Planning System/ Low emission analysis platform 采用部门分析法建立的LEAP模型&#xff08;长期能源可替代规划模型&#xff09;是一种自下而上的能源-环境核算工具&a…

Spark大数据处理讲课笔记3.8 Spark RDD典型案例

文章目录 零、本节学习目标一、利用RDD计算总分与平均分&#xff08;一&#xff09;提出任务&#xff08;二&#xff09;准备工作1、启动HDFS服务2、启动Spark服务3、在本地创建成绩文件4、将成绩文件上传到HDFS &#xff08;三&#xff09;实现步骤1、打开RDD项目2、创建计算总…

FS2455高效率的同步降压DC-DC转换器5A输出电流

概述 FS2455是一种高效率的同步降压DC-DC转换器&#xff0c;具有5A输出电流。 FS2455在4.5V到30V的宽输入电压范围内工作&#xff0c; 集 成主开关和同步开关&#xff0c;具有非常低的RDS&#xff08;ON&#xff09;以最小化传导损失。 FS2455具有轻载时的应用和高效率。此外…

[GFCTF 2021]文件查看器(GZ、过滤器、phar) day4

打开界面直接一个登录界面&#xff0c;直接admin/admin登录进去 。 进来之后发现是一个文件查看器的功能 随便输入了点东西发现了报错&#xff0c;然后读取文件的功能&#xff0c;输入Files.classs.php发现读取不成功 换了个index.php <?phpfunction __autoload($classN…

无效的目标发行版: 11

背景&#xff1a;最近在研究es&#xff0c;想着弄一个连接es集群的springboot的工程&#xff0c;然后就在网上找到一个&#xff0c;结果弄到本地运行时&#xff0c;报错了“ 无效的目标发行版: 11 ” 看着报错就知道肯定是你导入的项目和你本地的JDK版本不匹配了&#xff0c;然…

手把手教你如何将安卓手机数据导入iPhone!【详解】

案例&#xff1a;安卓数据导入苹果手机 【大神们&#xff0c;刚换了新的苹果手机&#xff0c;原本的安卓手机数据怎么导入新手机&#xff1f;】 想要换用iPhone&#xff0c;但是又不想丢失安卓手机里的重要数据怎么办&#xff1f;如何将安卓手机数据导入iphone&#xff1f;本文…

如何学习5G网络优化才能拿高薪?我已摆烂,各位努力!

“内卷”和“躺平” 有的人卷成了麻花 有的人选择了躺下 毕竟只要躺得够平&#xff0c;就卷不到我 但是更多的人选择在“内卷”与“躺平”的徘徊抉择中 “躺”的核心是休息&#xff0c;“卷”的本质是提升 但是在优橙教育学习5G网络优化 大家学会将两者融合 学习的时候…

玩转ChatGPT:快速制作PPT

一、写在前面 首先还是让小Chat推销下自己&#xff1a; 你是否曾经为制作 PPT 而烦恼&#xff1f;现在有了 ChatGPT&#xff0c;再也不必担心灵感枯竭啦&#xff01;使用 ChatGPT 撰写 PPT 可以让你轻松地组织思路、快速得到内容&#xff0c;无需任何营销口号&#xff0c;Cha…

【算法与数据结构】队列

队列 队列&#xff1a;结构定义 队列是有一篇连续的存储区&#xff0c;其实连续性不重要&#xff0c;而是队列需要保持一个特性&#xff1a; 从队首出元素&#xff0c;从队尾入元素。这一点与顺序表不一样&#xff0c;元素加入的位置不一样 队列&#xff1a;只允许从尾部加入…