...treedemo主要文件 2.1、html页面代码 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>jstree demo</title><link rel="stylesheet" href="jstree/dist/themes/default/style.min.css" /><link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css" /> </head><body><div class="container"> <div class="row" style="height: 100px;"></div><div class="row"><div > <button class="btn btn-info" onclick="node_create()"> 新增 </button><button class="btn btn-info" onclick="node_rename()"> 编辑</button><button class="btn btn-info" onclick="node_delete()"> 删除</button></div></div><div class="row" style="height: 5px;"></div><div class="row"> <div class="col-md-3">  <div class="input-group row"> <span class="input-group-addon" id="basic-addon1"><i class="glyphicon glyphicon-screenshot"></i></span> <input type="text" class="form-control" placeholder="请输入功能名称..." id="search_ay" aria-describedby="basic-addon1"> </div>  <div id="jstree_demo_div" class="row"> </div> </div> <div lass="col-md-9"> <button class="btn btn-tab" var='json/data.json'>data.json</button>  <button class="btn btn-tab" var='json/data2.json'>data2.json</button>  <button class="btn refresh "><i class="glyphicon glyphicon-refresh"></i></button>  </div> </div> </div> <script src="jquery/jquery.min.js"></script><script src="jstree/dist/jstree.min.js"></script><script src="jstreeDemo.js?20180125"></script></body></html> 2.2、jstreeDemo.js代码 function jstree_fun(url){var $tree = $("jstree_demo_div").jstree({"core":{//'multiple': false, // 是否可以选择多个节点//"check_callback": true, // 允许拖动菜单唯一右键菜单"check_callback" : true,//设置为true,当用户修改数时,允许所有的交互和更好的控制(例如增删改)"themes" : { "stripes" : true },//主题配置对象,表示树背景是否有条带"data" : {//'url' : url,//'data' : function(node){//return { 'id' : node.id };//}"url" : url,"dataType" : "json"},"check_callback" : function(operation, node, node_parent, node_position, more){if(operation === "move_node"){var node = this.get_node(node_parent);if(node.id === ""){alert("根结点不可以删除");return false;}if(node.state.disabled){alert("禁用的不可以删除");return false;} }else if(operation === "delete_node"){var node = this.get_node(node_parent);if(node.id === ""){alert("根结点不可以删除");return false;} }return true;} },"plugins": [ //插件 "search", //允许插件搜索 // "sort", //排序插件 "state", //状态插件 "types", //类型插件 "unique", //唯一插件 "wholerow", //整行插件"contextmenu"],types:{ "default": { //设置默认的icon 图 "icon": "glyphicon glyphicon-folder-close", } } });$tree.on("open_node.jstree", function(e,data){ //监听打开事件var currentNode = data.node; data.instance.set_icon(currentNode, "glyphicon glyphicon-folder-open"); });$tree.on("close_node.jstree", function(e,data){ //监听关闭事件 var currentNode = data.node; data.instance.set_icon(currentNode, "glyphicon glyphicon-folder-close"); });$tree.on("activate_node.jstree", function(e, data){var currentNode = data.node; //获取当前节点的json .node //alert(currentNode.a_attr.id) //alert(currentNode.a_attr.href) //获取超链接的 .a_attr.href "链接" .a_attr.id ID //alert(currentNode.li_attr.href) //获取属性的 .li_attr.href "链接" .li_attr.id ID });// 创建$tree.on("create_node.jstree", function(e, data){alert("创建node节点");});// 修改$tree.on("rename_node.jstree", function(e, data){alert("修改node节点");});// 删除$tree.on("delete_node.jstree", function(e, data){alert("删除node节点");});// 查询节点名称var to = false;$("search_ay").keyup(function(){if(to){clearTimeout(to);}to = setTimeout(function(){$tree.jstree(true).search($('search_ay').val()); //开启插件查询后使用这个方法可模糊查询节点 },250);});$('.btn-tab').click(function(){ //选项事件 //alert($(this).attr("var")) $tree.jstree(true).destroy(); //可做联级 $tree = jstree_fun($(this).attr("var"));//可做联级 //alert($(this).attr("var")) }); $('.refresh').click(function(){ //刷新事件 $tree.jstree(true).refresh () }); return $tree; }function node_create(){var ref = $("jstree_demo_div").jstree(true);var sel = ref.get_selected();if(!sel.length){alert("请先选择一个节点");return;}sel = sel[0];sel = ref.create_node(sel);if(sel){ref.edit(sel); } }function node_rename(){var ref = $("jstree_demo_div").jstree(true);var sel = ref.get_selected();if(!sel.length){alert("请先选择一个节点");return;}sel = sel[0];ref.edit(sel);}function node_delete(){var ref = $("jstree_demo_div").jstree(true);var sel = ref.get_selected();if(!sel.length){alert("请先选择一个节点");return;}sel = sel[0];if(ref.get_node(sel).parent==''){alert("根节点不允许删除");return;}ref.delete_node(sel);}// 初始化操作function init(){var $tree = jstree_fun("json/data.json");}init(); 3、图片效果展示本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_27717967/article/details/79167605。该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

2023-09-08 13:23:58

转载

Scala

Scala中的类型alias：简化编程世界，提升可读性与代码维护性

...和可维护性。例如，在处理数据结构时，我们可能会遇到以下场景： scala // 原始方式 def processData(data: List[(String, Int)]) { // 处理逻辑... } // 使用类型alias后的代码 type DataPoint = (String, Int) def processData(data: List[DataPoint]) { // 处理逻辑... } 通过使用类型alias，我们为List[(String, Int)]定义了一个更具描述性的名字DataPoint，使得代码更加易于理解。嘿，你知道吗？这种命名方式超级棒，因为它能让我们在别的地方轻松复用这个类型别名。这样一来，我们的代码不仅看起来整齐划一，还特别好懂，就像是给编程世界里的小伙伴留了个小提示，告诉他们这里有个好东西可以拿来用！这样子，我们写的代码就像是一本大家都能看懂的书，多好啊！五、总结类型alias的魔力通过本文的探索，我们了解到Scala中的类型alias是一种强大且实用的功能。哎呀，这家伙可真是个编程界的魔术师啊！它就像是一位聪明的整理专家，能把乱糟糟的代码变得井井有条，看起来就像是从故事书里走出来的一样，清晰又易懂。而且，它还能帮咱们把那些老掉牙的代码给升级换代，让程序焕然一新，就像是给旧衣服缝上了时髦的新领口，既实用又好看。这玩意儿，简直就是程序员的得力助手，让写代码的日子不再枯燥无味，反而充满了乐趣和成就感呢！嘿，兄弟！在咱们实际码代码的时候，巧妙运用类型别名这招儿，能大大提升咱的编码速度，让代码看起来也清爽不少。就像是给一堆杂乱无章的工具找到了专属的收纳盒，既方便又高效。这样一来，不仅咱自己看着舒服，别人看了也觉得赏心悦目，不是嘛？记住，选择合适的别名名称至关重要，它应该能够准确反映原始类型的用途和特性，从而帮助团队成员快速理解代码意图。在Scala的世界里，类型alias是众多工具之一，它们共同构成了Scala丰富而强大的语言特性。嘿，兄弟！只要你持续动手操练和琢磨，你会发现解锁编程特性的新招式简直多得数不清。这不，你的编程技术就嗖嗖地往上窜，那可是实打实的进步！别停下脚步，继续加油，编程世界的大门正等着你去探索呢！所以，不要害怕尝试和实验，让Scala的魔力引领你在编程之路上不断前行吧！

2024-09-03 15:49:39

山涧溪流

转载文章

[转载]人人网发布啵啵: 带语音滤镜的语音社交产品

...息可知，声音经过滤镜处理之后变得非常怪异。本身声音美的用户尤其女孩子必然受不了这样的声音变化，声音不好听的用户，经过处理后，结果是更加的不堪回首。所以，从实际情况来看，大多数人都会直接发布不加滤镜的原音。另外，应用中有个设置奇特的地方在于，如果发布信息时只发布声音不附加图片，这条信息的背景会有一大片的空白，效果比较差。别说应用制作者，用户们都会觉得很有违和感，因而绝大多数用户都会添加图片。这时候，啵啵变得非常类似啪啪，虽然本身，其与啪啪就相差不大。是的，这是啪啪披着声音滤镜的外衣，事实上笔者怀疑啪啪不做声音滤镜就是有声音滤镜反而丑化声音的考虑。据了解，这是本周重组后的人人公司新的无线事业部推出的两款移动应用之一。但如果说这就是一个上市大公司在移动端发力所能做到的全部，这无疑是稍让人失望的。而且，人人网能不能不要这么马虎对待自己的产品？所谓的@啵啵官博就只在1月18日发布了一条消息，之后这个微博账号再无动静。如果按照许朝军解释啪啪名字的来源：啪=口+拍，声音加图片。那啵啵又作何解？好吧，其实人人网解释是这样的：“语音产品，所以取拟声名字，明确定位”。参考：http://www.hooxiao.com/index.php?m=content&c=index&a=show&catid=19&id=14864（2013-01-21 10:04:03）本篇文章为转载内容。原文链接：https://blog.csdn.net/prairie79/article/details/8546911。该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

2023-08-17 12:49:28

487

转载

转载文章

[转载]快来看看啊

...）、网络通信、多媒体处理等。积分商城 , 积分商城是在线社区或平台为鼓励用户参与互动和活跃度而设立的一种虚拟交易系统。在该文中，积分商城允许用户通过在论坛发帖、回复、参与活动等方式积累积分，并将积分兑换成实物礼品或虚拟服务，比如Android开发相关的教程资源、工具包等。 Socket编程 , Socket编程是网络编程的基础技术之一，它提供进程间通信的一种机制，允许运行于不同主机上的应用建立连接并通过端口发送和接收数据。在本文提到的“基于Socket的Android手机视频实时传输”中，Socket编程技术被用于构建客户端与服务器之间的稳定、双向的数据通道，实现实时音视频流的传输，这对于Android开发者而言是构建实时通讯类应用的关键技能之一。 AChartEngine , AChartEngine是一个开源的图表绘制库，专为Android移动应用设计。在Android开发过程中，开发者可以借助AChartEngine轻松创建各种类型的图表，例如折线图、柱状图、饼图等，以便更好地展示数据统计结果或者可视化信息。文章中的“Android Chart图开源库AChartEngine教程”，即提供了如何在Android应用中集成并利用AChartEngine绘制图表的具体指导。喷泉粒子系统 , 喷泉粒子系统是一种计算机图形学中模拟自然现象（如水流、火焰、烟雾等）的特效技术，在游戏中和动态壁纸等场景广泛应用。在Android开发领域，喷泉粒子系统源码指的是实现这一特效效果的程序代码，通过控制大量细微的粒子状态（位置、速度、颜色等），营造出类似喷泉喷射、水珠飞溅的视觉效果。

2023-04-15 17:53:42

321

转载

转载文章

[转载]Unity 协程探究

...发生在一帧之内，想要处理 “随时间推移进行的事务”，相比Update，使用协程来执行此类任务会更方便。协程在创建时，通常是一个 “返回值类型为 IEnumerator”、“函数体中包含 yield return 语句 ” 的函数。 yiled return 可以暂停协程的执行，并在恰当时候恢复。具体在何时恢复，由 yield 的返回值决定。启动协程，必须使用 MonoBehaviour 的 StartCoroutine 方法。停止协程，可以使用 MonoBehaviour 的 StopCoroutine 方法或 StopAllCoroutine 方法。注意：以下情况也可能使协程停止： 1)、销毁启动协程的组件（GameObject.Destory(component);） ==> 协程停止 2)、禁用启动协程的组件（component.enabled = false;）==> 协程不停止 3)、销毁启动协程的组件所在的物体（GameObject.Destory(gameobject);） ==> 协程停止 4)、隐藏启动协程的组件所在的物体（gameobject.SetActive(false);） ==> 协程停止 2、MonoBehaviour.StartCoroutine StartCoroutine 方法总是立刻返回一个 Coroutine 对象（同步返回）。无法保证协同程序按其启动顺序结束，即使他们在同一帧中完成也是如此（异步无序完成）。可以在一个协程中启动另一个协程（支持协程嵌套）。二、Unity中的 yield 语句类型 1、yield break; //打断协程运行 2、yield return null; //挂起协程，并从下一帧继续 3、yield return + “任意数字”; //挂起协程，并从下一帧继续 4、yield return + “bool值”; //挂起协程，并从下一帧继续 5、yield return + “任意字符串”; //挂起协程，并从下一帧继续 6、yield return + “普通Object”; //挂起协程，并从下一帧继续 7、yield return + “任意实现了 IEnumerator 接口的对象”。重要！（可嵌套） Unity 中，常见的、直接或间接实现了 IEnumerator 接口的类有： ------------------------------------------------------------------------------------------------ CustomYieldInstruction (abstarct) ——|> IEnumerator (interface) ------------------------------------------------------------------------------------------------ WaitUnitil (sealed) ——|> CustomYieldInstruction WaitWhile (sealed) ——|> CustomYieldInstruction WaitForSecondsRealtime (非sealed，但未发现子类) ——|> CustomYieldInstruction WWW (非sealed，但未发现子类) ——|> CustomYieldInstruction ------------------------------------------------------------------------------------------------ 随着Unity更新或在一些可选的Package中，可能有更多。。。 ------------------------------------------------------------------------------------------------ 8、yield return + “任意继承了 YieldInstruction 类 ([UsedByNativeCode]，源码C层中无具体实现) 的对象”。重要！（可嵌套） Unity 中，常见的、直接或间接继承了 YieldInstruction 类的类有： ------------------------------------------------------------------------------------------------ WaitForSeconds (sealed) ——|> YieldInstruction Coroutine (sealed) ——|> YieldInstruction (Coroutine 是 StartCoroutine方法的返回值，意味着协程中可嵌套协程) WaitForEndOfFrame (sealed) ——|> YieldInstruction WaitForFixedUpdate (sealed) ——|> YieldInstruction AsyncOperation ——|> YieldInstruction ------------------------------------------------------------------------------------------------ AssetBundleCreateRequest (非sealed，但未发现子类) ——|> AsyncOperation AssetBundleRecompressOperation (非sealed，但未发现子类) ——|> AsyncOperation AssetBundleRequest (非sealed，但未发现子类) ——|> AsyncOperation ResourceRequest (非sealed，但未发现子类) ——|> AsyncOperation UnityEngine.Networking.UnityWebRequestAsyncOperation (非sealed，但未发现子类) ——|> AsyncOperation UnityEngine.iOS.OnDemandResourcesRequest (sealed) ——|> AsyncOperation ------------------------------------------------------------------------------------------------ 随着Unity更新或在一些可选的Package中，可能有更多。。。 ------------------------------------------------------------------------------------------------ 测试验证第2、3、4、5、6条如下： using System.Collections;using UnityEngine;public class Test : MonoBehaviour{void Start(){StartCoroutine(Func1());}IEnumerator Func1(){Debug.Log("Time.frameCount: " + Time.frameCount);yield return null;Debug.Log("Time.frameCount: " + Time.frameCount);yield return 0;Debug.Log("Time.frameCount: " + Time.frameCount);yield return 1;Debug.Log("Time.frameCount: " + Time.frameCount);yield return 99; //其他整数Debug.Log("Time.frameCount: " + Time.frameCount);yield return 0.5f; //浮点数值Debug.Log("Time.frameCount: " + Time.frameCount);yield return false; //bool值Debug.Log("Time.frameCount: " + Time.frameCount);yield return "Hi NRatel!"; //字符串Debug.Log("Time.frameCount: " + Time.frameCount);yield return new Object(); //任意对象Debug.Log("Time.frameCount: " + Time.frameCount);} } 测试验证第7条如下： using System.Collections;using UnityEngine;public class Test : MonoBehaviour{void Start(){StartCoroutine(Func1());}IEnumerator Func1(){Debug.Log("Func1");yield return Func2();}IEnumerator Func2(){Debug.Log("Func2");yield return Func3();}IEnumerator Func3(){Debug.Log("Func3");yield return null;} } 三、Unity协程实现原理 1、C 的迭代器。现在已经知道：协程肯定与IEnumerator有关，因为启动协程时需要一个 IEnumerator 对象。而 IEnumerator 是C实现的迭代器模式中的枚举器（用于迭代的游标）。迭代器相关接口定义如下： namespace System.Collections{//可枚举（可迭代）对象接口public interface IEnumerable{IEnumerator GetEnumerator();}//迭代游标接口public interface IEnumerator{object Current { get; }bool MoveNext();void Reset();} } 参考 MSDN C文档中对于 IEnumerator、IEnumerable、迭代器的描述。利用 IEnumerator 对象，可以对与之关联的 IEnumerable 集合进行迭代： 1)、通过 IEnumerator 的 Current 方法，可以获取集合中位于枚举数当前位置的元素。 2)、通过 IEnumerator 的 MoveNext 方法，可以将枚举数推进到集合的下一个元素。如果 MoveNext 越过集合的末尾, 则枚举器将定位在集合中最后一个元素之后, 同时 MoveNext 返回 false。当枚举器位于此位置时, 对 MoveNext 的后续调用也将返回 false 。如果最后一次调用 MoveNext 时返回 false，则 Current 未定义（结果为null）。 3)、通过 IEnumerator 的 Reset 方法，可以将“迭代游标” 设置为其初始位置，该位置位于集合中第一个元素之前。 2、C 的 yield 关键字。 C编译器在生成IL代码时，会将一个返回值类型为 IEnumerator 的方法（其中包含一系列的 yield return 语句），构建为一个实现了 IEnumerator 接口的对象。注意，yield 是C的关键字，而非Unity定义！IEnumerator 对象也可以直接用于迭代，并非只能被Unity的 StartCoroutine 使用！ using System.Collections;using UnityEngine;public class Test : MonoBehaviour{void Start(){IEnumerator e = Func();while (e.MoveNext()){Debug.Log(e.Current);} }IEnumerator Func(){yield return 1;yield return "Hi NRatel!";yield return 3;} } 对上边C代码生成的Dll进行反编译，查看IL代码： 3、Unity 的协程。 Unity 协程是在逐帧迭代的，这点可以从 Unity 脚本生命周期中看出。可以大胆猜测一下，实现出自己的协程（功能相似，能够说明逐帧迭代的原理，不是Unity源码）： using System;using System.Collections;using System.Collections.Generic;using UnityEngine;public class Test : MonoBehaviour{private Dictionary<IEnumerator, IEnumerator> recoverDict; //key:当前迭代器 value:子迭代器完成后需要恢复的父迭代器private IEnumerator enumerator;private void Start(){//Unity自身的协程//StartCoroutine(Func1());//自己实现的协程StarMyCoroutine(Func1());}private void StarMyCoroutine(IEnumerator e){recoverDict = new Dictionary<IEnumerator, IEnumerator>();enumerator = e;recoverDict.Add(enumerator, null); //完成后不需要恢复任何迭代器}private void LateUpdate(){if (enumerator != null){DoEnumerate(enumerator);} }private void DoEnumerate(IEnumerator e){object current;if (e.MoveNext()){current = e.Current;}else{//迭代结束IEnumerator recoverE = recoverDict[e];if (recoverE != null){recoverDict.Remove(e);}//恢复至父迭代器, 若没有则会至为nullenumerator = recoverE;return;}//null，什么也不做，下一帧继续if (current == null) { return; }Type type = current.GetType();//基础类型，什么也不做，下一帧继续if (current is System.Int32) { return; }if (current is System.Boolean) { return; }if (current is System.String) { return; }//IEnumerator 类型, 等待内部嵌套的IEnumerator迭代完成再继续if (current is IEnumerator){//切换至子迭代器enumerator = current as IEnumerator;recoverDict.Add(enumerator, e);return;}//YieldInstruction 类型, 猜测也是类似IEnumerator的实现if (current is YieldInstruction){//省略实现return;} }IEnumerator Func1(){Debug.Log("Time.frameCount: " + Time.frameCount);yield return null;Debug.Log("Time.frameCount: " + Time.frameCount);yield return "Hi NRatel!";Debug.Log("Time.frameCount: " + Time.frameCount);yield return 3;Debug.Log("Time.frameCount: " + Time.frameCount);yield return new WaitUntil(() =>{return Time.frameCount == 20;});Debug.Log("Time.frameCount: " + Time.frameCount);yield return Func2();Debug.Log("Time.frameCount: " + Time.frameCount);}IEnumerator Func2(){Debug.Log("XXXXXXXXX");yield return null;Debug.Log("YYYYYYYYY");yield return Func3(); //嵌套 IEnumerator}IEnumerator Func3(){Debug.Log("AAAAAAAA");yield return null;Debug.Log("BBBBBBBB");yield return null;} } 对比结果，基本可以达成协程作用，包括 IEnumerator 嵌套。但是 Time.frameCount 的结果不同，想来实现细节必然是有差别的。四、部分Unity源码分析 1、CustomYieldInstruction 类可以继承该类，并实现自己的、需要异步等待的类。原理：当协程中 yield return “一个CustomYieldInstruction的子类”; 其实就相当于在原来的迭代器A 中，插入了一个新的迭代器B。当迭代程序进入 B ，如果 keepWaiting 为 true，MoveNext() 就总是返回 true。上面已经说过，迭代器在迭代时，MoveNext() 返回false 才标志着迭代完成！那么，B 就总是完不成，直到 keepWaiting 变为 false。这样 A 运行至 B处就处于了等待B完成的状态，相当于A挂起了。猜测 YieldInstruction 也是类似的实现。 // Unity C reference source// Copyright (c) Unity Technologies. For terms of use, see// https://unity3d.com/legal/licenses/Unity_Reference_Only_Licenseusing System.Collections;namespace UnityEngine{public abstract class CustomYieldInstruction : IEnumerator{public abstract bool keepWaiting{get;}public object Current{get{return null;} }public bool MoveNext() { return keepWaiting; } public void Reset() {} }} 2、WaitUntil 类语义为 “等待...直到满足...” 继承自 CustomYieldInstruction，需要等待时让 m_Predicate 返回 false (keepWating为true)。 // Unity C reference source// Copyright (c) Unity Technologies. For terms of use, see// https://unity3d.com/legal/licenses/Unity_Reference_Only_Licenseusing System;namespace UnityEngine{public sealed class WaitUntil : CustomYieldInstruction{Func<bool> m_Predicate;public override bool keepWaiting { get { return !m_Predicate(); } }public WaitUntil(Func<bool> predicate) { m_Predicate = predicate; } }} 3、WaitWhile 类语义为 “等待...如果满足...” 继承自 CustomYieldInstruction，需要等待时让 m_Predicate 返回 true (keepWating为true)。与 WaitUntil 的实现恰好相反。 // Unity C reference source// Copyright (c) Unity Technologies. For terms of use, see// https://unity3d.com/legal/licenses/Unity_Reference_Only_Licenseusing System;namespace UnityEngine{public sealed class WaitWhile : CustomYieldInstruction{Func<bool> m_Predicate;public override bool keepWaiting { get { return m_Predicate(); } }public WaitWhile(Func<bool> predicate) { m_Predicate = predicate; } }} 本篇文章为转载内容。原文链接：https://blog.csdn.net/NRatel/article/details/102870744。该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

2023-11-24 16:50:42

389

转载

Kotlin

Kotlin：重塑编程体验 —— 简洁性、安全性与面向对象+功能性编程的融合

...l安全性的支持，这在处理可能返回null的函数时尤为重要。哎呀，咱们在那个safeDivide函数里头啊，咱不搞那些硬核的错误处理，直接用返回null的方式，优雅地解决了分母为零的问题。这样一来，程序就不会突然蹦出个啥运行时错误，搞得人心惶惶的。这样子一来，咱们的代码不仅健健康康的，还能让人心情舒畅，多好啊！这样的设计大大提升了代码的安全性和健壮性。 4. 功能性编程与面向对象编程的结合示例代码： kotlin fun calculateSum(numbers: List): Int { return numbers.fold(0) { acc, num -> acc + num } } fun main() { println(calculateSum(listOf(1, 2, 3, 4))) // 10 } Kotlin允许你轻松地将功能性编程与传统的面向对象编程结合起来。想象一下，fold函数就像是一个超级聪明的厨师，它能将一堆食材（也就是列表中的元素）巧妙地混合在一起，做出一道美味的大餐（即列表的总和）。这种方式既简单又充满创意，就像是一场烹饪表演，让人看得津津有味。这不仅提高了代码的可读性，还使得功能组合变得更加灵活和强大。 5. Kotlin与生态系统融合 Kotlin不仅自身强大，而且与Java虚拟机(JVM)兼容，这意味着它能无缝集成到现有的Java项目中。此外，Kotlin还能直接编译为JavaScript，使得跨平台开发变得简单。这事儿对那些手握现代Kotlin大棒，却又不打算彻底扔掉旧武器的程序员们来说，简直就是个天大的利好！他们既能享受到新工具带来的便利，又能稳稳守住自己的老阵地，这不是两全其美嘛！结语通过上述例子，我们可以看到Kotlin是如何在代码的简洁性、安全性以及与现有技术生态系统的融合上提供了一种更加高效、可靠和愉悦的编程体验。从“Expected';butfound''的挣扎中解脱出来，Kotlin让我们专注于创造，而不是被繁琐的细节所困扰。哎呀，你猜怎么着？Kotlin 这个编程小能手，在 Android 开发圈可是越来越火了，还慢慢往外扩散，走进了更多程序员的日常工作中。这货简直就是个万能钥匙，不仅能帮咱们打造超赞的手机应用，还能在其他领域大展身手，简直就是编程界的超级英雄嘛！用 Kotlin 编写的代码，不仅质量高，还能让工作变得更高效，开发者们可喜欢它了！

2024-07-25 00:16:35

266

风轻云淡

转载文章

[转载]每个字符旋转随机角度的图象验证码 V2.0

...文就是在做类神经网络处理文字辨识，以你的例子而言，旋转随意角度对辨识来说并不会有太大影响，只要抓字的重心，360度旋转抓取特微值，还是可以辨识的出来。通常文字辨识的有一个重要的动作，就是要把个别文字分割，你只要把文字弄的难分割就有不错的安全性。 --------------------------------------------------- 代码比较粗糙，而且比较菜，其中遇到一个问题，未对 Graphics 填充底色，那么文字的 ClearType 效果没有了，文字毛边比较明显，不知道为什么，谁能告诉竹子？代码相对粗糙，没有考虑更多的情况，在测试过程中，以20px 字体呈现，效果感觉还不错，只是 ClearType 效果没有了。帖几张看看 ------------ ------------ ------------ ------------ 有一些随机的不好，象下面这张相关链接: 查看 V1.0 .NET 2.0 代码如下： using System; using System.Drawing; using System.Web; namespace Oran.Image { /// <summary> /// 旋转的可视验证码图象 /// </summary> public class RotatedVlidationCode { public enum RandomStringMode { /// <summary> /// 小写字母 /// </summary> LowerLetter, /// <summary> /// 大写字母 /// </summary> UpperLetter, /// <summary> /// 混合大小写字母 /// </summary> Letter, /// <summary> /// 数字 /// </summary> Digital, /// <summary> /// 混合数字与大小字母 /// </summary> Mix } public static string GenerateRandomString(int length, RandomStringMode mode) { string rndStr = string.Empty; if (length == 0) return rndStr; //以数组方式候选字符，可以更方便的剔除不要的字符，如数字 0 与字母 o char[] digitals = new char[10] { '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' }; char[] lowerLetters = new char[26] { 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z' }; char[] upperLetters = new char[26] { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z' }; char[] letters = new char[52]{ 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z' }; char[] mix = new char[62]{ '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z' }; int[] range = new int[2] { 0, 0 }; Random random = new Random(); switch (mode) { case RandomStringMode.Digital: for (int i = 0; i < length; ++i) rndStr += digitals[random.Next(0, digitals.Length)]; break; case RandomStringMode.LowerLetter: for (int i = 0; i < length; ++i) rndStr += lowerLetters[random.Next(0, lowerLetters.Length)]; break; case RandomStringMode.UpperLetter: for (int i = 0; i < length; ++i) rndStr += upperLetters[random.Next(0, upperLetters.Length)]; break; case RandomStringMode.Letter: for (int i = 0; i < length; ++i) rndStr += letters[random.Next(0, letters.Length)]; break; default: for (int i = 0; i < length; ++i) rndStr += mix[random.Next(0, mix.Length)]; break; } return rndStr; } /// <summary> /// 显示验证码 /// </summary> /// <param name="seed">随机数辅助种子</param> /// <param name="strLen">验证码字符长度</param> /// <param name="fontSize">字体大小</param> /// <param name="mode">随机字符模式</param> /// <param name="clrFont">字体颜色</param> /// <param name="clrBg">背景颜色</param> public static void ShowValidationCode(ref int seed, int strLen, int fontSize, RandomStringMode mode, Color clrFont, Color clrBg) { int tmpSeed; unchecked { tmpSeed = (int)(seed DateTime.Now.Ticks); ++seed; } Random rnd = new Random(tmpSeed); string text = GenerateRandomString(strLen, mode); int height = fontSize 2; // 因为字体旋转后每个字体所占宽度会所有加大，所以要加一点补偿宽度 int width = fontSize text.Length + fontSize / (text.Length - 2); Bitmap bmp = new Bitmap(width, height); Graphics graphics = Graphics.FromImage(bmp); Font font = new Font("Courier New", fontSize, FontStyle.Bold); Brush brush = new SolidBrush(clrFont); Brush brushBg = new SolidBrush(clrBg); graphics.FillRectangle(brushBg, 0, 0, width, height); Bitmap tmpBmp = new Bitmap(height, height); Graphics tmpGph = null; int degree = 40; Point tmpPoint = new Point(); for (int i = 0; i < text.Length; i++) { tmpBmp = new Bitmap(height, height); tmpGph = Graphics.FromImage(tmpBmp); // tmpGph.TextRenderingHint = System.Drawing.Text.TextRenderingHint.SingleBitPerPixelGridFit; // 不填充底色，文字 ClearType 效果不见了，why?! // tmpGph.FillRectangle(brushBg, 0, 0, tmpBmp.Width, tmpBmp.Height); degree = rnd.Next(20, 51); // [20, 50]随机角度 if (rnd.Next(0, 2) == 0) { tmpPoint.X = 12; // 调整文本坐标以适应旋转后的图象 tmpPoint.Y = -6; } else { degree = ~degree + 1; // 逆时针旋转 tmpPoint.X = -10; tmpPoint.Y = 6; } tmpGph.RotateTransform(degree); tmpGph.DrawString(text[i].ToString(), font, brush, tmpPoint); graphics.DrawImage(tmpBmp, i fontSize, 0); // 拼接图象 } //输出图象 System.IO.MemoryStream memoryStream = new System.IO.MemoryStream(); bmp.Save(memoryStream, System.Drawing.Imaging.ImageFormat.Gif); HttpContext.Current.Response.Cache.SetCacheability(HttpCacheability.NoCache); HttpContext.Current.Response.ClearContent(); HttpContext.Current.Response.ContentType = "image/gif"; HttpContext.Current.Response.BinaryWrite(memoryStream.ToArray()); HttpContext.Current.Response.End(); //释放资源 font.Dispose(); brush.Dispose(); brushBg.Dispose(); tmpGph.Dispose(); tmpBmp.Dispose(); graphics.Dispose(); bmp.Dispose(); memoryStream.Dispose(); } } } 转载于:https://www.cnblogs.com/iRed/archive/2008/06/22/1227687.html 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_30600197/article/details/96672619。该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

2023-05-27 09:38:56

249

转载

Mongo

MongoDB联查中字段缺失问题排查：基于数据模型与$lookup的嵌套数组处理

...易就出问题啦！特别是处理那些涉及多个集合的操作时，你得弄明白每一步到底干了啥，不然就容易出岔子。最后，我想说的是，无论是在编程还是生活中，遇到困难并不可怕，可怕的是放弃思考。只要愿意花时间去研究和实践，总会找到解决问题的办法。希望大家都能从中受益匪浅！好了，今天的分享就到这里啦！如果你也有类似的经历或者疑问，欢迎随时留言交流哦~

2025-04-28 15:38:33

柳暗花明又一村_

JSON

JSON中多次换行怎么写？用转义字符搞定多段落文本与字符串代码实践

...符，那么该如何优雅地处理呢？是不是有点挠头？但别担心，作为一个热爱折腾的程序员，我决定带你一起探索这个问题！ --- 二、JSON的基本规则它不是魔法，但也不是障碍首先，咱们得知道JSON的基本规则。JSON是一种基于文本的数据格式，主要由键值对组成。每个键必须是字符串，并且键和值之间需要用冒号分隔。至于值嘛，它可以是字符串、数字、布尔值、数组甚至是嵌套的对象。比如这样： json { "name": "张三", "age": 25, "isStudent": false, "hobbies": ["reading", "coding"] } 看起来很简单吧？但是，当我们尝试存储一些更复杂的文本内容时，事情就没那么简单了。比如你想存一首诗，或者一封邮件，里面可能有好多换行符，那怎么办呢？ --- 三、问题来了换行符的“尴尬”存在假设你正在写一个应用程序，需要让用户输入一段多行的文字，比如他们的个人简介。哎，你说如果用户输入的内容里带换行符怎么办？难道直接一股脑儿扔进JSON里？但问题来了啊，JSON这小家伙自己也不太争气，它压根儿就不允许字符串里直接留着换行符呢！这可咋整？除非你用某种方式告诉它，“嘿，这可是真的换行哦！” 这就像是你在写信的时候，突然发现信纸不够宽，只能把一句话分成两行写。而你的朋友收到信后，还得脑补那些断开的部分重新组合起来。所以，我们得想个办法让JSON能够正确地解析这些换行符。 --- 四、解决方案转义字符登场！幸运的是，JSON提供了一种非常聪明的方式来解决这个问题——转义字符。具体来说，如果你想在JSON字符串中表示换行符，可以使用\n来代替。这里的\n是一个特殊的符号，代表一个换行操作。举个例子： json { "poem": "静夜思\n床前明月光,\n疑是地上霜。\n举头望明月,\n低头思故乡。" } 在这个例子中，我们用\n来表示每一句诗之间的换行。当你把这个JSON解析出来时，程序会自动把这些\n替换成实际的换行符，于是输出的结果就会变成：静夜思床前明月光, 疑是地上霜。举头望明月, 低头思故乡。是不是很神奇？不过，这里有一个小技巧需要注意：如果你想要表示真正的反斜杠（\），那么你需要用双反斜杠（\\）来表示。因为单个反斜杠在JSON中会被认为是一个转义符。 --- 五、更复杂的情况多段落文本当然，现实中的情况往往比一首诗复杂得多。比如说，你得把一封邮件的内容存下来，而这封邮件的正文往往是由好几段话组成的，有长有短，啥样的都有。哎呀，光靠换行符 \n 可不一定行啊，毕竟你还得让每段之间留点空白，不然读起来就像一锅粥，分不清哪是哪呀！在这种情况下，你可以继续使用\n，同时注意合理安排段落结构。例如： json { "email": "亲爱的李四：\n\n很高兴收到您的来信。以下是我的回复：\n\n第一段内容...\n第二段内容..." } 在这里，\n\n表示两个连续的换行符，从而形成了一段空行。用这种方法，就能把文章分得清清楚楚的，读起来也顺溜多了！ --- 六、代码实践从理论到实战说了这么多理论，让我们动手试试看吧！下面是一些简单的代码示例，展示如何在JavaScript中生成和解析带有换行符的JSON数据。示例1：生成JSON字符串 javascript const data = { poem: "静夜思\n床前明月光,\n疑是地上霜。\n举头望明月,\n低头思故乡。", email: "亲爱的李四：\n\n很高兴收到您的来信。以下是我的回复：\n\n第一段内容...\n第二段内容..." }; // 将对象转换为JSON字符串 const jsonString = JSON.stringify(data); console.log(jsonString); 运行这段代码后，你会看到类似这样的输出： json {"poem":"静夜思\\n床前明月光,\\n疑是地上霜。\\n举头望明月,\\n低头思故乡。","email":"亲爱的李四：\\n\\n很高兴收到您的来信。以下是我的回复：\\n\\n第一段内容...\\n第二段内容..."} 可以看到，在生成的JSON字符串中，所有的\n都被转义成了\\n。示例2：解析JSON字符串 javascript const jsonString = '{"poem":"静夜思\\n床前明月光,\\n疑是地上霜。\\n举头望明月,\\n低头思故乡。","email":"亲爱的李四：\\n\\n很高兴收到您的来信。以下是我的回复：\\n\\n第一段内容...\\n第二段内容..."}'; // 将JSON字符串解析回对象 const parsedData = JSON.parse(jsonString); console.log(parsedData.poem); console.log(parsedData.email); 运行这段代码后，你会看到如下输出：静夜思床前明月光, 疑是地上霜。举头望明月, 低头思故乡。亲爱的李四：很高兴收到您的来信。以下是我的回复：第一段内容... 第二段内容... 瞧！我们的换行符终于生效啦！ --- 七、总结与反思好了，今天的分享就到这里啦！通过这篇文章，我们不仅了解了如何在JSON中处理多次换行的内容，还学习了一些实用的小技巧。虽然JSON看似简单，但它背后隐藏着很多有趣的细节。希望这些知识能帮助你在未来的编程旅程中更加游刃有余。最后，我想说的是，编程不仅仅是冷冰冰的技术活儿，它也是一种艺术形式。每一次解决问题的过程，都充满了挑战和乐趣。所以，不管遇到什么困难，都别轻易放弃，试着去思考、去尝试，说不定下一个突破就在前方等着你呢！祝大家 coding愉快！ 😊

2025-04-02 15:38:06

时光倒流_

转载文章

[转载]一份关于机器学习中线性代数学习资源的汇总

...数据结构，用于表示和处理多元线性方程组、向量空间中的线性变换以及机器学习中的数据集（如特征向量）。在机器学习中，输入数据通常被组织成矩阵形式，以便进行计算和模型训练。线性代数分解 , 在本文上下文中，线性代数分解指的是将一个矩阵分解为多个简单矩阵的乘积，这些分解有助于理解和解决复杂的线性问题。例如，LU分解、QR分解、奇异值分解（SVD）和特征值分解等都是常用的矩阵分解方法，在机器学习算法中扮演着重要角色，如PCA降维、低秩近似、推荐系统构建等场景。 Numpy , Numpy（Numerical Python）是一个开源的Python库，专为数值计算而设计，提供了强大的多维数组对象（类似于矩阵）和各种高级数学函数库。对于机器学习从业者来说，Numpy是实现高效数组操作、执行线性代数运算的核心工具之一，与Scipy、Pandas等库共同构成了Python科学计算的基础生态环境。 Scipy , Scipy（Scientific Python）是一个基于Python的开源科学计算库，包含了许多用于数值计算、优化、插值、积分、统计、信号处理等领域的子模块。在本文中提及的Scipy线性代数部分，它提供了一系列高效的线性代数算法实现，可以作为Numpy的补充，帮助机器学习从业者更好地处理大规模线性代数问题。

2023-11-14 09:21:43

326

转载

Material UI

基于Material UI的ChipGroup组件单选/多选模式实现动态数据与自定义Chip的用户体验优化

...个函数，你可以在这里处理业务逻辑。 - variant: 可以设置Chip的样式，比如“filled”（填充型）或者“outlined”（边框型），具体看你喜欢哪种风格。 - color: 设置Chip的颜色，比如“primary”、“secondary”之类的，挺简单的。让我举个例子吧，比如你想做一个音乐类型的筛选器，代码可以这样写： jsx import React from 'react'; import { Chip, ChipGroup } from '@mui/material'; export default function MusicTypeFilter() { const [selectedTypes, setSelectedTypes] = React.useState([]); const handleTypeChange = (event, newValues) => { setSelectedTypes(newValues); console.log('Selected types:', newValues); }; return ( value={selectedTypes} onChange={handleTypeChange} variant="outlined" color="primary" aria-label="music type filter" > ); } 这段代码创建了一个音乐类型筛选器，用户可以选择多个类型。每次选择后，handleTypeChange函数会被调用，并且打印出当前选中的类型。是不是超简单？ --- 3. 单选模式 vs 多选模式说到ChipGroup，肯定要提到它的两种模式——单选模式和多选模式。这就跟点菜一样啊！单选模式就像你只能从菜单上挑一道菜，不能多点；多选模式呢，就好比你想吃啥就点啥，爱点几个点几个，随便你开心！这听起来很基础对吧？但其实这里面有很多细节需要注意。比如说，如果你用的是单选模式，那么每次点击一个新的Chip时，其他所有Chip的状态都会自动取消掉。这是Material UI默认的行为，但有时候你可能不想要这种效果。比如你做的是一个问卷调查，用户可以选择“非常同意”、“同意”、“中立”等选项，但你希望他们能同时勾选多个答案怎么办呢？解决办法也很简单，只需要给ChipGroup设置multiple属性为true就行啦！比如下面这段代码： jsx multiple value={['同意', '中立']} onChange={(event, newValues) => { console.log('Selected values:', newValues); } } > 在这个例子中，用户可以同时选择“同意”和“中立”，而不是只能选一个。是不是感觉特别灵活？ --- 4. ChipGroup的高级玩法最后，咱们来说点更酷的东西！你知道吗，ChipGroup其实还有很多隐藏技能，只要你稍微动点脑筋，就能让它变得更强大。比如说，你想让某些Chip一开始就被选中，该怎么办？很简单，只要在初始化的时候把它们的值放到value属性里就行啦！比如： jsx const [selectedTypes, setSelectedTypes] = React.useState(['摇滚', '流行']); 再比如，你想给某个Chip加上特殊的图标或者颜色，也可以通过自定义Chip来实现。比如： jsx label="摇滚" icon={} color="error" /> 还有哦，有时候你可能会遇到一些动态数据，比如从后台获取的一组选项。这种情况下，你可以用循环来生成ChipGroup的内容，代码如下： jsx const musicTypes = ['摇滚', '爵士', '流行', '古典']; return ( value={selectedTypes} onChange={handleTypeChange} > {musicTypes.map((type) => ( ))} ); 看到没？是不是特别方便？这种灵活性真的让人爱不释手！ --- 5. 总结与反思好了，到这里咱们就差不多聊完了ChipGroup的所有知识点啦！其实吧，我觉得这个组件真的挺实用的，无论是做前端还是后端，都能帮我们省去很多麻烦事。对啊，刚开始接触的时候确实会有点迷糊，感觉云里雾里的。不过别担心，多试着上手操作个几次，慢慢你就明白了，其实一点都不难！话说回来，我觉得学习任何技术都得抱着一种探索的心态，不能死记硬背。嘿嘿，说到ChipGroup，我当初也是被它折腾了好一阵子呢！各种属性啊、方法啊，全都得自己动手试一遍，慢慢摸索才知道咋用。就像吃 unfamiliar 的菜一样，一开始啥都不懂，只能一个劲儿地尝，最后才找到门道！所以说啊，大家要是用的时候碰到啥难题，别急着抓头发，先去瞅瞅官方文档呗，说不定就有答案了。实在不行，就自己动手试试，有时候动手一做，豁然开朗的感觉就来了！总之呢，希望大家都能用好这个组件，把它变成自己的得力助手！如果有啥疑问或者更好的玩法，欢迎随时交流哦~ 😊

2025-05-09 16:08:24

月下独酌

Redis

Redis数据结构高效操作指南：解锁内存世界奥秘

...录。列表的特性使其在处理序列化数据或消息队列时非常有用。代码示例： bash 向列表尾部添加元素 redis-cli rpush messages "Hello" redis-cli rpush messages "World" 从列表头部弹出元素 redis-cli lpop messages 查看列表中的元素 redis-cli lrange messages 0 -1 移除列表中的指定元素 redis-cli lrem messages "World" 1 思考过程：列表的动态性质使得它们成为处理实时数据流的理想选择。比如说，在咱们常用的聊天软件里头，新来的消息就像新鲜出炉的面包一样，被放到了面包篮的最底下，而那些老掉牙的消息就给挤到一边去了，这样做的目的就是为了保证咱们聊天界面能一直保持最新鲜、最实时的状态。就像是在超市里，你每次买完东西，最前面的架子上总是最新的商品，那些旧货就被推到后面去一样。 4. 集合（Sets）集合是无序、不重复的元素集合，适合用于存储唯一项或进行元素计数。Redis的集合操作既高效又安全，是实现去重、投票系统或用户兴趣聚合的理想选择。代码示例： bash 向集合添加元素 redis-cli sadd users alice bob charlie 检查元素是否在集合中 redis-cli sismember users alice 移除集合中的元素 redis-cli srem users bob 计算集合的大小 redis-cli scard users 思考过程：集合的唯一性保证了数据的纯净度，同时其高效的操作速度使其成为处理大量用户交互数据的首选。在投票系统中，用户的选择会被自动去重，确保了统计的准确性。结语 Redis提供的这些数据结构，无论是单独使用还是结合使用，都能极大地提升应用的性能和灵活性。通过上述代码示例和思考过程的展示，我们可以看到，Redis不仅仅是一个简单的键值存储系统，而是内存世界中的一把万能钥匙，帮助我们解决各种复杂问题。哎呀，不管你是想捣鼓个能秒回消息的聊天软件，还是想要打造个能精准推荐的神器，亦或是设计一套复杂到让人头大的分布式计算平台，Redis这货简直就是你的秘密武器啊！它就像个全能的魔法师，能搞定各种棘手的问题，让你在编程的路上顺风顺水，轻松应对各种挑战。在未来的开发旅程中，掌握这些数据结构的使用技巧，将使你能够更加游刃有余地应对各种挑战。

2024-08-20 16:11:43

百转千回

Superset

Superset：开源数据可视化工具的数据源连接与交互式仪表板创建

...和提高缓存效率，使得处理大规模数据变得更加流畅。此外，新版本还增加了对更多第三方插件的支持，使得用户可以根据自己的需求扩展功能。值得注意的是，Superset 3.0版本引入了一种全新的数据探索模式，名为“智能探索”，这一功能利用了先进的机器学习算法，能够自动识别数据中的关键特征和模式，帮助用户更快地理解数据。这种智能化的探索模式对于那些需要处理大量复杂数据的用户来说，无疑是一个巨大的福音。除此之外，新版本还加强了安全性，引入了更多的权限控制选项，确保敏感数据的安全。这对于企业用户来说尤为重要，因为他们需要严格控制谁可以访问哪些数据。最近，一家知名科技公司宣布将Superset集成到他们的内部数据平台中，用于日常的数据分析和报告生成。该公司表示，通过使用Superset，他们能够在短时间内生成高质量的数据可视化报告，极大地提高了工作效率。总之，Superset的最新版本不仅在技术层面进行了重大升级，也得到了实际应用中的广泛认可。对于那些正在寻找强大且灵活的数据可视化解决方案的企业和个人而言，Superset无疑是一个值得考虑的选择。随着社区的持续发展和技术的进步，Superset在未来将会变得更加完善和强大。

2024-12-15 16:30:11

红尘漫步

转载文章

[转载]PPC手机（WM5）Wifi和GPRS同时使用设置指南

...到网络费用节省和安全策略的实施。

2023-02-23 17:26:09

转载

转载文章

[转载]websocket服务器无响应,WebSocket服务器因某些原因无法正常工作(WebSocket server not working for some reasons)...

...错任何事。关于如何处理Connection标头，Tyrus过于严格，没有遵循WebSocket规范( RFC-6455 )。 RFC 4.1中的RFC规定： 6. The request MUST contain a |Connection| header field whose value MUST include the "Upgrade" tok ... 说实话，我不能100％确定地说这是什么，但我有一个非常强烈的怀疑。我的代码中包含了太多的命名空间，我相信在编译器等实际运行时会出现一些混乱。显然，Microsoft.Web.Websockets和SignalR的命名空间都包含WebSocketHandler。虽然我不知道SignalR的所有细节，但看起来THAT命名空间中的WebSocketHandler并不意味着在SignalR之外使用。我相信这个类正在被引用，而不是Microsoft.Web.Websockets中的那个，因为它现在起 ... 您应该使用websocket处理程序，而不是请求处理程序，尝试使用此示例 You should use the websocket handler, not the request handler, try with this example 本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_34862561/article/details/119512220。该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

2023-03-19 12:00:21

转载

Go Gin

Gin路由分组+Group+动态前缀+嵌套分组提升代码可维护性

...口。这种方式特别适合处理权限控制问题，避免了重复编写相同逻辑的麻烦。 --- 5. 总结拥抱清晰的代码兄弟们，路由分组真的是一项非常实用的技术。它不仅能让我们的代码更加整洁，还能大大提升开发效率。试想一下，如果你接手一个没有任何分组的项目，面对成千上万行杂乱无章的代码，你会不会崩溃？所以啊，从今天开始，不管你的项目多大，都要养成使用 Group 的好习惯。不管你是弄个小玩意儿，还是搞那种复杂得让人头大的微服务架构，只要分组分得好，就能省不少劲儿，效率蹭蹭往上涨！记住，代码不仅仅是给机器看的，更是给人看的。清晰的代码，就是对同行最大的尊重！最后，希望这篇文章能帮到你们。如果你们还有什么疑问或者更好的实践方法，欢迎留言交流哦！一起进步，一起成长！

2025-04-10 16:19:55

青春印记

Gradle

React Native模拟器无响应：Gradle版本兼容性、环境变量及缓存问题排查

...整出一个安卓的APK文件或者iOS的IPA文件，方便你直接装到手机上用。如果你的Gradle配置有问题，那么App就无法成功安装到模拟器上。 2.2 问题可能在哪里？现在，让我们回到那个让你抓狂的问题——为什么App装不上？以下是一些常见的原因： 2.2.1 Gradle版本不匹配有时候，你的React Native版本和Gradle版本可能不兼容。比如说啊，React Native从0.60版本开始搞了个自动链接的功能，挺方便的。但你要注意啦，如果你用的Gradle版本太老了，那可能就会出问题，一些依赖项就装不全或者装不好，最后各种报错啥的，真是让人头大。嘿，之前我也碰上过这么个事儿！那时候我的 React Native 版本已经升到 0.63 了，结果 Gradle 还是老版本，就跟手机升级了系统，但壳子还是原来的那个一样，看着就别扭啊！解决方法很简单，只需要升级Gradle到最新版本即可。代码示例： gradle // build.gradle 文件中的配置 buildscript { repositories { google() jcenter() } dependencies { classpath 'com.android.tools.build:gradle:4.2.0' // 升级到最新版本 } } 2.2.2 环境变量未配置另一个常见的问题是环境变量没有正确配置。Gradle需要知道一些关键路径，比如Android SDK的位置。要是你忘了配这些路径，Gradle 就像没找到钥匙一样，干着急也使不上劲，最后只能眼睁睁看着构建任务挂掉。代码示例： bash 设置环境变量 export ANDROID_HOME=/path/to/your/android/sdk export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools 2.2.3 缓存问题 Gradle有一个缓存机制，有时候这个缓存可能会出问题。比如说啊，有个依赖包老是下不下来，Gradle就一直在那儿较真儿，不停地重试，就跟个倔强的小孩似的，怎么劝都不停，最后还是没搞掂。这时，你可以尝试清理缓存并重新构建项目。代码示例： bash 清理Gradle缓存 cd android ./gradlew clean --- 3. 解决方案动手实践的快乐 3.1 第一步：检查Gradle版本既然Gradle版本可能是罪魁祸首，我们首先要检查一下它的版本是否符合要求。打开android/build.gradle文件，找到classpath部分，确保它指向的是最新的Gradle版本。代码示例： gradle dependencies { classpath 'com.android.tools.build:gradle:7.0.2' // 使用最新版本 } 如果版本过低，可以直接升级到最新版本。升级后，记得同步项目并重新构建。 3.2 第二步：配置环境变量接下来，检查你的环境变量是否配置正确。尤其是Android SDK的路径，必须指向真实的SDK目录。如果你不确定路径，可以去Android Studio中查看。代码示例： bash 配置环境变量 export ANDROID_HOME=/Users/username/Library/Android/sdk export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools 配置完成后，重启终端并运行项目，看看问题是否解决了。 3.3 第三步：清理缓存如果前面两步都没有解决问题，可能是Gradle缓存出了问题。这时候，我们需要手动清理缓存。代码示例： bash 进入Android目录并清理缓存 cd android ./gradlew clean 清理完成后，重新运行项目，看看是否能正常安装App。 --- 4. 总结与反思成长的足迹通过这次经历，我深刻体会到，React Native开发不仅仅是写代码那么简单，还需要对Gradle有深入的理解。Gradle虽然强大，但也非常复杂，稍有不慎就会出问题。不过，只要我们保持耐心，一步步排查问题，总能找到解决方案。最后，我想说的是，开发过程中遇到问题并不可怕，可怕的是失去信心。每一次解决问题的过程，都是我们成长的机会。希望能帮到你，让你在碰到这些问题的时候，别再绕那么多弯子了，赶紧找到症结，把事情搞定！如果你还有其他疑问，欢迎随时交流！让我们一起在React Native的世界里探索更多可能性吧！

2025-04-15 16:14:29

青山绿水_

转载文章

[转载]Android 曝光采集（商品view曝光量的统计）

...anager需要特殊处理，通过findFirstVisibleItemPositions和findLastVisibleItemPositions方法获取当前屏幕上所有span内的首尾可见item位置，再进一步确定并遍历整个屏幕内可见的所有子view进行曝光统计。

2023-07-29 13:55:00

322

转载

c++

用C++玩转编程：类、对象、函数构建小型项目

...开源库，涵盖了从图形处理到网络通信等多个领域，极大地降低了开发者的学习门槛和技术壁垒。此外，随着元宇宙概念的兴起，虚拟现实(VR)和增强现实(AR)技术正逐渐成为新的热点。一些高校和研究机构正在积极开展相关领域的研究，试图解决硬件性能瓶颈及用户体验等问题。例如，某大学实验室开发了一套基于SLAM技术的室内导航系统，能够在复杂环境中实现高精度定位，为未来的智能城市建设奠定了基础。值得注意的是，在全球范围内，各国政府都在加大对科技创新的支持力度。美国出台了多项鼓励高科技产业发展的政策，而欧盟则推出了《数字服务法案》，旨在规范互联网平台的行为，保护用户隐私权。这些举措无疑将进一步推动全球科技生态的发展，为程序员们创造更多机会。综上所述，无论是技术创新还是政策支持，都表明当前正处于一个充满机遇的时代。对于程序员而言，保持对新技术的关注，并不断提升自身技能，将是适应未来挑战的关键所在。

2025-03-25 15:39:59

幽谷听泉_

转载文章

[转载]amCharts 5.2.31 Crack

...入更先进的动态数据流处理机制，使得大规模实时数据能够得到即时、流畅的可视化展现，尤其适用于金融交易、物联网监控等对时效性要求极高的场景。同时，针对日益增长的无障碍需求，amCharts 5也将改进图表元素的可访问性设计，确保视障用户通过辅助技术也能准确理解数据信息。此外，amCharts团队正积极与各大开源社区合作，持续丰富地图库资源，并计划将更多开源地理空间数据项目纳入支持范围，让用户能更加便捷地创建符合特定业务需求的地图图表。通过这些升级，amCharts 5旨在巩固其作为行业领先的数据可视化工具的地位，赋能各行业用户高效、精准地洞察并传达复杂数据背后的价值。

2023-09-17 18:18:34

351

转载

转载文章

[转载]【金猿技术展】SSNG多源数据处理技术——运营商手机信令处理系统及平台

...发的SSNG多源数据处理平台，是完全自研的新一代面向行为集成的位置数据处理系统。平台沉淀海量信令处理过程中的长期经验，着力解决影响数据输出质量的核心堵点，可兼容类似信令的多种LBS数据源接入并实现自动化、标准化输出数据结果。技术说明 SSNG多源数据处理平台技术创新部分包括：行为矩阵：将离散的驻留信息，转化为用户的时空矩阵，通过机器学习模式识别，提取出用户的LBS行为特征。行为集成：将用户的行为矩阵，结合搜集沉淀的土地利用&地物POI数据，为用户的驻留、出行信息赋予具体的目的，便于后续的场景化分析。人车匹配：结合车联网LBS数据，将轨迹重合度高的“人-车”用户对，通过轨迹伴随算法识别出来，可用于判断用户的车辆保有情况。路径拟合：解决信令数据定位不连续和受限基站布设密度等问题，引入路网拓扑数据，将用户出行链还原至真实道路上，并确定流向及关键转折点，以便于判断出行方式。出行洞察：利用信令数据、基站数据，匹配地铁网络、高铁网络，通过机器学习算法，判定用户出行时使用的出行方式。基于SSNG多源数据处理平台，可实现的技术突破包括： 1）全国长时序人口流动监测技术针对运营商信令数据以及spark分布式计算平台的特点，独创了处理运营商信令数据的双层计算框架，填补了分布式机器学习方法处理运营商信令数据的空白，实现了大规模高效治理运营商大数据的愿景；研发了人口流动与现代大数据技术相结合的宏观监测仿真模型。基于以上技术构建了就业、交通、疫情、春运等一系列场景模型，并开发了响应决策平台，实现了对我国人口就业、流动及疫情影响的全域实时监测。 2）全国长时序人口流动预测技术即人口流动的大尺度OD预测技术，研发了人口跨区域流动OD预测模型，解决了信令大数据在量化模拟大尺度人口流动中的技术难题，形成了对全国人口流动在日、周、月不同时间段和社区、乡镇、县市不同地理尺度进行预测的先进技术，实现了2020年新冠疫情后全国返城返岗和2021年全国春节期间人口流动的高精度预测。 3）实时人口监测实时人口监测是通过对用户手机信令进行实时处理、计算和分析，得出指定区域的实时人口数量、特征和迁徙情况。包括区域人口密度、人口数量、人口结构、人口来源、人口画像、人口迁徙、职住分析、人口预测等信息。 4）超强数据处理及AI能力引入Bitmap大数据处理算法及Pilosa数据库集群，采用实时流式计算，集成Kafka、redis、RabbitMQ等分布式大数据处理组件，搭建自有信令大数据处理平台，使用百亿计算go-kite架构，实现毫秒级响应，实时批量处理数据达500000条 /秒，每天可处理1000亿条数据。集成AI分析能力（A/B轨），有效避免了运营商数据采集及传输过程中的时延及中断情况，大幅提高数据结果的实时性。已获专利情况：专利名称专利号出行统计方法、装置、计算机设备和可读存储介质 ZL 2020 1 0908424.3 信令数据匹配方法、装置及电子设备 ZL 2019 1 1298869.8 轨道交通用户识别方法和装置 ZL 2019 1 0755903.3 公共聚集事件识别方法、装置、计算机设备及存储介质 ZL 2020 1 1191917.6 广域高铁基站识别方法、装置、服务器及存储介质 ZL 2020 1 1325543.2 相关荣誉： 2021地理信息科技进步奖一等奖、中国测绘学会科技进步奖特等奖、2021数博会领先科技成果奖、兼容系统创新应用大赛大数据专项赛优秀奖。开发团队 ·带队负责人：陶周天公司CTO，北京大学理学学士。长期任职于微软等世界500强企业，曾任上市公司优炫软件VP，具备丰富的IT架构、数据安全、数据分析建模、机器学习、项目管理经验。牵头组织突破多个技术难题（人地匹配、人车匹配、室内基站优化、行为集成AI等），研发一系列技术专利。 ·团队其他重要成员：刘祖军高级算法工程师，美国爱荷华大学计算机科学本硕，曾任职于美国俄亥俄州立大学研究院。 ·隶属机构：智慧足迹智慧足迹数据科技有限公司是中国联通控股，京东科技参股的专业大数据及智能科技公司。公司依托中国联通卓越的数据资源和5G能力，京东科技强大的人工智能、物联网等技术和“产业X科技”能力，聚焦“人口+”大数据，连接人-物-企，成为全域数据智能科技领先服务商。公司以P·A·Dt为核心能力，面向数字政府、智慧城市、企业数字化转型广大市场主体，专注经济治理、社会治理和企业数字化服务，构建“人口+”七大多源数据主题库，提供“人口+” 就业、经济、消费、民生、城市、企业等大数据产品平台，服务支撑国家治理现代化和国家战略，推动经济社会发展。目前，公司已服务国家二十多个部委及众多省市政府、300+城市规划、知名企业和高校等智库、国有及股份制银行等数百家头部客户，已建成全球最强大的手机信令处理平台，是中国就业、城规、统计等领域大数据领先服务商。相关评价新一代SSNG多源大数据处理平台，提升了手机信令数据在空间数据计算的精度，信令处理结果对室内场景更具敏锐性，在区域范围的职住人群空间分布更加接近实际情况。 ——某央企大数据部技术负责人新一代SSNG多源大数据处理平台，可处理实时及历史信令数据，应对不同客户应用场景。并且根据长时间序列历史数据实现人口预测，为提高数据精度可对接室内基站数据，从而提供更加准确的人员定位。 ——某企业政府事业部总监提示：了解更多相关内容，点击文末左下角“阅读原文”链接可直达该机构官网。《2021企业数智化转型升级服务全景图/产业图谱1.0版》《2021中国数据智能产业图谱3.0升级版》《2021中国企业数智化转型升级发展研究报告》《2021中国数据智能产业发展研究报告》 ❷ 创新服务企业榜 ❸ 创新服务产品榜 ❸ 最具投资价值榜 ❺ 创新技术突破榜 ☆条漫:《看过大佬们发的朋友圈之后，我相信：明天会更好！》联系数据猿北京区负责人:Summer 电话：18500447861(微信) 邮箱：summer@datayuan.cn 全国区负责人:Yaphet 电话：18600591561(微信) 邮箱：yaphet@datayuan.cn 本篇文章为转载内容。原文链接：https://blog.csdn.net/YMPzUELX3AIAp7Q/article/details/122314407。该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

2023-07-01 09:57:01

343

转载

转载文章

[转载]基本标签笔记

... 提供的用来播放音频文件的。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><audio controls><source src="/statics/demosource/horse.ogg" ><source src="/statics/demosource/horse.mp3" >您的浏览器不支持 audio 元素。</audio></body></html> 3、HTML <area> 标签 <area> 标签可以在图像上划分区域，这些区域是可以点击的，并且对应不同的操作。 <!DOCTYPE html><html><head><meta charset="utf-8"><title>W3Cschool(w3cschool.cn)</title></head><body><p>点击太阳或其他行星，注意变化：</p><img src="/statics/images/course/planets.gif" width="145" height="126" alt="Planets" usemap="planetmap"><map name="planetmap"><area shape="rect" coords="0,0,82,126" target="_blank" alt="Sun" href="/statics/images/course/sun.gif"><area shape="circle" coords="90,58,3" target="_blank" alt="Mercury" href="/statics/images/course/merglobe.gif"><area shape="circle" coords="124,58,8" target="_blank" alt="Venus" href="/statics/images/course/venglobe.gif"></map></body></html> 4、HTML <select> 标签定义及使用说明 <select> 元素用来创建下拉列表。 <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><select><option value="volvo" style="display:none">Volvo</option><option value="saab">Saab</option><option value="opel">Opel</option><option value="audi">Audi</option></select></body></html> 5、HTML <style> 标签 <style> 标签包含了 HTML 文档的样式详细，在默认情况下，在该元素内写入的样式指令将被认为是CSS。 <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title><style type="text/css">h1 {color:red;}p {color:blue;}</style></head><body><h1>这是一个标题</h1><p>这是一个段落。</p></body></html> 7、HTML <sub> 标签包含在 <sub> 标签和其结束标签 </sub> 中的内容会以正常内容的一半的高度显示在下方，而且通常较小，请参见下述例子： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> </head><body><p>这个文本包含 <sub>下标</sub>文本。</p><p>这个文本包含 <sup>上标</sup> 文本。</p></body></html> 8、HTML <summary> 标签 <summary> 标签元素作为一个<datails>元素的标题，该标题可以包含详细的信息，但是默认情况下不显示，需要单击才能显示详细信息，请参考下述示 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><details><summary>Copyright 1999-2011.</summary><p> - by Refsnes Data. All Rights Reserved.</p><p>All content and graphics on this web site are the property of the company Refsnes Data.</p></details><p><b>注意：</b>目前只有 Chrome 和 Safari 6 支持 summary 标签。</p></body></html> 9、HTML <table> 标签 <table> 标签用来定义 HTML 表格，一个简单的 HTML 表格应该包括两行两列，如下述示例所示： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> </head><body><table border="1"><tr><th>Month</th><th>Savings</th></tr><tr><td>January</td><td>$100</td></tr><tr><td>February</td><td>$80</td></tr></table></body></html> 10、HTML <textarea> 标签 <textarea> 标签表示多行纯文本编辑控件，用户可在其文本区域中写入文本，请参考下述示例： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool 在线教程(w3cschool.cn)</title> </head><body><textarea rows="10" cols="30">我是一个文本框。</textarea></body></html> 11、HTML <tt> 标签 - HTML5 不支持 <tt> 标签用来改变字体样式，使标签中的文本显示为打字机文本，请参考下述例子： <!DOCTYPE html><html><body><p>This text is normal.</p><p><tt>This text is teletype text.</tt></p></body></html> 12、HTML <u> 标签 <u> 标签可以用来对标签内的文本实现下划线样式，请参考下述示例： <!DOCTYPE html><html><body><p>This is a <u>parragraph</u>.</p></body></html> 13、HTML <ul> 标签 <ul> 标签表示HTML页面中项目的无序列表，一般会以项目符号列表呈现，请参考下述例子： <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><h4>无序列表:</h4><ul><li>咖啡</li><li>茶</li><li>牛奶</li></ul></body></html> 14、HTML <video> 标签 <video> 标签可以将视频内容嵌入到HTML文档中，请参考下述示例： <!DOCTYPE html><html><body><video width="320" height="240" controls><source src="/statics/demosource/movie.mp4" type="video/mp4"><source src="/statics/demosource/movie.ogg" type="video/ogg">您的浏览器不支持 HTML5 video 标签。</video></body></html> 15、HTML <ol> 标签 <ol> 标签在 HTML 中表示有序列表，是 ordered lists 的缩写。您可以自定义有序列表的初始序号，请参考下面的实例： <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><ol><li>咖啡</li><li>茶</li><li>牛奶</li></ol><ol start="50"><li>咖啡</li><li>茶</li><li>牛奶</li></ol></body></html> 16、HTML <noframes> 标签HTML5不支持该标签 <noframes> 标签用于支持不支持 <frame> 元素的浏览器，请参考下面的示例： <html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><frameset cols="25%,50%,25%"><frame src="/statics/demosource/frame_a.htm"><frame src="/statics/demosource/frame_b.htm"><frame src="/statics/demosource/frame_c.htm"><noframes>抱歉，您的浏览器不支持 frame 属性！</noframes></frameset></html> 17、HTML <hr> 标签 <hr> 标签表示段落级元素之间的主题划分。例如，在下面的实例中我们对具有主题变化的内容使用了 <hr> 标签： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><h1>HTML</h1><p>HTML 是用于描述 web 页面的一种语言。</p><hr><h1>CSS</h1><p>CSS 定义如何显示 HTML 元素。</p></body></html> 18、HTML <h1> - <h6> 标签 <h1> - <h6> 标签用来定义 HTML 标题，表示了 HTML 网页中六个级别的标题。您可以通过下面的这个实例来看看每个级别的标题有什么区别： <!DOCTYPE html><html><head><meta charset="utf-8"><title>W3Cschool(w3cschool.cn)</title></head><body><h1>这是标题1</h1><h2>这是标题2</h2><h3>这是标题 3</h3><h4>这是标题 4</h4><h5>这是标题 5</h5><h6>这是标题 6</h6></body></html> 19、HTML <center> 标签 - HTML 5 不支持 <center> 标签控制文本的居中显示，不能在 HTML5 中使用。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p>这是一些文本。</p><center>这个文本居中对齐。</center><p>这是一些文本</p></body></html> 20、HTML <button> 标签 <button> 标签用来设置 HTML 中的按钮。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><button type="button" onclick="alert('Hello world!')">Click Me!</button></body></html> 21、HTML <br> 标签 <br> 标签是空标签，可插入一个简单的换行符。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p>使用br元素<br>在文本中<br>换行。</p></body></html> 22、HTML <dt> 标签 <dt> 标签只能够作为 <dl> 标签的一个子元素出现，常常后跟一个 <dd> 标签。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><dl><dt>咖啡</dt><dd>黑色的热饮</dd><dt>牛奶</dt><dd>白色的冷饮</dd></dl></body></html> 23、HTML <fieldset> 标签 <fieldset> 标签内的一组表单元素会在 WEB 浏览器中以特殊的方式显示，比如不同样式的边界、3D效果等。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><form><fieldset><legend>个人信息:</legend>姓名: <input type="text"><br>邮箱: <input type="text"><br>生日: <input type="text"></fieldset></form></body></html> 24、HTML <embed> 标签 <embed> 标签用来定义在页面中嵌入的内容，比如插件。比如，在下面的实例中我们嵌入了一个 flash 动画： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><embed src="/statics/demosource/helloworld.swf" tppabs="http://W3Cschool.com/tags/helloworld.swf"></body></html> 25、HTML <font> 标签 - HTML5 不支持 <font> 标签的使用示例如下所示，该标签已经过时，因此我们不建议您使用该标签。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p><font size="3" color="red">这是一些文本！</font></p><p><font size="2" color="blue">这是一些文本！</font></p><p><font face="verdana" color="green">这是一些文本！</font></p></body></html> 26、HTML <label> 标签 <label> 标签是一种常见的表单控件，触发对应表单控件功能，让用户在使用表单的时候能够有更好的体验。参考下述的实例： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p>点击其中一个文本标签选中选项：</p><form action="/statics/demosource/demo-form.php"><label for="male">Male</label><input type="radio" name="sex" id="male" value="male"><br><label for="female">Female</label><input type="radio" name="sex" id="female" value="female"><br><br><input type="submit" value="提交"></form></body></html> 记录一些重要标签！本篇文章为转载内容。原文链接：https://blog.csdn.net/chehec2010/article/details/85060460。该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

2023-10-11 23:43:21

296

转载

知识学习

实践的时候请根据实际情况谨慎操作。

随机学习一条linux命令：

sudo command - 以管理员权限执行命令。