code-map 相关问题

如何控制列表元素抛出键盘事件

https://stackblitz.com/edit/react-o1ra7c 用户搜索结果后，用户尝试使用键盘事件箭头需要向下移动。 https://stackblitz.com/edit/react-o1ra7c 用户搜索结果后，用户尝试使用键盘事件箭头需要向下移动。 <div> <input onChange={handleSearchChange}/> <div css={countryDataCss}> {countryList?.map((country) => ( <div key={country.countryCode}> <span css={countryCss}>{country.countryName}</span> <span css={countryDialCodeCss}> {country.countryDialNo} </span> </div> ))} </div> </div> 您可以使用 javascirpt 事件 onkeydown，对于 React 来说是 onKeyDown，它提供了所需的行为，请检查下面的 stackblitz！ import React from 'react'; import './style.css'; import { useState } from 'react'; export default function App() { const [searchText, setSearchText] = useState(''); const [selectedCountry, setSelectedCountry] = useState('SG'); const [activeIndex, setActiveIndex] = useState(0); const [selectedDialCode, setSelectedDialCode] = useState('+65'); const countryCodeListResponse = [ { countryCode: 'IND', countryDialNo: '+91', countryName: 'India' }, { countryCode: 'SG', countryDialNo: '+65', countryName: 'Singpare' }, ]; const [countryList, setCountryList] = useState(countryCodeListResponse); function handleSearchChange(e) { const searchText = e.target.value.toLowerCase(); if (countryCodeListResponse) { const updatedList = countryCodeListResponse .filter((el) => el.countryName.toLowerCase().includes(searchText)) .sort( (a, b) => a.countryName.toLowerCase().indexOf(searchText) - b.countryName.toLowerCase().indexOf(searchText) ); setSearchText(searchText); setCountryList(updatedList); } } const onSelectCountry = (code, dialCode) => { setSelectedCountry(code); setSelectedDialCode(dialCode); setSearchText(''); setCountryList(countryCodeListResponse); }; const onKeyDown = (event) => { console.log(event); switch (event.keyCode) { case 38: // arrow up if (activeIndex > 0 && activeIndex <= countryList.length - 1) { setActiveIndex((prev) => prev - 1); } break; case 40: // arrow down if (activeIndex >= 0 && activeIndex < countryList.length - 1) { setActiveIndex((prev) => prev + 1); } break; case 13: const country = countryList[activeIndex]; onSelectCountry(country.countryCode, country.countryDialNo); break; default: break; } }; return ( <div class="dropdown"> <div class="search"> <div> <span>{selectedCountry}</span> <span>{selectedDialCode}</span> </div> <input class="search-input" onKeyDown={(e) => onKeyDown(e)} placeholder="Search" value={searchText} onChange={handleSearchChange} /> </div> <div class="list"> {countryList?.map((country, index) => ( <div onKeyDown={(e) => onKeyDown(e)} className={index === activeIndex ? 'active' : ''} tabIndex="0" key={country.countryCode} onClick={() => onSelectCountry(country.countryCode, country.countryDialNo) } > <span>{country.countryName}</span> <span>{country.countryDialNo}</span> </div> ))} </div> </div> ); } 堆栈闪电战

如何在nextjs 14中使用map()？

我正在尝试使用 map() 方法迭代从 API 获得的响应，但我不断收到错误“drinks.map 不是函数”。下面是我的代码 /饮料从“@/

使用 Jackson 库在 Java 中反序列化 Map<Enum<?>、Object>

我需要使用 Jackson 库以 JSON 格式序列化和反序列化 Java 映射。地图类型是Map，Object>，其目的是存储由key-value

Py4JJavaError：调用 z:org.apache.spark.api.python.PythonRDD.collectAndServe 时发生错误。在执行简单的 .map() 时

我是 pySpark 的新手，尝试了一个简单的 pySpark 代码，例如读取文件并使用 .map()，但在执行时出现 Py4JJavaError 从 pyspark 导入 SparkContext、SparkConf 配置 = SparkCo...

如何反序列化包含 List<?, ?> 作为值的 Map<?>...例如地图<Long, List<Long>？

我正在尝试使用杰克逊反序列化Map。当我尝试调用反序列化方法时，出现编译时错误。我使用的映射器是 com.fasterxml.ja...

防止打开的窗口覆盖 opener 的 `close` 方法

我有一个 test1.html 文件，仅包含以下代码： janela = window.open("http://localhost/test2.html","_blank","width=1000,height=400,left=600,top=0"); </...</desc> <question vote="1"> <p>我有一个 <pre><code>test1.html</code></pre> 文件，其中仅包含以下代码：</p> <pre><code><script> janela = window.open("http://localhost/test2.html","_blank","width=1000,height=400,left=600,top=0"); </script> </code></pre> <p>上面的代码将打开窗口<pre><code>test2.html</code></pre>，其中包含以下代码：</p> <pre><code><script> opener.window.janela.close = null; </script> </code></pre> <p>现在，在窗口 <pre><code>test1.html</code></pre> 上，如果我尝试关闭刚刚使用 <pre><code>janela.close()</code></pre> 打开的窗口，我将无法这样做。</p> <p>我知道在 <pre><code>noopener</code></pre> 方法中使用 <pre><code>window.open</code></pre> 会阻止 <pre><code>test2.html</code></pre> 访问 <pre><code>test1.html</code></pre> 但是它也会阻止我在 <pre><code>test1.html</code></pre> 关闭 <pre><code>test2.html</code></pre>。</p> <p>那么我怎样才能可靠地打开 <pre><code>window</code></pre> 并能够在将来自信地关闭它？</p> <p><strong>根据@mplungjan</strong></p>进行编辑 <p>在@mplungjan的帮助下，我做到了：</p> <pre><code>myClose = window.close; janela = window.open("https://a2eestrutural.eng.br/?fdfk","_blank","width=1000,height=400,left=600,top=20"); janela.myClose = window.myClose; </code></pre> <p>窗口打开后，我尝试执行<pre><code>janela.myClose();</code></pre>并收到此错误消息：</p> <pre><code>An attempt was made to break through the security policy of the user agent. </code></pre> <p>知道我该如何继续吗？</p> </question> <answer tick="false" vote="0"> <p>为什么要有这个代码？如果您可以控制打开的内容...</p> <p>无论如何，请在打开窗口的脚本之前尝试此操作</p> <pre><code>const myClose = window.close; const janela = window.open("http://localhost/test2.html","_blank","width=1000,height=400,left=600,top=0"); .... janela.myClose() </code></pre> </answer> </body></html>

如何使用ffmpeg让视频替换音频，音频循环播放直到视频结束

我使用以下cli ffmpeg -stream_loop 3 -i t.mp3 -c 复制输出.mp3 -y ffmpeg -i t.mp4 -i 输出.mp3 -map 0:v -map 1:a -c:v 复制 -最短输出.mp4 -y 来实现这个功能如何将它们合并到...

React 中的filter() 和map() 数据到单选按钮

我正在从 API 获取以下格式的数据： const 汽车属性 = [ { "key": "品牌", “价值观”：[ { ...

WinUI 3 - 以编程方式滚动到 ItemsControl 中的虚拟化项目（不是 ListView）

我正在使用一个相当典型的模板创建一个自定义 ItemsControl 子类： <Setter Property="ItemsPanel"> <Setter....</desc> <question vote="0"> <p>我正在使用一个相当典型的模板创建一个自定义的 <pre><code>ItemsControl</code></pre> 子类：</p> <pre><code><Style TargetType="local:MyControl"> <Setter Property="ItemsPanel"> <Setter.Value> <ItemsPanelTemplate> <ItemsStackPanel Orientation="Vertical" />  </ItemsPanelTemplate> </Setter.Value> </Setter> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="local:MyControl"> <ScrollViewer x:Name="ScrollViewer" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto"> <ItemsPresenter /> </ScrollViewer> </ControlTemplate> </Setter.Value> </Setter> </Style> </code></pre> <p>其中 <pre><code>MyControl</code></pre> 是 <pre><code>ItemsControl</code></pre> 的子类。</p> <p>我需要一种通过内容甚至索引以编程方式滚动到项目的方法，这可能尚未在屏幕上实现，因为屏幕上的项目高度不统一。</p> <p>对于 <pre><code>ListView</code></pre>，我可以使用 <pre><code>ScrollIntoView</code></pre>，但我不想从 <pre><code>ListView</code></pre> 派生，因为它带有很多我想要替换/覆盖的功能。</p> <p>在WPF中<pre><code>VirtualizingStackPanel</code></pre>有<a href="https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.virtualizingpanel.bringindexintoviewpublic?view=windowsdesktop-8.0" rel="nofollow noreferrer">BringIndexIntoViewPublic</a>，但现在似乎不存在了，我在WinUI<pre><code>VirtualizingStackPanel</code></pre>或<pre><code>ItemsStackPanel</code></pre>中找不到任何等效的东西。</p> <p>在 WinUI 源代码中 <pre><code>ListView.ScrollIntoView</code></pre> 似乎在 <pre><code>ItemsPresenter</code></pre> 中使用了很多我无法访问的内部/本机功能。</p> <p>有没有办法在不子类化的情况下做到这一点<pre><code>ListView</code></pre>？</p> </question> <answer tick="false" vote="0"> <p>您尝试过 ItemsView 控件吗？</p> <pre><code><ItemsView x:Name="ItemsViewControl" ItemsSource="{x:Bind Items}" /> </code></pre> <p>然后在代码隐藏中：</p> <pre><code>int targetIndex = 123; this.ItemsViewControl.StartBringItemIntoView(targetIndex, new BringIntoViewOptions()); </code></pre> </answer> </body></html>

检查play.api.libs.json.Json中是否存在密钥

包含类似 play.api.libs.json.Json 的功能 val data=Map("id" -> "240190", "密码" -> "密码","电子邮件" -> "[email protected]") data.contains("email")//true val信息=Json...

在Java中将流转换为字符串

我想将 Map<> 的流转换为字符串，并将其附加到文本区域。我尝试了一些方法，最后一个使用 StringBuilder，但它们不起作用。公开我想将 Map<> 的流转换为字符串，并将其附加到文本区域。我尝试了一些方法，最后一个使用 StringBuilder，但它们不起作用。 public <K, V extends Comparable<? super V>> String sortByAscendentValue(Map<K, V> map, int maxSize) { StringBuilder sBuilder = new StringBuilder(); Stream<Map.Entry<K,V>> sorted = map.entrySet().stream() .sorted(Collections.reverseOrder(Map.Entry.comparingByValue())); BufferedReader br = new BufferedReader(new InputStreamReader((InputStream) sorted)); String read; try { while ((read=br.readLine()) != null) { //System.out.println(read); sBuilder.append(read); } } catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); } sorted.limit(maxSize).forEach(System.out::println); return sBuilder.toString(); } 您可以将条目收集到一个String中，如下所示： String sorted = map.entrySet().stream() .sorted(Collections.reverseOrder(Map.Entry.comparingByValue())) .map(e-> e.getKey().toString() + "=" + e.getValue().toString()) .collect(Collectors.joining (",")); 考虑对 @Eran 的代码进行轻微更改，因为 HashMap.Entry.toString() 已经通过 = 为您加入了： String sorted = map.entrySet().stream() .sorted(Collections.reverseOrder(Map.Entry.comparingByValue())) .map(Objects::toString) .collect(Collectors.joining(",")); 这很容易做到，您可以使用 Steams API 来做到这一点。首先，将映射中的每个条目映射到单个字符串 - 键和值的连接字符串。一旦你有了这个，你就可以简单地使用 reduce() 方法或 collect() 方法来做到这一点。使用“reduce()”方法的代码片段将如下所示： Map<String, String> map = new HashMap<>(); map.put("sam1", "sam1"); map.put("sam2", "sam2"); String concatString = map.entrySet() .stream() .map(element-> element.getKey().toString() + " : " + element.getValue().toString()) .reduce("", (str1,str2) -> str1 + " , " + str2).substring(3); System.out.println(concatString); 这将为您提供以下输出： sam2 : sam2 , sam1 : sam1 您还可以使用 collect()' method instead ofreduce()` 方法。它看起来像这样： String concatString = map.entrySet() .stream() .map(element-> element.getKey().toString() + " : " + element.getValue().toString()) .collect(Collectors.reducing("", (str1,str2) -> str1 + " , " + str2)).substring(3); 两种方法给出相同的输出。

如何使用webpack 5向脚本标签添加nonce属性

我使用 webpack 5 和 HtmlWebpackPlugin 来构建我的前端 SPA。我需要向添加随机数属性 <question vote="0"> <p>我正在使用 webpack 5 和 <pre><code>HtmlWebpackPlugin</code></pre> 来构建我的前端 SPA。</p> <p>我需要将 <pre><code>nonce</code></pre> 属性添加到 <pre><code><script ...</code></pre> 注入的 <pre><code>HtmlWebpackPlugin</code></pre> 标签中。</p> <p>我该怎么做？</p> <p>额外问题：之后我在服务之前使用此页面作为 Thymeleaf 模板。如何注入<pre><code>nonce</code></pre>值？</p> </question> <answer tick="false" vote="0"> <p>如果您使用的是 webpack 4，海里有很多鱼——只需使用任何注入属性的插件，例如 <a href="https://github.com/numical/script-ext-html-webpack-plugin" rel="nofollow noreferrer">script-ext-html-webpack-plugin</a> 或 <a href="https://github.com/dyw934854565/html-webpack-inject-attributes-plugin" rel="nofollow noreferrer">html-webpack-inject-attributes-plugin</a> </p> <p>但是，上面提到的大多数插件都不适用于 webpack 5。解决方法是使用 <pre><code>HtmlWebpackPlugin</code></pre> <a href="https://github.com/jantimon/html-webpack-plugin#writing-your-own-templates" rel="nofollow noreferrer">templates</a>。</p> <ol> <li>将<pre><code>inject</code></pre>中指定的<pre><code>false</code></pre>选项中的<pre><code>HtmlWebpackPlugin</code></pre>设置为<pre><code>webpack.config</code></pre>。</li> <li>在模板中添加以下代码，将所有生成的脚本插入到结果文件中：</li> </ol> <pre><code> <% for (key in htmlWebpackPlugin.files.js) { %> <script type="text/javascript" defer="defer" src="<%= htmlWebpackPlugin.files.js[key] %>"></script> <% } %> </code></pre> <ol start="3"> <li>在 <pre><code>script</code></pre> 中添加所有必要的属性。百里香示例：</li> </ol> <pre><code> <% for (key in htmlWebpackPlugin.files.js) { %> <script type="text/javascript" defer="defer" th:attr="nonce=${cspNonce}" src="<%= htmlWebpackPlugin.files.js[key] %>"></script> <% } %> </code></pre> <p>基于 <a href="https://github.com/jantimon/html-webpack-plugin/issues/538#issuecomment-270340587" rel="nofollow noreferrer">github 帖子</a></p>的答案 </answer> </body></html>

地图<String, Repository>意外行为

我正在尝试定义一个Map来映射多个JPA存储库。这是我的代码 @服务 @AllArgsConstructor 公共类 MyDataTablesService { 私人决赛

Haskell Power Set 函数

我收到错误：工作.hs：186：25：错误： * 无法匹配预期类型：Set (Set a) 实际类型：[[a]] * 在表达式中： union (map (insert x) (powerSet s)) (powerSet s)...

如何查找给定的键是否存在于 std::map 中

我正在尝试检查给定的键是否在地图中，但有些无法做到： typedef 映射::迭代器 mi; 地图米； m.insert(make_pair("f","++--")); 一对我正在尝试检查给定的键是否在地图中，但有些做不到： typedef map<string,string>::iterator mi; map<string, string> m; m.insert(make_pair("f","++--")); pair<mi,mi> p = m.equal_range("f");//I'm not sure if equal_range does what I want cout << p.first;//I'm getting error here 那么我怎样才能打印p中的内容呢？使用 map::find 和 map::end: if (m.find("f") == m.end()) { // not found } else { // found } 要检查映射中是否存在特定键，请通过以下方式之一使用 count 成员函数： m.count(key) > 0 m.count(key) == 1 m.count(key) != 0 map::find的文档说：“另一个成员函数map::count可用于仅检查特定键是否存在。” map::count的文档说：“因为地图容器中的所有元素都是唯一的，所以该函数只能返回1（如果找到该元素）或零（否则）。” 要通过您知道存在的键从映射中检索值，请使用 map::at: value = m.at(key) 与 map::operator[] 不同，如果指定的键不存在，map::at 不会在映射中创建新键。 C++20 为我们提供了 std::map::contains 来做到这一点。 #include <iostream> #include <string> #include <map> int main() { std::map<int, std::string> example = {{1, "One"}, {2, "Two"}, {3, "Three"}, {42, "Don\'t Panic!!!"}}; if(example.contains(42)) { std::cout << "Found\n"; } else { std::cout << "Not found\n"; } } 您可以使用.find()： map<string,string>::iterator i = m.find("f"); if (i == m.end()) { /* Not found */ } else { /* Found, i->first is f, i->second is ++-- */ } C++17 通过带有初始化器的 If 语句进一步简化了这一点。这样你就可以鱼与熊掌兼得了。 if ( auto it{ m.find( "key" ) }; it != std::end( m ) ) { // Use `structured binding` to get the key // and value. const auto&[ key, value ] { *it }; // Grab either the key or value stored in the pair. // The key is stored in the 'first' variable and // the 'value' is stored in the second. const auto& mkey{ it->first }; const auto& mvalue{ it->second }; // That or just grab the entire pair pointed // to by the iterator. const auto& pair{ *it }; } else { // Key was not found.. } m.find == m.end() // not found 如果您想使用其他API，请找到m.count(c)>0 if (m.count("f")>0) cout << " is an element of m.\n"; else cout << " is not an element of m.\n"; 我想你想要map::find。如果 m.find("f") 等于 m.end()，则未找到密钥。否则，find 返回一个指向找到的元素的迭代器。错误是因为p.first是一个迭代器，它不适用于流插入。将最后一行更改为 cout << (p.first)->first;。 p 是一对迭代器，p.first 是迭代器，p.first->first 是键字符串。一张地图对于给定的键只能有一个元素，所以 equal_range 不是很有用。它是为映射定义的，因为它是为所有关联容器定义的，但它对于多重映射更有趣。 template <typename T, typename Key> bool key_exists(const T& container, const Key& key) { return (container.find(key) != std::end(container)); } 当然，如果你想变得更奇特，你可以随时模板化一个函数，该函数也采用已找到的函数和未找到的函数，如下所示： template <typename T, typename Key, typename FoundFunction, typename NotFoundFunction> void find_and_execute(const T& container, const Key& key, FoundFunction found_function, NotFoundFunction not_found_function) { auto& it = container.find(key); if (it != std::end(container)) { found_function(key, it->second); } else { not_found_function(key); } } 并像这样使用它： std::map<int, int> some_map; find_and_execute(some_map, 1, [](int key, int value){ std::cout << "key " << key << " found, value: " << value << std::endl; }, [](int key){ std::cout << "key " << key << " not found" << std::endl; }); 这样做的缺点是想出一个好名字，“find_and_execute”很尴尬，我想不出更好的名字...... map<string, string> m; 检查 key 是否存在，并返回出现次数（map 中为 0/1）： int num = m.count("f"); if (num>0) { //found } else { // not found } 检查key是否存在，并返回迭代器： map<string,string>::iterator mi = m.find("f"); if(mi != m.end()) { //found //do something to mi. } else { // not found } 在你的问题中，由坏的operator<<过载引起的错误，因为p.first是map<string, string>，你无法打印出来。尝试这个： if(p.first != p.second) { cout << p.first->first << " " << p.first->second << endl; } 小心地将查找结果与地图“m”的结尾进行比较，因为所有答案都有上面完成地图::迭代器 i = m.find("f"); if (i == m.end()) { } else { } 您不应该尝试执行任何操作，例如如果迭代器 i 等于 m.end() 则打印键或值，否则会导致分段错误。比较 std::map::find 和 std::map::count 的代码，我认为第一个可能会产生一些性能优势： const_iterator find(const key_type& _Keyval) const { // find an element in nonmutable sequence that matches _Keyval const_iterator _Where = lower_bound(_Keyval); // Here one looks only for lower bound return (_Where == end() || _DEBUG_LT_PRED(this->_Getcomp(), _Keyval, this->_Key(_Where._Mynode())) ? end() : _Where); } size_type count(const key_type& _Keyval) const { // count all elements that match _Keyval _Paircc _Ans = equal_range(_Keyval); // Here both lower and upper bounds are to be found, which is presumably slower. size_type _Num = 0; _Distance(_Ans.first, _Ans.second, _Num); return (_Num); } find() 和 contains() 都可以使用。根据文档。两种方法平均时间为常数，最坏情况下为线性时间。我知道这个问题已经有一些很好的答案，但我认为我的解决方案值得分享。它适用于 std::map 和 std::vector<std::pair<T, U>>，并且可从 C++11 开始使用。 template <typename ForwardIterator, typename Key> bool contains_key(ForwardIterator first, ForwardIterator last, Key const key) { using ValueType = typename std::iterator_traits<ForwardIterator>::value_type; auto search_result = std::find_if( first, last, [&key](ValueType const& item) { return item.first == key; } ); if (search_result == last) { return false; } else { return true; } } map <int , char>::iterator itr; for(itr = MyMap.begin() ; itr!= MyMap.end() ; itr++) { if (itr->second == 'c') { cout<<itr->first<<endl; } } 如果你想比较成对的地图，你可以使用这个方法： typedef map<double, double> TestMap; TestMap testMap; pair<map<double,double>::iterator,bool> controlMapValues; controlMapValues= testMap.insert(std::pair<double,double>(x,y)); if (controlMapValues.second == false ) { TestMap::iterator it; it = testMap.find(x); if (it->second == y) { cout<<"Given value is already exist in Map"<<endl; } } 这是一项有用的技术。

文件大小错误节点js

从大文件下载 25mb 小块时，这些块实际上比 25mb 大得多。有人可以帮忙吗？ const fs = require('fs') const 文件 = fs.readdirSync('../in/') 文件.map(

流程图 - Python

我需要为给定的流程图编写一个程序我的代码： x,y,d=列表(map(int,input().split())) 温度=0 而 x<=y: x=temp while temp>0：如果温度%10==d： ...

react setstate 没有触发地图重新渲染

我有一个由地图渲染的列表组件，这就是我在反应函数组件中定义数据的方式： const [projMap, setProjMap] = useState>(新 Map<...

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

我正在努力正确编码/解码 JSON 字符串，以便通过 GET 请求中的查询字符串发送。 ...</desc> <question vote="0"> <p>我正在努力正确编码/解码 JSON 字符串，以便通过 GET 请求中的查询字符串发送。</p> <pre><code><html> <head> <script type="text/javascript"> function executeRequest(applyUriEncode) { var json = '{"foo":"💀🍕⚡💎&🎁❤很久很久以前"}'; var xmlhttp = new XMLHttpRequest(); xmlhttp.open('GET', 'https://example.com/test.php?json='+(applyUriEncode ? encodeURIComponent(json) : json), false); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { console.log("applyUriEncode: "+(applyUriEncode ? "true\n" : "false\n")); console.log(xmlhttp.responseText+"\n"); } }; xmlhttp.send(); } </script> </head> <body> <button onClick="executeRequest(true);">Submit encoded</button> <button onClick="executeRequest(false);">Submit unencoded</button> </body> </html> </code></pre> <pre><code><?php // test.php echo $_GET['json']; </code></pre> <p>点击<pre><code>Submit encoded</code></pre>和<pre><code>Submit unencoded</code></pre>时的输出：</p> <pre><code>applyUriEncode: true {"foo":"ðŸ’€ðŸ•âš¡ðŸ’Ž&ðŸŽâ¤å¾ˆä¹…å¾ˆä¹…ä»¥å‰"} applyUriEncode: false {"foo":"💀🍕⚡💎 </code></pre> <p>期望的输出是</p> <pre><code>{"foo":"💀🍕⚡💎&🎁❤很久很久以前"} </code></pre> <p>我需要对 JSON 进行编码，否则，特殊字符（例如 <pre><code>&</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><?php // test.php // Get the raw, percent-encoded JSON string from the query parameter $encodedJson = $_GET['json']; // Manually decode the percent-encoded string $decodedJson = urldecode($encodedJson); // Ensure that the string is treated as UTF-8 $decodedJson = mb_convert_encoding($decodedJson, 'UTF-8', 'UTF-8'); // Output the decoded JSON string echo $decodedJson; </code></pre> <p>此代码片段假设您的 PHP 环境配置为使用 UTF-8 作为默认字符编码。如果不是，您可能需要在脚本开头使用 <pre><code>mb_internal_encoding('UTF-8')</code></pre> 将字符编码显式设置为 UTF-8。</p> <p>此外，需要注意的是，当您在查询字符串中发送 JSON 数据时，应始终使用 <pre><code>encodeURIComponent</code></pre> 对 JSON 字符串进行编码。这是因为查询字符串具有某些保留字符（如 <pre><code>&</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>

如何使用map函数将JSON数据输入到div元素中

我有一个API URL，是这样的 https://api-amvstrm.nyt92.eu.org/api/v1 /popular 和 API 响应如下所示 t itle": "地牢网格", "id": "地牢-...

将 YAML 文件注入构造函数

我有这个 YAML 文件 src/main/resources/foo.yml：酒吧： - 你好 - 世界巴兹： - 洛雷姆 - ipsum 这个组件： @成分公共类我的组件{ 公共我的组件（地图我有这个 YAML 文件 src/main/resources/foo.yml: bar: - hello - world baz: - lorem - ipsum 这个组件： @Component public class MyComponent { public MyComponent(Map<String, List<String>> foo) { // foo.get("bar") } } 使用 Spring Boot 2.7，是否可以将配置按原样（自己的文件，无前缀，无类）注入到构造函数中？你可以这样做 @Configuration public class MyConfiguration { @Bean public Map<String, Object> foo(@Value("classpath:foo.yaml") Resource yaml) { Yaml yaml = new Yaml(); return yaml.load(yaml.getInputStream()); } } @Component public class MyComponent { public MyComponent(@Qualifier("foo") Map<String, Object> foo) { ... } }

有什么问题吗？文本区域什么也没显示，但值是

我正在编写代码以在中以灰色向用户显示提示；接下来的想法是：最初以灰色显示“请在此处输入您的询问”；如果用户点击它，颜色会变为...</desc> <question vote="3"> <p>我正在编写代码以在 <pre><code><textarea/></code></pre> 中以灰色向用户显示提示；</p> <p>下一个想法是：</p> <ol> <li>最初将<pre><code>'Please, type your inquiry there'</code></pre>置于灰色；</li> <li>如果用户单击它，颜色将变为黑色，文本将变为 <pre><code>''</code></pre>。这部分工作正常；</li> <li>如果用户输入然后删除（即将字段留空），那么我们需要将 <pre><code>'Please, type your inquiry there'</code></pre> 放回灰色。</li> </ol> <p>步骤 (3) 在 Chrome 和 Firefox 中均不起作用。它什么也没显示。当我使用 Chrome 检查器时，它显示：</p> <blockquote> <p>element.style { 颜色: rgb(141, 141, 141); }</p> </blockquote> <p>这是正确的，而 HTML 中的 <pre><code>"Please, type your inquiry there"</code></pre> 也是正确的。但场地是空的。可能是什么问题？？？我特别使用了 <pre><code>console.log()</code></pre>，它们还显示应该是......的输出 </p>这是 HTML 和 JS 代码：<p> </p><code><textarea name='contact_text' id='contact_text' onclick='text_area_text_cl();' onBlur='text_area_text_fill();'> </textarea> <script> var contact_text_changed = false; var contact_contacts_changed = false; function text_area_text() { if (contact_text_changed == false) { $("#contact_text").css("color","#8d8d8d"); $("#contact_text").html('Please, type your inquiry there'); } else { $("#contact_text").css("color","#000000"); } // Write your code here }; function text_area_text_cl() { if (contact_text_changed == false) { $("#contact_text").text(''); $("#contact_text").css("color","#000000"); console.log('sdfdfs111'); contact_text_changed = true; } }; function text_area_text_fill() { if ($("#contact_text").val() == '') { contact_text_changed = false; $("#contact_text").css("color","#8d8d8d"); $("#contact_text").html('Please, type your inquiry there'); //document.getElementById('contact_text').innerHTML = 'Please, type your inquiry there' console.log('sdfdfs'); } else { console.log('__'); } }; // call functions to fill text_area_text(); </script> </code><pre> </pre> </question> <answer tick="true" vote="3">要设置 <p><code><textarea></code><pre> 的值，您需要使用 </pre><code>.val()</code><pre>:</pre> </p><code>$("#contact_text").val(''); </code><pre> </pre>或<p> </p><code>$("#contact_text").val('Please, type your enquiry there'); </code><pre> </pre>等等。让“占位符”代码正常工作是很棘手的。 <p>较新的浏览器允许<a href="http://caniuse.com/#search=placeholder" rel="nofollow">：</a> </p><code><textarea placeholder='Please, type your enquiry there' id='whatever'></textarea> </code><pre> </pre>他们会为您管理这一切。<p> </p><p>编辑<em> - 从评论中，这里解释了为什么 </em><code>.html()</code><pre> 最初有效（嗯，它</pre>确实<em>有效，但请继续阅读）。 </em><code><textarea></code><pre> 元素的标记内容（即元素中包含的 DOM 结构）表示 </pre><code><textarea></code><em> 的 </em>initial<pre> 值。在任何用户交互之前（和/或在 JavaScript 触及 DOM 的“value”属性之前），这就是显示为字段值的内容。然后，更改 DOM 的该部分就会更改该初始值。然而，一旦进行了一些用户交互，初始值就不再与页面视图相关，因此不会显示。仅显示更新后的值。</pre> </p> </answer></body>

dd() 仅显示第一个对象

在map()方法调用中，我想使用dd()来转储，但我只得到第一个对象。当我在地图函数中使用 print_r() 时，我得到所有对象。 $valeurCategorieCible = $CategoriesItiner...

从数据库中提取后出现在<textarea>中

数据首先从捕获。 1号线 2号线 3号线 ETC 它在存储到数据库之前通过此函数发送（我愿意接受更好的解决方案，但如果 PDO 是其中之一......</desc> <question vote="0"> <p>数据首先从 <pre><code><textarea></code></pre> 捕获。</p> <pre><code>Line1 Line2 Line3 etc </code></pre> <p>它在存储到数据库之前通过此函数发送（我愿意接受更好的解决方案，但如果 PDO 是其中之一，我不理解它并且尚未使其工作）</p> <pre><code>function test_input($data) { global $conn; $data = trim($data); $data = stripslashes($data); $data = htmlspecialchars($data); $data = mysqli_real_escape_string($conn, $data); return $data; } </code></pre> <p>这是我防止注射的方法（不是我的方法，而是我发现迄今为止效果很好的一种方法，它给我带来了<pre><code><textarea></code></pre>中换行的问题）。</p> <p>我尝试从数据库中提取数据并将其显示在<pre><code><textarea></code></pre>中，它显示<pre><code>\r\n</code></pre>而不是换行。它存储在带有换行符的数据库中（我没有看到<pre><code>\r\n</code></pre>，但我看到了新行上的数据）。</p> <p>我已经尝试过<pre><code>nl2br()</code></pre>，我已经尝试过<pre><code>html_entity_decode()</code></pre>，我已经尝试过<pre><code>str_replace()</code></pre>从<pre><code>\r\n</code></pre>到<pre><code><br></code></pre>（然后它只显示<pre><code><br></code></pre>文字而不是<pre><code>\r\n</code></pre>）。</p> <p>根据我在这个网站上发现的研究，这是我在将其存储到数据库之前对其所做的事情造成的，但没有一个解决方案对我有用。</p> </question> <answer tick="true" vote="2"> <p>将文本中的 <pre><code>\r\n</code></pre> 替换为 <pre><code>
</code></pre>，然后将其放入文本区域并向用户显示。</p> <p>它对我有用。</p> </answer> <answer tick="false" vote="0"> <p>试试这个可能会有帮助</p> <pre><code><?php function nl2br2($string) { $string = str_replace(array("\r\n", "\r", "\n"), "<br />", $string); return $string; } ?> </code></pre> </answer> <answer tick="false" vote="0"> <p>Html 与 php 和 windows（回车符和换行符）。勒思考会发生什么当缓冲区中有一个值字段时。缓冲区可以来自或去往输入/输出设备缓冲区内的内容可能需要替换为适合设备的字符串。从数据库逐行或从 SQL api 查询提取数据将需要重复正则表达式和替换操作，直到所有表达方式发生改变。在输入进入数据库字段之前对其进行防弹检查始终是一个好主意。我遇到了由额外数据（转义序列）引起的打印问题，该问题导致打印机无法正常工作停止并等待重置序列。没有人理解为什么打印作业无法打印类似的内容 12个月。我编写了一个过滤器并将其添加到打印机界面。问题解决了</p> </answer> </body></html>

在 VS Code 的 Python 编辑器中，我可以将代码单元格 (#%%) 作为大纲视图中的顶级层次结构吗？

我读过这篇文章。如何在 VS Code 中配置 python 大纲模式以仅显示类和方法但 VS Code 1.40.0 还不能做到。 Spyder 几乎可以做到，但我想使用 VS Code。我想要什么...

重新混合源映射支持 `TypeError: 列必须大于或等于 0，得到 -1`

使用bun和express运行remix，我遇到了source-map-support的错误。使用 Express 中的代码 sourceMapSupport.install({ retrieveSourceMap：函数（源）{ 控制台.log(

点击国家名称reactmapgl

我正在使用React Map GL，我想显示单击的国家/地区的名称（我只需要用于其他目的的名称）。目前，我有这个代码：导入 React, { useCallback, useMemo, useState } from &...

当司机带着包flutter_map移动时，如何将Flutter Map标记旋转到方向？

地图上有图像，但方向不正确我在 FlutterMap 中的代码请有人帮我想个办法让车沿着路行驶

VS Code - Python 代码无法正确打开文件

我编写了这段代码来使用 VS CODE 在 python 中打开一个文件 - with open("Answer Words.txt") as Answer_Words_File: Answer_Words = Answer_Words_File.read() 但它说“ FileNotFoundError：[

在 Visual Studio Code 中，如何在 launch.json 中传递参数

在 Visual Studio Code 中，在启动我正在编写的应用程序的 launch.json 文件中，如何添加命令行参数？

使用 VS Code 提供额外的配置文件

我们如何使用 Visual Studio Code 使用 https://github.com/ballerina-platform/ballerina-spec/blob/master/configurable/spec.md# located-toml-files 中指定的多个 .toml 文件？（假设...

未捕获的运行时错误：teams.map 不是 React 的函数

使用reactJS和Laravel在网站上工作，同时使用map函数从URL获取json数据，在控制台上发现此错误： team.map 不是函数 TypeError：teams.map 不是函数...

映射缩减和哈希分区

在学习MapReduce时，我遇到了这个问题：给定的 Mapreduce 程序的 Map 阶段生成 100 个具有 10 个唯一键的键值对。这个程序可以处理多少个Reduce任务...

我应该如何使用多部分文件作为RequestParam来测试这个Java API

我正在尝试在控制器上测试以下API： @PostMapping("/{code}") public ResponseEntity importFichier(@PathVariable("code") 字符串代码...

OCaml 标准地图与 Jane Street Core.std 地图

所以我在程序中使用 Jane Street 的 Core.std 来处理某些事情，但仍然想使用标准的 OCaml Map。但是，当我调用像 mem 这样的函数时，它需要 Core.std 的签名

如何对 Google 表格中的多组过滤数据运行公式

我有大约 12 列数据和一个复杂的公式，可以根据该数据计算一些值。公式涉及XIRR、MAP、GOOGLEFINANCE、INDEX、IF等函数，引用了几个c...

CMD 可以识别 PATH 变量，但 VS Code 不能识别

我遇到了一个问题，在 CMD 中可以识别 PATH 变量，但一旦我尝试在 VS Code 终端中使用它们，它们似乎就会崩溃。显然，我已经尝试重新启动计算机和 VS Code，但我...

Visual Studio Code 找不到 Python 扩展

我已经使用 Spyder 进行 conda 安装，没有任何问题。我现在已经安装了 Visual Studio Code 并编辑了 settings.json 文件，其中 python.pythonPath 指向 ~/anaconda3/bin/pyth...

文本区域高度的 CSS 样式不起作用

元素的默认大小对于我的使用来说太小了，我尝试使用以下CSS代码自定义高度：文本区域{ 宽度：400px；高度：150px； } html </desc> <question vote="0"> <p><pre><code><textarea></code></pre>元素的默认大小对于我的使用来说太小了，我尝试使用以下CSS代码自定义高度：</p> <pre><code>textarea { width:400px; height:150px; } </code></pre> <p>html 文本区域：</p> <pre><code><li> Body*:<br> <textarea name="body"></textarea> </li> </code></pre> <p>但这行不通。有什么解决办法吗？？</p> <p>P.S：我使用的是 Mozilla firefox。</p> </question> <answer tick="false" vote="2"> <p>效果很好。看这个<a href="http://jsfiddle.net/qhqLV/" rel="nofollow noreferrer">http://jsfiddle.net/qhqLV/</a></p> <p>你的html代码</p> <pre><code><li> Body*:<br> <textarea name="body"></textarea> </li> </code></pre> <p>你的CSS</p> <pre><code>textarea { width:400px; height:150px; } </code></pre> <p>注意：调试代码并检查父元素的宽度和高度。我认为这就是问题所在。可能是文本区域在执行过程中接受任何其他样式。</p> </answer> </body></html>

Jupyter：从 Visual Studio Code 数据查看器生成数据帧代码创建？

我在 Visual Studio Code 中使用 Jupyter 笔记本。在分析大型数据集的多个步骤之后，我创建了一个简短的摘要数据框，列出了独特的数据。在 VS Code 中，使用数据查看器，我...

Swift 3 Google Map 和 MapKit API - 如果用户当前位置已更新

我试图查看用户位置何时更新。我尝试了很多不同的听众，但我似乎无法弄清楚这一点。最有效、最高效的测试方法是什么

IntelliSense 未在 Visual Studio Code 中显示 System.Collections.Generic 的选项

我在 Visual Studio Code 中遇到 IntelliSense 问题。虽然我的代码可以正确编译和运行，但我注意到 IntelliSense 没有显示 System.Collecti 中类的选项...

是否可以知道Visual Studio Code任务执行的命令？

我正在使用 VS Code 和 Java 扩展包进行 Java 编程。我可以使用“Rebuild All”按钮开始构建我的项目，或者使用“Export Jar.....

我是一个初学者，沉迷于 VS Code 尝试使用直接格式化

VS Code 直接格式化不起作用。我被告知要使用CSS。为什么我不能通过文本编辑器使用直接格式化？在学习如何使用 C 之前，我尝试在 VS Code 中使用直接格式化...

获取不可编辑、灰色但内容可选的输入元素

我有和元素，其内容在某些步骤中不应可编辑。因此，最初我向这些元素添加了一个禁用属性。元素</desc> <question vote="0"> <p>我有 <pre><code><input type="text"></code></pre> 和 <pre><code><textarea></code></pre> 元素，其内容在某些步骤中不应可编辑。</p> <p>所以，最初我为这些元素添加了 <pre><code>disabled</code></pre> 属性。这些元素变得不可编辑并且呈灰色。这个行为很好。</p> <p>但是，它们的内容应该是可选择的，而 <pre><code>disabled</code></pre> 属性避免了这种情况。所以我切换到了 <pre><code>readonly</code></pre> 属性。元素仍然不可编辑，内容可以选择，但不再是灰色的。</p> <p>因此，我正在寻找一种解决方案来包含以下元素：不可编辑、可选择和灰显。</p> <ul> <li>我可以应用一些 CSS，但我更喜欢禁用输入的本机浏览器样式。</li> <li>这些元素不是<pre><code><form></code></pre>的一部分，因此无需担心表单提交。</li> </ul> </question> <answer tick="false" vote="0"> <p>要在不使用disabled属性的情况下实现具有不可编辑、可选择和灰显元素的所需行为，您可以使用CSS和readonly属性的组合。您可以设置只读元素的样式，使其看起来像已禁用，同时保留选择其内容的能力。以下是如何实现此目标的示例：</p> <pre><code>input[readonly], textarea[readonly] { color: #777; /* Set text color to a muted color */ background-color: #eee; /* Set background color to a light grey */ cursor: not-allowed; /* Show a not-allowed cursor to indicate non editable state */ } /* Adjust the style for textareas, if needed */ textarea[readonly] { resize: none; /* Disable textarea resizing */ } </code></pre> <pre><code> <input type="text" readonly> <textarea readonly></textarea> </code></pre> </answer> </body></html>

Cassandra 列和地图的最大尺寸最佳实践

我在 Cassandra 中对一些数据进行了建模，其中行具有一些具有数百个值的 List 的列类型以及 Map，其中 UDT 类型具有大约 5 个字段，并且该映射具有 sev...

在 VS Code 中拖放文件停止工作

手动将文件拖放到新文件夹中时已停止工作。 VS Code 似乎无法找到移动后的文件。我检查了设置：输入图像描述...

如何在Windows上完全卸载VS Code？

在Windows 10上完全卸载Visual Studio Code及其扩展（包括所有配置等）的方法是什么？我尝试卸载并安装，但它记住了之前的设置...

VS 代码无法检测或运行 flutter

我正在做一个在 vs code 中使用 flutter 的项目，突然关闭后 vs code 就没有出现这个错误 flutter doctor 命令也显示没有问题。医生总结

Chakra UI 智能感知在 VS Code 中不起作用

我已经在 VS Code 中使用 Vite (v5.0.8) Javascript 模板安装了最新版本的 ChakraUI (v 2.8.2)。当我开始输入或输入“ChakraProvider”或任何其他脉轮的名称时

code-map 相关问题

最新问题