unicode-range 相关问题


切换 range-v3 的包含标头顺序后编译失败

当我在range-v3 v0.12.0中一起使用views::set_intersection和views::transform时,标题range/v3/view/set_algorithm.hpp和range/v3/view/transform.hpp的顺序很重要。如果是前者


std::ranges::range 指定类型

目前,我有以下代码: 布尔检查(初始化列表) 我想用 std::ranges::range 替换它。 布尔检查(std::ranges::range auto &) 问题:我怎样才能...


如何在 PowerShell 字符串文字中对 Unicode 字符代码进行编码?

如何在 PowerShell 字符串中对 Unicode 字符 U+0048 (H) 进行编码? 在 C# 中,我会这样做:“\u0048”,但这似乎在 PowerShell 中不起作用。



如何调整伪元素::-moz-range-thumb的z-index?

如何调整这个::-moz-range-thumb伪元素的z-index?是否可以? Devtools 检查员说需要一个非静态位置属性,但正如您所看到的,位置已经是...


Unicode 程序,但链接器需要 WinMain 而不是 wWinMain

我正在尝试将我的一个旧 C++ 程序从 ANSI 转换为 Unicode。我正在使用 Visual Studio 2022。在我对源代码进行所有更改后,我的程序编译时没有错误,但事实并非如此


如何使用Python请求将包含unicode字符的JSON数据发布到FastAPI?

当 FastAPI 端点需要 Pydantic 模型并且传递一个字符串时,它会按预期工作,除非该字符串包含 unicode 字符。 首先,我为 FastAPI 创建一个示例应用程序


将 C# 字符串转换为其 UTF8 编码字符的十六进制表示形式

我有一个 C# 字符串,它可以包含任何 Unicode 字符集,我想将其转换为该字符串的 UTF8 编码的十六进制表示形式,每个 Unicode 字符之间有一个空格...


在极坐标数据框中切片多个块

考虑以下数据框: df = pl.DataFrame(data={"col1": range(10)}) ┌──────┐ │ 第 1 列 │ │ --- │ │ i64 │ ╞══════╡ │ 0 │ │ 1 │ │ 2 │ │ 3 │ │ 4 │ │ 5 │ │ 6 │ ...


kubernates:如何获取负载均衡器IP

尝试获取服务loadBalancer url kubectl get svc --namespace 默认 wordpress-1722945271 --template "{{ range (index .status.loadBalancer.ingress 0) }}{{ . }}{{ end }}" 出现错误


PyQt:QTableWidget 到 .xls 文件

所以,我有一个 QTableWidget,我想使用 xlwt 模块将其保存到 .xls 文件中... 这是代码: def 保存文件(自身): 文件名 = unicode(QtGui.QFileDialog.getSaveFileName(self, '...


将 Unicode 字符“�”替换为空格

我正在从 .csv 文件上传大量信息,我需要将此字符非 ASCII“�”替换为普通空格“”。 字符“�”对应...


连接具有不同大小数组的两列

我有一个表,查询结果: SELECT o.id AS order_id, arrayMap(i -> i, range(1, o.quantity)) AS virtual_sku, s.sku AS sku FROM 订单 o 左连接(选择 order_id, ...


构建适当的 RANGE 子句

我有以下数据,我正在尝试获取上一年的利润: > 将 tbl (年份、国家、产品、利润) 作为 (值 (2000,'芬兰', '计算机', 1500), (2000, '芬兰', '


自动筛选 VBA 错误:错误 1004,范围自动筛选方法失败

子宏7() 带工作表(“STG_SB_OPICS_DTL”) 使用 .Range(.Cells(4, "D"), .Cells(.Rows.Count, "D").End(xlUp)) .自动筛选字段:=1,条件1:=xlFilter...


保留罗马和非罗马字符

我是Java新手。当前使用replaceAll() 方法来保留属于XML 1.0 规范有效范围内的Unicode 范围内的罗马和非罗马字符。 测试正则表达式


Windows 中的 UTF-8

如何在 C Windows 程序中将代码页设置为 UTF-8? 我有一个使用 fopen 打开文件的第三方库。我可以使用 wcstombs 将 Unicode 文件名转换为当前代码页,


窗口函数的 RANGE 子句用于获取先前的总和

我有以下数据,我正在尝试获取上一年的利润: AND tbl(年份、国家、产品、利润)AS ( 价值观 (2000,“芬兰”,“计算机”,1500) , (2000, '


C++:STL multimap.equal_range()

我得到了这段代码,但我无法理解 equal_range 方法返回迭代器的部分。 我知道 range 是里面有两个 multimap 对象的对对象,但我不明白的是为什么有 'for...


Unicode 错误,SIM7080G 通过 Pico 和 Micropython 执行 AT 命令

我是一个相对新手,尝试在 Pico 上使用 SIMCOM1080G 模块制作 IOT 设备。 我可以使用 shell 向模块发送 AT 命令,但是当尝试使用模块提供的代码时...


如何解析这个错误编码的 Unicode 数据(Java)?

我必须解析来自我无法使用 Java 控制的系统的输出。它输出包含类似于以下内容的节点的 XML 文件: 样本数据 多行 然而,有时...


如何使用 Bootstrap 5 禁用自定义范围而不更改样式?

我有范围: 我有范围: <!DOCTYPE html> <html lang="en"> <head> <!-- Bootstrap --> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" /> </head> <body> <div class="container mb-4 col-sm-5"> <input type="range" class="custom-range" min="0" max="10" value="10" id="range-input" style="width: 100%"> </div> </body> </html> 我想禁用它(它应该仍然看起来一样,但用户不能再与它交互),但是不改变样式。例如: 图中,顶部的启用,底部的禁用;我想禁用它,同时保持顶级范围的样式。 我尝试手动重新创建原始样式,但没有成功: <!DOCTYPE html> <html lang="en"> <head> <!-- Bootstrap --> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" /> <style> input[type=range]:disabled { background-color: blue; color: blue; background: blue; } </style> </head> <body> <div class="container mb-4 col-sm-5"> <input type="range" class="custom-range" min="0" max="10" value="10" id="range-input" style="width: 100%" disabled> </div> </body> </html> 除此之外,我在研究中找不到任何其他可能的解决方案。 您实际上需要“如何”禁用它? 设置 pointer-events: none 并添加 tabindex="-1",你会得到一个看起来仍然相同的元素,但用户无法再与之交互(至少通过鼠标单击/点击,并且他们无法通过键盘将其聚焦)控制其中之一 - 不确定是否还有其他什么?) 由于没有设置 name 属性,该字段不会成为表单提交数据集的一部分 - 如果在您的实际用例中有所不同,您也可以删除(并重新设置)名称,当您可以打开和关闭 tabindex。


numpy 中类似 str 输入的默认数据类型是什么?

我只是想在创建ndarray时确认字符串的默认数据类型是否为unicode。我找不到任何明确说明这一点的参考资料。可能太明显了,不需要


我在代码中遇到此错误:Swift/ContigeousArrayBuffer.swift:600: Fatal error: Index out of range

我正在构建一个测验应用程序,但收到此错误:Swift/ContigouslyArrayBuffer.swift:600:致命错误:索引超出范围。这是被标记的代码片段: choice2.setTitle(


带有私有子的 VBA 代码处理时间太长

所以,我有 1903 行代码,这些代码合并在与 Private Sub Worksheet_Change (ByVal target As Range)一起使用的三个函数中。它们都工作得很好,但由于它是 1903 行,所以


VBA 脚本/清理/删除硬空格/删除科学的“E+”符号/并保存为 Unicode 文本

首先,我不是 VBA 脚本或编码方面的专家,但我每天所做的就是接收 excel 文件,在这些文件中我不应该只是为了清理它们而编辑其中的数据(还有所有文件中的工作表)。


如果第一个钩子中的状态发生变化,第二个钩子中的useEffect是否会运行?

我有一个总体概念,我想知道这是否是一个好方法以及是否有效。假设我有两个钩子。 Hook #1 是 useClient,它有一个名为 range 的状态。我揭露这个...


如何修复移动设备上 html 中不正确的 <pre> 格式?

我在 html 文件中有一些 ASCII 艺术,位于 标签内。 文本在桌面上以适当的间距正确显示,但在移动设备上查看时格式会变得混乱。 我正在使用 我在 html 文件中有一些 ASCII 艺术,位于 <pre> 标签内。 文本在桌面上以适当的间距正确显示,但在移动设备上查看时格式会变得混乱。 我正在使用等宽字体系列,尝试更改为其他字体,但结果相同。 截图 桌面: 手机: 我已经检查过 Google chrome 和 Brave 浏览器,两者显示的结果相同。 如果有人想自己查看,该页面托管在 ankushKun.github.io 上。 HTML:https://pastebin.com/E89hmN3i CSS:https://pastebin.com/pkuURxsQ html 页面使用 javascript 从 .txt 文件加载附加 html,该文本文件包含 ascii art。任何具有 include-html="file-path" 的 html 标签都将替换为该文件的内容。 TXT:https://pastebin.com/WkDTMNwJ 我尝试过将ascii直接放入.html页面中,但它具有相同的结果,因此这不是将txt文件加载到html中的问题,而是我认为文本在移动设备上的格式化方式有问题。 例如 ██████ ██ ████████ ██ ██ ██ ██ ██████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ███ ██ ██ ███████ ██ ██ ██████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██████ ██ ██ ██ ██ ██████ ██████ 谢谢你。 一种方法可以是测量您的pre,如果它更宽,则屏幕宽度使用css变换缩放它。 let art = document.querySelectorAll('pre')[0]; let artWidth = window.getComputedStyle(art).getPropertyValue('width'); if (window.screen.width < parseFloat(artWidth)) { art.setAttribute('style', 'transform: scale(0.5)'); } <pre> ██████ ██ ████████ ██ ██ ██ ██ ██████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ███ ██ ██ ███████ ██ ██ ██████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██████ ██ ██ ██ ██ ██████ ██████ </pre> 对于未来的读者,问题出在我使用的 ASCII ART 上,它在 Android 上渲染不正确,只需将 ASCII 更改为其他内容并检查它是否正确渲染 很抱歉在这里滥用了SO功能,但我还没有足够的声誉来发表评论,所以我必须将其发布为“答案”。 我不明白公认的答案:“问题在于我使用的 ASCII ART,它在 Android 上渲染不正确,只需将 ASCII 更改为其他内容......” 这是否意味着只需使用图像即可? 毕竟,unicode 块字符并不是真正的 ASCII... 我在这里面临同样的问题...unicode 块和框字符的宽度都相同(很好),但没有一个 unicode 空白似乎具有完全相同的宽度。 (我尝试以这种方式显示二维码,因此空白确实需要完全空白,并且它们需要与块和框字符一致。


有没有办法将课堂上的文本转换为可打印的?

当我运行代码时,一切正常,但 str 不适用于类。当我点击运行时,它给我经销商有(, 当我运行代码时,一切正常,但 str 不适用于类。当我单击运行时,它给我经销商有(<main.Card对象位于0x0000020D00046720>,<main.Card对象位于0x0000020D00045850>) 您有 [<main.Card 对象位于 0x0000020D00045A90>、<main.Card 对象位于 0x0000020D00046840>],总共 13 个 选择:1 == 留下,2 == 击中 你能帮我吗?我真的需要你的帮助 import random playerIn = True dealerIn = True class Card: def __init__(self, face): self.face = face def __str__(self): return str(self.face) all_cards = [] for face in [2, 3, 4, 5, 6, 7, 8, 9, 10, 2, 3, 4, 5, 6, 7, 8, 9, 10, 2, 3, 4, 5, 6, 7, 8, 9, 10, 2, 3, 4, 5, 6, 7, 8, 9, 10, 'Jack', 'Queen', 'King', 'Ace', 'Jack', 'Queen', 'King', 'Ace', 'Jack', 'Queen', 'King', 'Ace', 'Jack', 'Queen', 'King', 'Ace']: all_cards.append(Card(face)) playerhand = [] dealerhand = [] def dealcard(turn): card = random.choice(all_cards) turn.append(card) all_cards.remove(card) def total(turn): total = 0 Ace_11 = 0 for card in turn: if card in range(11): total += card elif card in ['King', 'Jack', 'Queen']: total += 10 else: total += 11 Ace_11 += 1 while Ace_11 and total > 21: total -= 10 Ace_11 -= 1 return total def revealdealerhand(): if len(dealerhand) == 2: return dealerhand[0] elif len(dealerhand) > 2: return dealerhand[0], dealerhand[1] for c in range(2): dealcard(dealerhand) dealcard(playerhand) while playerIn or dealerIn: print('Dealer had', revealdealerhand()) print('You have', playerhand, 'for a total of', total(playerhand)) if playerIn: stayORhit = input('Choose: 1 == Stay, 2 == Hit ') if total(dealerhand) > 16: dealerIn = False else: dealcard(dealerhand) if stayORhit == '1': playerIn = False else: dealcard(playerhand) if total(playerhand) >= 21: break elif total(dealerhand) >= 21: break if total(playerhand) == 21: print('You have', playerhand, 'for a total of', total(playerhand), dealerhand, 'for a total of', total(dealerhand)) print("BlackJack! You win! Congarts.") elif total(dealerhand) == 21: print('You have', playerhand, 'for a total of', total(playerhand), dealerhand, 'for a total of', total(dealerhand)) print('BlackJack! Dealer wins!') elif total(playerhand) > 21: print('You have', playerhand, 'for a total of', total(playerhand), dealerhand, 'for a total of', total(dealerhand)) print('You bust! dealer wins!') elif total(dealerhand) > 21: print('You have', playerhand, 'for a total of', total(playerhand), dealerhand, 'for a total of', total(dealerhand)) print('Dealer busts! You win!') elif 21 - total(dealerhand) > 21 - total(playerhand): print('You have', playerhand, 'for a total of', total(playerhand), dealerhand, 'for a total of', total(dealerhand)) print("Dealer busts! You win!") elif 21 - total(dealerhand) < 21 - total(playerhand): print('You have', playerhand, 'for a total of', total(playerhand), dealerhand, 'for a total of', total(dealerhand)) print('You bust! Dealer won!') else: print('You have', playerhand, 'for a total of', total(playerhand), dealerhand, 'for a total of', total(dealerhand)) print('It is a tie!') 您可以覆盖 __repr__ 而不是 __str__: class Card: def __init__(self, face): self.face = face def __repr__(self): return str(self.face)


Flatpickr AlpineJS 在危险范围选择上坚持插件

我有一个工作完美的 Flatpickr 日期范围日历,它将日期存储在会话存储中。这是我的代码: 我有一个工作完美的 Flatpickr 日期范围日历,它将日期存储在会话存储中。这是我的代码: <div x-data="{ chosenDates: sessionStorage.getItem('_x_range'), value: [], init() { let picker = flatpickr(this.$refs.picker, { mode: 'range', inline: false, dateFormat: 'm/d/Y', showMonths: 2, }) this.$watch('value', () => picker.setDate(this.value)) }, }" > <div class="flex items-center flex-1 gap-2 overflow-hidden border border-gray-500 rounded-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="ml-4 bi bi-calendar-event-fill" viewBox="0 0 16 16"> <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4zM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2m-3.5-7h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5"/> </svg> <input id="rangeValue" :value="chosenDates" placeholder="Add dates" x-ref="picker" type="text" class="p-0 py-4 placeholder-gray-600 border-0 bg-none focus:ring-0 " data-input> </div> </div> 设置项目: function dateRange() { var date = document.getElementById("rangeValue").value; sessionStorage.setItem("_x_range", date); sessionStorage.setItem("start", start); sessionStorage.setItem("end", end); const start = sessionStorage.getItem("start"); } $('#rangeValue').on('focus', ({ currentTarget }) => $(currentTarget).blur()) $("#rangeValue").prop('readonly', false) ``` Receive item: if (sessionStorage.getItem("_x_range") != null) { document.getElementById("chosenRange").innerHTML = sessionStorage.getItem("_x_range"); document.getElementById("rangeValue").value = sessionStorage.getItem("_x_range"); } ``` 如果可能的话,我想学习如何使用 AplineJS 和 Persist 来设置它,以免代码过多而过期。 这可能吗? 这是一个可能的解决方案: <div x-data="{ thePicker: null, chosenDates: $persist([]).using(sessionStorage).as('_x_range'), init() { this.thePicker = flatpickr(this.$refs.picker, { mode: 'range', inline: false, dateFormat: 'm/d/Y', showMonths: 2, defaultDate: this.chosenDates, onChange: (selectedDates) => {this.chosenDates = [...selectedDates];} }); }, }" > <div class="flex items-center flex-1 gap-2 overflow-hidden border border-gray-500 rounded-lg"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="ml-4 bi bi-calendar-event-fill" viewBox="0 0 16 16"> <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4zM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2m-3.5-7h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5"/> </svg> <input type="text" x-ref="picker" placeholder="Add dates" class="p-0 py-4 placeholder-gray-600 border-0 bg-none focus:ring-0" > <span title="Clear" class="text-blue-600 cursor-pointer" @click="thePicker.clear()" > X </span> </div> <div x-text="chosenDates"> </div> </div> 日期范围存储在 Alpine chosenDates 变量中,该变量通过 Persist 进行持久化并初始化为空数组。 当日期选择器初始化时,chosenDates变量用于填充defaultDate参数。 选择日期范围后,flatpicker 会触发 onChage 事件,因此我使用它将新范围复制到 chosenDates 变量中。 我添加了一个 “clear” 按钮以 flatpicker 方式重置输入字段,调用 clear() 方法(这是一个简单的示例),然后我必须将 flatpicker 引用存储在 thePicker 中变量. 我还添加了一个 通过 x-text 显示 choosenDates 的内容


在仪表针中设置弹出框(Echarts)

我有这段代码,我尝试将鼠标悬停在第一个仪表针上以获取 .popover({...}) 对象: </sc...</desc> <question vote="0"> <p>我有这段代码,我尝试将鼠标悬停在第一个仪表针上以获取 .popover({...}) 对象:</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code> &lt;head&gt; &lt;script src=&#34;https://code.jquery.com/jquery-3.6.4.min.js&#34;&gt;&lt;/script&gt; &lt;script src=&#34;https://cdnjs.cloudflare.com/ajax/libs/echarts/5.3.0/echarts.min.js&#34;&gt;&lt;/script&gt; &lt;script src=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js&#34;&gt;&lt;/script&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css&#34;&gt; &lt;title&gt;Gauge Chart&lt;/title&gt; &lt;/head&gt; &lt;button id=&#39;btn1&#39;&gt; Let&#39;s &lt;/button&gt; &lt;input id=&#39;slider1&#39; type=&#39;range&#39; value=&#39;34&#39; min=&#39;0&#39; max=&#39;100&#39; step=&#39;.01&#39;&gt; &lt;input id=&#39;slider2&#39; type=&#39;range&#39; value=&#39;89&#39; min=&#39;0&#39; max=&#39;100&#39; step=&#39;.01&#39;&gt; &lt;div id=&#39;chartid1&#39; style=&#39;width:390px; height: 410px;&#39;&gt;&lt;/div&gt; &lt;script&gt; const chart1 = echarts.init(document.getElementById(&#39;chartid1&#39;)); function update1(value1, value2) { option = { series: [{ type: &#39;gauge&#39;, min: 0, max: 100, splitNumber: 10, detail: { fontFamily: &#39;Lato&#39;, fontSize: 14, borderWidth: 1, borderColor: &#39;#020202&#39;, borderRadius: 5, width: 32, height: 20 }, data: [{ value: value1, name: &#39;False&#39;, itemStyle: { color: &#39;#dd4b50&#39; }, title: { offsetCenter: [&#39;-20%&#39;, &#39;20%&#39;] }, detail: { offsetCenter: [&#39;-20%&#39;, &#39;36%&#39;], backgroundColor: &#39;#dd4b50&#39;, color: &#39;#f2f2f2&#39; } }, { value: value2, name: &#39;True&#39;, itemStyle: { color: &#39;#3a9e4b&#39; }, title: { offsetCenter: [&#39;20%&#39;, &#39;20%&#39;] }, detail: { offsetCenter: [&#39;20%&#39;, &#39;36%&#39;], color: &#39;#f2f2f2&#39;, backgroundColor: &#39;#3a9e4b&#39; } } ] }] }; chart1.setOption(option); } function update2() { let value1 = Number($(&#39;#slider1&#39;).val()); let value2 = Number($(&#34;#slider2&#34;).val()); update1(value1, value2); } update2(); document.getElementById(&#39;btn1&#39;).addEventListener(&#39;click&#39;, function() { update2(); }) /// clickable chart1.on(&#39;mouseenter&#39;, {dataIndex:0}, function(params) { $(this).popover({ html: true, sanitize: false, title: &#39;Title &#39;, content: &#39;This a text&#39;, trigger: &#39;hover&#39;, placement: &#39;top&#39;, container: &#39;body&#39; }) }) &lt;/script&gt;</code></pre> </div> </div> <p></p> <p>我需要悬停并获得 .popover。我知道我可以使用 <pre><code>tooltip:{...}</code></pre>,但对于特定情况,我需要配置 .popover。我尝试用 <pre><code>mychart1.on(...</code></pre> 调整上面的代码,但没有成功。我添加了所有代码需求的CDN。</p> </question> <answer tick="false" vote="0"> <p>如果您查看 <a href="https://echarts.apache.org/en/api.html#events.Mouse%20events.mouseover" rel="nofollow noreferrer">文档</a>,该事件称为 <pre><code>mouseover</code></pre>,而不是 <pre><code>mouseenter</code></pre>。 <a href="https://echarts.apache.org/examples/en/editor.html?c=line-simple&code=PYBwLglsB2AEC8sDeAoWsDOBTAThLGAXLANprrLkWxgCeIWxA5AOYCGAri1kwDRUUAthGjEADP2rpBbAB7EAjGIkD0GEABsIYAHIdBAI1yKVU2ABMsYNhA3FUZ9ADMYYAGJthG2swAybMGA-VQoXaDAAZQgAL0ZYBQAWSUcDYBxLHAB1CHMwAAtFZLNU9NwAYWANNOYAYjEAJgaG4MdYEoyAJTZzCA4iWABWIqkAdxz84gBmeuHqPKwIFjywYkaQgF9ZiwC2YjJWh1bYADc2DQ44yaSQ6mhPOKYPDWwWo-0sQQi6DTjDo9gAMaVaqwJg1czmBIGAZiJg3CibeHoSBgH72JEUYBOJzYMBlLDhYykJgAWkaAFI-KCKUwALoYxH_SzWWzo_7oLE4qz4wk4Pakmm8UGTABslNpW2KbABAGsWDhgBxoOYKlU-aDwZDobDJVIgWrak56kajXD_ut4YzHH9HKdznEABwATl16DuggeABUcBdXq13p9vr8Meh9SCwZM2E6sFCzUcra0UWjKOzYJzcTywESSExBdSxOKGa6LFYbHYU-z09yCVn1Tm80xReLi6HgeqwSbjfU_UcDNK5QqlSq27VI9HYwzLSF6dQLeh6esANwoFeCWhlPJsHBgAB0MAAFExBIrsMBjrgqUhzDsAJLKrDyWBiTawJxKgGQA8gLeeDAASgrIFoAwSosB3KoWH3b8cF_P9l3WOCgA" rel="nofollow noreferrer">这里</a>是你的例子:</p> <pre><code>option = { series: [ { type: &#39;gauge&#39;, min: 0, max: 100, splitNumber: 10, detail: { fontFamily: &#39;Lato&#39;, fontSize: 14, borderWidth: 1, borderColor: &#39;#020202&#39;, borderRadius: 5, width: 32, height: 20 }, data: [ { value: 34, name: &#39;False&#39;, itemStyle: { color: &#39;#dd4b50&#39; }, title: { offsetCenter: [&#39;-20%&#39;, &#39;20%&#39;] }, detail: { offsetCenter: [&#39;-20%&#39;, &#39;36%&#39;], backgroundColor: &#39;#dd4b50&#39;, color: &#39;#f2f2f2&#39; } }, { value: 89, name: &#39;True&#39;, itemStyle: { color: &#39;#3a9e4b&#39; }, title: { offsetCenter: [&#39;20%&#39;, &#39;20%&#39;] }, detail: { offsetCenter: [&#39;20%&#39;, &#39;36%&#39;], color: &#39;#f2f2f2&#39;, backgroundColor: &#39;#3a9e4b&#39; } } ] } ] }; myChart.on(&#39;mouseover&#39;, {dataIndex: 0}, function(params) { console.log(params); }); </code></pre> </answer> </body></html>


encodeURIComponent 的结果在服务器端未正确解码

我正在努力正确编码/解码 JSON 字符串,以便通过 GET 请求中的查询字符串发送。 ...</desc> <question vote="0"> <p>我正在努力正确编码/解码 JSON 字符串,以便通过 GET 请求中的查询字符串发送。</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script type=&#34;text/javascript&#34;&gt; function executeRequest(applyUriEncode) { var json = &#39;{&#34;foo&#34;:&#34;💀🍕⚡💎&amp;🎁❤很久很久以前&#34;}&#39;; var xmlhttp = new XMLHttpRequest(); xmlhttp.open(&#39;GET&#39;, &#39;https://example.com/test.php?json=&#39;+(applyUriEncode ? encodeURIComponent(json) : json), false); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 &amp;&amp; xmlhttp.status == 200) { console.log(&#34;applyUriEncode: &#34;+(applyUriEncode ? &#34;true\n&#34; : &#34;false\n&#34;)); console.log(xmlhttp.responseText+&#34;\n&#34;); } }; xmlhttp.send(); } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;button onClick=&#34;executeRequest(true);&#34;&gt;Submit encoded&lt;/button&gt; &lt;button onClick=&#34;executeRequest(false);&#34;&gt;Submit unencoded&lt;/button&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <pre><code>&lt;?php // test.php echo $_GET[&#39;json&#39;]; </code></pre> <p>点击<pre><code>Submit encoded</code></pre>和<pre><code>Submit unencoded</code></pre>时的输出:</p> <pre><code>applyUriEncode: true {&#34;foo&#34;:&#34;💀ðŸ•âš¡ðŸ’Ž&amp;ðŸŽâ¤å¾ˆä¹…很久以å‰&#34;} applyUriEncode: false {&#34;foo&#34;:&#34;💀🍕⚡💎 </code></pre> <p>期望的输出是</p> <pre><code>{&#34;foo&#34;:&#34;💀🍕⚡💎&amp;🎁❤很久很久以前&#34;} </code></pre> <p>我需要对 JSON 进行编码,否则,特殊字符(例如 <pre><code>&amp;</code></pre>)会破坏字符串。然而,PHP 似乎没有正确解码 <pre><code>encodeURIComponent</code></pre> 的结果。我在服务器端尝试了 <pre><code>urldecode</code></pre>,但这并没有改变任何事情(输出保持不变)。</p> <p>我觉得这是一个基本问题,在 StackOverflow 上应该有答案,但我找不到。我发现了大量具有类似问题的问题,但没有一个问题能让我找到针对这个特定问题的解决方案。</p> </question> <answer tick="false" vote="0"> <p>您遇到的问题与字符编码有关。当您在 JavaScript 中使用 <pre><code>encodeURIComponent</code></pre> 时,它会正确对 JSON 字符串(包括 Unicode 字符)进行百分比编码。但是,当 PHP 接收查询字符串时,它不会自动将百分比编码的 Unicode 字符解码回其原始形式。</p> <p>要解决此问题,您需要确保 PHP 将传入数据解释为 UTF-8,然后使用 <pre><code>urldecode</code></pre> 解码百分比编码的字符串。以下是如何修改 PHP 代码以获得所需的输出:</p> <pre><code>&lt;?php // test.php // Get the raw, percent-encoded JSON string from the query parameter $encodedJson = $_GET[&#39;json&#39;]; // Manually decode the percent-encoded string $decodedJson = urldecode($encodedJson); // Ensure that the string is treated as UTF-8 $decodedJson = mb_convert_encoding($decodedJson, &#39;UTF-8&#39;, &#39;UTF-8&#39;); // Output the decoded JSON string echo $decodedJson; </code></pre> <p>此代码片段假设您的 PHP 环境配置为使用 UTF-8 作为默认字符编码。如果不是,您可能需要在脚本开头使用 <pre><code>mb_internal_encoding(&#39;UTF-8&#39;)</code></pre> 将字符编码显式设置为 UTF-8。</p> <p>此外,需要注意的是,当您在查询字符串中发送 JSON 数据时,应始终使用 <pre><code>encodeURIComponent</code></pre> 对 JSON 字符串进行编码。这是因为查询字符串具有某些保留字符(如 <pre><code>&amp;</code></pre>、<pre><code>=</code></pre>、<pre><code>+</code></pre>、<pre><code>?</code></pre> 等),如果不进行编码,可能会破坏 URL 的结构。 <pre><code>encodeURIComponent</code></pre> 函数确保这些字符被安全编码,这样它们就不会干扰 URL 的格式。</p> <p>在客户端,当将 <pre><code>encodeURIComponent</code></pre> 标志设置为 <pre><code>applyUriEncode</code></pre> 时,您的 JavaScript 代码使用 <pre><code>true</code></pre> 是正确的。始终使用编码版本在查询字符串中发送数据,以避免特殊字符出现问题。</p> </answer> </body></html>


最新问题
© www.soinside.com 2019 - 2025. All rights reserved.