前端技术
HTML
CSS
Javascript
前端框架和UI库
VUE
ReactJS
AngularJS
JQuery
NodeJS
JSON
Element-UI
Bootstrap
Material UI
服务端和客户端
Java
Python
PHP
Golang
Scala
Kotlin
Groovy
Ruby
Lua
.net
c#
c++
后端WEB和工程框架
SpringBoot
SpringCloud
Struts2
MyBatis
Hibernate
Tornado
Beego
Go-Spring
Go Gin
Go Iris
Dubbo
HessianRPC
Maven
Gradle
数据库
MySQL
Oracle
Mongo
中间件与web容器
Redis
MemCache
Etcd
Cassandra
Kafka
RabbitMQ
RocketMQ
ActiveMQ
Nacos
Consul
Tomcat
Nginx
Netty
大数据技术
Hive
Impala
ClickHouse
DorisDB
Greenplum
PostgreSQL
HBase
Kylin
Hadoop
Apache Pig
ZooKeeper
SeaTunnel
Sqoop
Datax
Flink
Spark
Mahout
数据搜索与日志
ElasticSearch
Apache Lucene
Apache Solr
Kibana
Logstash
数据可视化与OLAP
Apache Atlas
Superset
Saiku
Tesseract
系统与容器
Linux
Shell
Docker
Kubernetes
[用户全局权限查询 ]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
转载文章
...19。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 根据jeff377 的话,竹子将这验证码改进了一下,请大家讨论看看。 -------jeff377-------------------------------------------- 我研究所的论文就是在做类神经网络处理文字辨识,以你的例子而言,旋转随意角度对辨识来说并不会有太大影响,只要抓字的重心,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
250
转载
Ruby
...的电商网站,功能包括用户管理、订单处理、支付系统等。如果所有代码都堆在一个文件里,不仅难以维护,还容易出错。模块化嘛,就好比把一大块蛋糕切成好多小块,每一块都能单独派上用场。这样一来,不仅好收拾、好分配,要是还想加点什么进去,也超级方便! 在Ruby中,模块化是一个核心概念。Ruby提供了Module类来帮助我们实现模块化设计。用模块化的方式来写代码,就像给一堆零件分类整理好一样,不仅能让整个程序看起来条理分明,还方便以后直接拿出来用,省时又省力! 示例代码: ruby module PaymentProcessor def process_payment(amount) puts "Processing payment of ${amount}" end end class Order include PaymentProcessor def initialize(total_amount) @total_amount = total_amount end def checkout process_payment(@total_amount) end end order = Order.new(100) order.checkout 在这个例子中,我们创建了一个名为PaymentProcessor的模块,其中包含一个process_payment方法。然后我们将这个模块包含到Order类中,使得Order类可以调用process_payment方法。这种模块化的设计让我们的代码更加简洁和易于理解。 2. 封装的概念及其在Ruby中的应用 接下来,我们谈谈封装。封装嘛,在面向对象编程里算个挺关键的概念。简单说就是把对象的“私密信息”藏起来,不让外面随便乱动,但可以通过专门设计的一些方法去操作它。就像给你的宝贝东西加了个小锁,别人不能直接打开看或者乱翻,不过你可以用钥匙去管理它。 为什么要进行封装呢?因为封装可以帮助我们保护数据不被外部随意修改,从而减少错误的发生。比如,在我们电商网站上,要是把用户的信用卡信息直接亮出来,那这些重要信息分分钟可能就被拿去乱用啦!通过封装,我们可以确保这些信息只能在安全的环境中被处理。 在Ruby中,我们可以通过定义私有方法和属性来实现封装。让我们来看一个具体的例子。 示例代码: ruby class User attr_reader :name def initialize(name, password) @name = name @password = password end private def password @password end def change_password(new_password) @password = new_password end end user = User.new("Alice", "secret123") puts user.name user.password 这行代码会报错,因为password是私有的 user.change_password("new_secret") 在这个例子中,我们定义了一个User类,其中包含了name和password两个属性。通过attr_reader,我们可以公开访问name属性,但是password属性是私有的,外部无法直接访问。我们需要通过change_password这样的方法来更改密码,这种方式更安全。 3. 模块化设计的实际应用案例 现在,让我们来看看模块化设计在实际项目中的应用。好啦,咱们就拿做个博客系统来说吧!想想看,这个博客要是弄好了,得能让好多人一起用,每个人都能注册账号、登进来写东西。写完的文章呢,其他小伙伴能看到,还能在底下留言评论啥的,就跟咱们平时在社交平台上互动一样热闹!我们可以将这些功能分别放在不同的模块中,以便于管理和维护。 首先,我们可以创建一个Authentication模块来处理用户的登录和登出操作。 示例代码: ruby module Authentication def login(username, password) 登录逻辑 end def logout 登出逻辑 end end class User include Authentication def initialize(username, password) @username = username @password = password end def authenticate(password) password == @password end end user = User.new("admin", "admin123") user.login("admin", "admin123") if user.authenticate("admin123") 在这个例子中,我们将Authentication模块包含到User类中,这样User类就可以使用login和logout方法了。通过这种方式,我们实现了功能的分离,使得代码结构更加清晰。 4. 总结与展望 通过这篇文章,我们探讨了Ruby中的模块化设计与封装的重要性,并通过实际的代码示例展示了如何在项目中应用这些概念。用模块化的方式来写代码,就像搭积木一样,既能让程序变得更靠谱,又能省下很多开发和后期维护的力气,简直是一举两得的好事! 未来,随着软件开发的不断发展,我相信模块化设计和封装的理念将会变得更加重要。嘿,咱们做开发的啊,就得不停地学、不停地练,把这些好习惯给用起来。为啥呢?就为了写出那种既好看又顺手的代码,谁不喜欢看着清爽、跑得飞快的程序呢? 希望这篇文章对你有所帮助!如果你有任何疑问或想法,欢迎随时交流。记住,编程不仅仅是技术的积累,更是一种艺术的创造。让我们一起享受编程的乐趣吧!
2025-03-23 16:13:26
38
繁华落尽
Beego
...开发方法论,强调基于用户需求和系统行为来描述测试场景和预期结果。在本文中,Ginkgo是一个遵循BDD原则的测试框架,它鼓励开发者通过清晰易读的语言描述测试上下文、前置条件、行为以及预期结果。在Ginkgo中,Describe、BeforeEach、It 和 By 等关键字被用来构建易于理解的行为测试用例,这有助于团队成员更好地沟通并确保对系统功能有共同的理解和一致的验收标准。
2024-02-09 10:43:01
460
落叶归根-t
转载文章
...12。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 ↑ 点击上方【计算机视觉联盟】关注我们 最经典的决策树算法有ID3、C4.5、CART,其中ID3算法是最早被提出的,它可以处理离散属性样本的分类,C4.5和CART算法则可以处理更加复杂的分类问题,本文重点介绍ID3算法。 1、决策树基本流程 决策树 (decision tree) 是一类常见的机器学习方法。它是对给定的数据集学到一个模型对新示例进行分类的过程。下图所示为一个流程图的决策树,长方形代表判断模块(decision block),椭圆形代表终止模块(terminating block),表示已经得出结论,可以终止运行。从判断模块引出的左右箭头称作分支(branch),可以达到另一个判断模块或终止模块。 决策过程是基于树结构来进行决策的。如下图,首先检查邮件域名地址,如果地址为myEmployer.com,则将其分类为“无聊时需要阅读的邮件”。否则,则检查邮件内容里是否包含单词“曲棍球”,如果包含则归类为“需要及时处理的朋友邮件”,如果不包含则归类到“无需阅读的垃圾邮件” 流程图形式的决策树 显然,决策过程的最终结论对应了我们所希望的判定结果,例如"需要阅读"或"不需要阅读”。 决策过程中提出的每个判定问题都是对某个属性的"测试",如邮件地址域名为?是否包含“曲棍球”? 每个测试的结果或是导出最终结论,或是导出进一步的判定问题,其考虑范围是在上次决策结果的限定范围之内,例如若邮件地址域名不是myEmployer.com之后再判断是否包含“曲棍球”。 一般的,决策树包含一个根节点、若干个内部节点和若干个叶节点。根节点包含样本全集;叶节点对应于决策结果,例如“无聊时需要阅读的邮件”。其他每个结点则对应于一个属性测试;每个节点包含的样本集合根据属性测试的结果被划分到子结点中。 决策树学习基本算法 显然,决策树的生成是一个递归过程.在决策树基本算法中,有三种情形会导致递归返回: (1)当前结点包含的样本全属于同一类别,无需划分; (2)当前属性集为空,或是所有样本在所有属性上取值相同,无法划分; (3)当前结点包含的样本集合为空,不能划分。 2、划分选择 决策树算法的关键是如何选择最优划分属性。一般而言,随着划分过程不断进行,我们希望决策树的分支结点所包含的样本尽可能属于同一类别,即结点的"纯度" (purity)越来越高。 (1)信息增益 信息熵 "信息熵" (information entropy)是度量样本集合纯度最常用的一种指标,定义为信息的期望。假定当前样本集合 D 中第 k 类样本所占的比例为 ,则 D 的信息熵定义为: H(D)的值越小,则D的纯度越高。信息增益 一般而言,信息增益越大,则意味着使周属性 来进行划分所获得的"纯度提升"越大。因此,我们可用信息增益来进行决策树的划分属性选择,信息增益越大,属性划分越好。 以西瓜书中表 4.1 中的西瓜数据集 2.0 为例,该数据集包含17个训练样例,用以学习一棵能预测设剖开的是不是好瓜的决策树.显然,。 在决策树学习开始时,根结点包含 D 中的所有样例,其中正例占 ,反例占 信息熵计算为: 我们要计算出当前属性集合{色泽,根蒂,敲声,纹理,脐部,触感}中每个属性的信息增益。以属性"色泽"为例,它有 3 个可能的取值: {青绿,乌黑,浅自}。若使用该属性对 D 进行划分,则可得到 3 个子集,分别记为:D1 (色泽=青绿), D2 (色泽2=乌黑), D3 (色泽=浅白)。 子集 D1 包含编号为 {1,4,6,10,13,17} 的 6 个样例,其中正例占 p1=3/6 ,反例占p2=3/6; D2 包含编号为 {2,3,7,8, 9,15} 的 6 个样例,其中正例占 p1=4/6 ,反例占p2=2/6; D3 包含编号为 {5,11,12,14,16} 的 5 个样例,其中正例占 p1=1/5 ,反例占p2=4/5; 根据信息熵公式可以计算出用“色泽”划分之后所获得的3个分支点的信息熵为: 根据信息增益公式计算出属性“色泽”的信息增益为(Ent表示信息熵): 类似的,可以计算出其他属性的信息增益: 显然,属性"纹理"的信息增益最大,于是它被选为划分属性。图 4.3 给出了基于"纹理"对根结点进行划分的结果,各分支结点所包含的样例子集显示在结点中。 然后,决策树学习算法将对每个分支结点做进一步划分。以图 4.3 中第一个分支结点( "纹理=清晰" )为例,该结点包含的样例集合 D 1 中有编号为 {1, 2, 3, 4, 5, 6, 8, 10, 15} 的 9 个样例,可用属性集合为{色泽,根蒂,敲声,脐部 ,触感}。基于 D1计算出各属性的信息增益: "根蒂"、 "脐部"、 "触感" 3 个属性均取得了最大的信息增益,可任选其中之一作为划分属性.类似的,对每个分支结点进行上述操作,最终得到的决策树如圈 4.4 所示。 3、剪枝处理 剪枝 (pruning)是决策树学习算法对付"过拟合"的主要手段。决策树剪枝的基本策略有"预剪枝" (prepruning)和"后剪枝 "(post" pruning) [Quinlan, 1993]。 预剪枝是指在决策树生成过程中,对每个结点在划分前先进行估计,若当前结点的划分不能带来决策树泛化性能提升,则停止划 分并将当前结点标记为叶结点; 后剪枝则是先从训练集生成一棵完整的决策树,然后自底向上地对非叶结点进行考察,若将该结点对应的子树替换为叶结点能带来决策树泛化性能提升,则将该子树替换为叶结点。 往期回顾 ● 带你详细了解机器视觉竞赛—ILSVRC竞赛 ● 到底什么是“机器学习”?机器学习有哪些基本概念?(简单易懂) ● 带你自学Python系列(一):变量和简单数据类型(附思维导图) ● 带你自学Python系列(二):Python列表总结-思维导图 ● 2018年度最强的30个机器学习项目! ● 斯坦福李飞飞高徒Johnson博士论文: 组成式计算机视觉智能(附195页PDF) ● 一文详解计算机视觉的广泛应用:网络压缩、视觉问答、可视化、风格迁移 本篇文章为转载内容。原文链接:https://blog.csdn.net/Sophia_11/article/details/113355312。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-08-27 21:53:08
285
转载
RabbitMQ
...题。 3. 安全性与权限管理:随着微服务的规模扩大,如何保证消息传输的安全性和权限管理的严谨性成为重要议题。通过实施严格的认证、授权机制,以及加密传输等手段,可以有效提升RabbitMQ的安全性。 4. 监控与日志管理:实时监控RabbitMQ的运行状态,包括消息队列的长度、消费者状态、延迟时间等关键指标,有助于及时发现和解决问题。同时,建立完善的日志体系,便于追踪消息流经的路径和处理过程,对于问题定位和性能优化具有重要意义。 总之,RabbitMQ在微服务架构中的应用既带来了便利,也伴随着挑战。通过持续的技术优化与管理策略的创新,可以有效克服这些问题,充分发挥RabbitMQ在构建高效、可靠、可扩展的现代应用程序中的潜力。
2024-08-01 15:44:54
180
素颜如水
转载文章
...16。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 接上一篇文章: 重学音视频?认识 MP4 视频(上) 文章的提到的资料都放在知识星球了,后续的内容更新还是以星球为主,也会放出一些干货在公众号的,现在加入星球还是优惠价,后面干货越多,涨价的可能性就越大了。 一个关于音视频领域专业问答的小圈子!! 为了方便大家的检索,我把专栏内容放在网页上了,地址如下: https://glumes.com/player_book/ 如图所示,就能访问专栏啦。 以下就是专栏的内容: 在前文介绍了 MP4 标准的缘由,现在要详细了解一下它的格式。 还是回到这张图: 重点看这里: 第十四部分(ISO/IEC 14496-14):MPEG-4(即MP4)文件格式:定义基于第十二部分的用于存储MPEG-4内容的视频文档格式。 也就是说 MP4 文件格式是定义在 MPEG-4 第 12 部分基础之上的,而第 12 部分的内容描述如下: 第十二部分(ISO/IEC 14496-12):基于ISO的媒体文件格式:定义一个存储媒体内容的文件格式。 所以,要学习 MP4 文件格式,要先了解 第 12 部分的内容,关于 MPEG-4 第 12 部分的文档,我也同步放在知识星球里面了,有需要的可以去下载。 网上关于 MP4 文件格式的文章内容,基本都可以在第 12 部分中找到,可以说它才是学习知识的源头,当做教科书来学肯定没问题。 有官方文档的情况下,会尽量根据文档来学习,而不是盲目的参考网络博客,那样得到的知识体系太零散了。 MP4 文件组成 摘录一段官方文档的内容: 关于 MP4 文件格式,参照文档说明:文件是由一系列叫做 Box 的对象组成的,所有的数据都存储在 Box 中。 官方文档中把这些由对象结构组成的文件叫做 Object-structured File ,算是一个比较广义的概念,但我们就当做 MP4 格式好了,狭义地理解一下,并且这种文件格式必须要包含 File Type 类型的 Box 。 MP4 中的 Box MP4 中的 Box 有很多类型,每个类型中的 Box 代表的含义还不相同,但他们的基础结构还是相同的,继续往下看文档: 每个 Box 是由 Header 和 Data 两部分组成的,Header 中包含了很多标识信息,而 Data 可以是纯数据也可以是其他的子 Box 。 参照文档内容,Header 中包含了 Box 的大小 Size 和类型 Type。 关于 Size 的说明,参考文档: size 字段包含了 Box 和子 Box 的大小,如果 size 为 1 ,说明实际的大小在 largesize 字段中,如果 size 为 0 ,说明这是文件最后一个 Box 了。 关于 Type 的说明,参考文档: type 字段表示该 Box 的类型,标准的 Box 类型都是用四个字母来表示的,如果是用户自定义的类型,就用 uuid 来表示。 另外,要强调一下 Box 的字节序是网络字节序,也就是大端序,关于 Box 结构的伪代码文档中也给出了: 根据伪代码再看 Box 的结构定义就一目了然了。 MP4 中的 FullBox Box 可以说是所有 Box 类型的基类,接下来要了解它的第一个子类 FullBox 。 FullBox 在 Box 的基础上多了 version 和 flags 字段。 其中 version 字段表示 Box 的版本,flags 字段是标志位。 如果 Box 遇到了无法识别的 version 或者 type 字段,就应该跳过或者忽略。 MP4 中更多的 Box MP4 中还有很多类型的 Box ,其实有些 Box 相当重要,甚至面试中还会经常问到,下面从文档中给大家摘录一下所有的 Box 类型。 这些内容在文档中都有,自行下载了,网络的一些资料可能还没有文档全面呢。 后面我们也会继续讲解这些 Box 类型的,以及使用工具来查看 Box 信息,这节就先到这里啦!!! 众所周知,开通了知识星球,邀请了一些在头条、快手等知名IT企业从事过音视频研发的朋友们做专业咨询,涉及的范围比较广,包括 Android/iOS 开发、Camera 开发、视频编辑、在线直播、WebRTC、播放器、OpenGL、C++ 等等,基本上涵盖了音视频工程领域的绝大部分内容。 关于音视频入门如何学习,学习了 FFmpeg 之后又该怎么办,跳槽选择哪个方向比较好,程序员职业软技能等等之类的问题,更是会以行业一线开发人员的角度帮你认真分析,出谋划策。 力求做到有问必答。在知识范围内,认真地对待每一个提问,不一定所有的问题都能答案,但每一个答案都是详细思考过的。 更多开发资料、博客源码、文档教程都会在星球内给出,白菜价即可加入,iOS 用户可以加我微信 ezglumes 拉你进去!!! 一个音视频领域专业问答的小圈子! 加我微信 ezglumes 拉你入技术交流群 推荐阅读: 音视频开发工作经验分享 || 视频版 OpenGL ES 学习资源分享 开通专辑 | 细数那些年写过的技术文章专辑 Android NDK 免费视频在线学习!!! 你想要的音视频开发资料库来了 推荐几个堪称教科书级别的 Android 音视频入门项目 觉得不错,点个在看呗~ 本篇文章为转载内容。原文链接:https://blog.csdn.net/zhying719/article/details/124464016。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2024-01-21 17:43:21
438
转载
Dubbo
...体性能,也显著提升了用户体验,为电商平台的快速发展提供了坚实的支撑。 结语 Dubbo微服务治理是一个持续迭代的过程,需要企业根据自身业务特点和市场需求,灵活选择和优化治理策略。通过深入理解Dubbo框架的特性和最新发展动态,结合最佳实践案例,企业可以构建出更加稳定、高效、灵活的微服务体系,满足快速变化的业务需求,实现持续的技术创新和业务增长。
2024-08-03 16:26:04
341
春暖花开
JSON
...一个应用程序,需要让用户输入一段多行的文字,比如他们的个人简介。哎,你说如果用户输入的内容里带换行符怎么办?难道直接一股脑儿扔进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
54
时光倒流_
转载文章
...54。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 摘要: 本文是一份关于机器学习中线性代数学习指南,所给出的资源涵盖维基百科网页、教材、视频等,机器学习从业者可以从中选择合适的资源进行学习。 对于机器学习而言,要学习的特征大多数是以矩阵的形式表示。线性代数是一门关于矩阵的数学,也是机器学习领域中的一个重要支柱。 对初学者来说,线性代数可能是一个富有挑战性的难点。那么通过这篇文章,你会收获如何学习与机器学习相关的线性代数内容的相关建议与帮助。 读完这篇文章,你就会了解: 可以参考维基百科上的文章和线性代数教材 可以学习或复习线性代数的大学课程和在线课程 一些关于线性代数主题讨论的问答网站 维基百科上的线性代数解释 维基百科是一个伟大的网站,所有的重要主题的描述大多都是简洁、正确的。但存在的不足就是缺少更多人性化的描述,如类比等。 然而,当你对线性代数有一些疑问时,我建议你首先不要从维基百科上面寻找答案。维基百科上面一些关于线性代数好的网页有以下几个: 线性代数 矩阵 矩阵分解 线性代数相关的主题列表 线性代数教材 强烈建议手头上有一本好的线性代数教材,并将其作为参考教材。一本好教材的好处就是书上内容的解释都应该是相一致,而缺点可以是非常昂贵的。那么如何去寻找一本好的教材呢?答案很简单,就是一些顶尖大学的本科或研究生课程所需的线性代数教材。 我建议的一些基础性的教材包括一下几本(仅供参考): Gilbert Strang,2016·第五版·线性代数概述 Sheldon Alex,2015·第三版·线性代数应该这样学 Ivan Savov,2017·没有废话的线性代数指南 此外,建议的一些更高层次的教材如下: Gene Golub 和 Charles Van Loan,2012·矩阵计算 Lloyd Trefethen 和 David Bau,1997·数值线性代数 另外推荐一些关于多元统计的好教材,这是线性代数和数值统计方法的集合。 Richard Johnson 和 Dean Wichern,2012·应用多元统计分析 Wolfgang Karl Hardle 和 Leopold Simar,2015·应用多元统计分析 也有一些在线的书籍,这些书籍可以在维基百科线性代数词条的最后一部分内容中可以看到。 线性代数大学课程 大学的线性代数课程是有用的,这使得本科生学习到他们应该掌握的线性代数内容。而作为一名机器学习实践者,大学的线性代数课程内容可能超过你所需掌握的内容,但这也能为你学习机器学习相关线性代数内容打下坚实的基础。 现在许多大学课程提供幻灯片的讲义、笔记等PDF电子版内容。有些大学甚至提供了预先录制的讲座视频,这无疑是珍贵的。 我鼓励你通过使用大学课程教材,深入学习相关课程来加深对机器学习中特定主题的理解。而不需要完全从头学到尾,这对于机器学习从业者来说太费时间了。 美国顶尖学校推荐的课程如下: Gilbert Strang·麻省理工学院·线性代数 Philip Klein·布朗大学·计算科学中的矩阵 Rachel Thomas·旧金山大学·针对编程者的线性代数计算 线性代数在线课程 与线性代数大学课程不同,在线课程作为远程教育而言显得不是那么完整,但这对于机器学习从业者而言学起来相当的快。推荐的一些在线课程如下: 可汗学院·线性代数 edX·线性代数:前沿基础 问答平台 目前网络上存在大量的问答平台,读者们可以在上面进行相关话题的讨论。以下是我推荐的一些问答平台,在这里要注意,一定要记得定期访问之前发布的问题及坛友的解答。 数学栈交换中的线性代数标记 交叉验证的线性代数标记 堆栈溢出的线性代数标记 Quora上的线性代数主题 Reddit上的数学主题 Numpy资源 如果你是用Python实现相关的机器学习项目,那么Numpy对你而言是非常有帮助的。 Numpy API文档写得很好,以下是一些参考资料,读者可以阅读它们来了解更多关于Numpy的工作原理及某些特定的功能。 Numpy参考 Numpy数组创建例程 Numpy数组操作例程 Numpy线性代数 Scipy线性代数 如果你同时也在寻找关于Numpy和Scipy更多的资源,下面有几个好的参考教材: 2017·用Python进行数据分析 2017·Elegant Scipy 2015·Numpy指南 作者信息 Jason Brownlee,机器学习专家,专注于机器学习教育 文章原标题《Top Resources for Learning Linear Algebra for Machine Learning》,作者:Jason Brownlee, 译者:海棠,审阅:袁虎。 原文链接 干货好文,请关注扫描以下二维码: 本篇文章为转载内容。原文链接:https://blog.csdn.net/yunqiinsight/article/details/79722954。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-11-14 09:21:43
327
转载
ZooKeeper
...的相关信息按照严格的全局顺序写入事务日志,以确保即使在系统崩溃或重启后也能恢复到一致的状态。 快照文件(Snapshot) , 在ZooKeeper中,快照文件是对某一时刻ZooKeeper服务器内存数据库状态的全量备份。当ZooKeeper服务器运行一段时间后,为了减少恢复时扫描事务日志的时间开销,会定期将当前内存数据库状态生成一个快照文件保存到磁盘。在后续的恢复过程中,ZooKeeper首先加载最近的快照文件,然后重放从快照时间点之后的事务日志,以此快速重建出完整的数据视图。 SSD硬盘(Solid State Drive) , SSD是一种采用闪存作为永久性存储介质的硬盘驱动器,相比于传统的机械硬盘(HDD),具有更快的数据读写速度、更低的延迟以及更高的耐用性。在解决ZooKeeper磁盘I/O性能瓶颈问题时,更换为SSD硬盘可以显著提高数据的读写效率,进而提升整个系统的性能表现。 FPGA加速 , FPGA(Field-Programmable Gate Array)是一种可编程逻辑器件,可以通过编程来实现特定的硬件加速功能。在ZooKeeper优化场景下,基于FPGA的数据同步算法可以定制化地加速数据处理过程,尤其针对频繁的I/O操作进行优化,从而在保证数据一致性的同时降低对磁盘I/O资源的需求,有效改善集群整体性能。
2023-02-19 10:34:57
128
夜色朦胧
转载文章
...70。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 采集下拉词数据 闲来无事,采集一下百度下拉数据 1 进行对应的网页分析 下拉数据属于动态的数据,鼠标点击输入框出现,划出输入框消失 所以先找到对应的数据包 就要进行抓包操作 1.1 抓包操作 发现其中的关键词,并复制 打开浏览器的开发者模式(快捷键F12)并点击这个搜索按钮 打开这个搜索按钮以后,进行粘贴操作 并且按下回车! 由图可知,只搜索到一个包,在查看这个包内容之前,应该就有90%的把握就是这个包了 点开查看(没错 就是这个包了) 小细节:Preview是渲染之后的结果 Response是写代码请求的结果 接下来我们就上代码 -- coding: UTF-8 --import jsonimport requestsfrom faker import Fakerdef get_aim(file_name):"""从文件里获取想要的关键词"""with open(file_name, mode='r', encoding='utf-8') as file:keys = file.read()return keysdef aim_letter(aim):"""获取到网页的json数据并保存到txt文件"""url = f'https://m.baidu.com/sugrec?pre=1&p=3&ie=utf-8&json=1&prod=wise&from=wise_web&sugsid=128699,138809,114177,135846,141002,138945,140853,141677,138878,137978,141200,140173,131246,132552,137743,138165,107315,138883,140259,141754,140201,138585,141650,138253,140114,136196,140325,140579,133847,140793,140066,134046,131423,137703,110085,127969,140957,141581,140593,140865,139886,138426,138941,141190,140596&net=&os=&sp=null&rm_brand=0&callback=jsonp1&wd{aim}&sugmode=2&lid=12389568409845924354&sugid=1990018821100998871&preqy=java&_=1580993331416'headers = {'User-Agent': Faker().user_agent(),'Host': 'm.baidu.com','Referer': 'https://m.baidu.com/ssid=4348023d/s?word={aim}&ts=3254538&t_kt=0&ie=utf-8&rsv_iqid=2845402975&rsv_t=daabpEKSG2wGueEO%252FnXSVz2dj3oGTk5cF1suYK9xduVIBAnyA5yo&sa=ib&rsv_pq=2845402975&rsv_sug4=5130&tj=1&inputT=2405&sugid=1990018821100998871&ss=100'}res = requests.get(url, headers=headers) 由于获取到的数据不是标准的json数据要进行字符串的删减result = json.loads(res.text.replace('jsonp1', '').strip('()')) 保存到txt文件with open(f'百度下拉词.txt', mode='a', encoding='utf-8') as file:for key in result['g']:file.write(key + '\n')def main():"""进行整合,并捕捉错误"""name = input('请输入文件的名字:')start_time = time.time()try:letter = get_aim(name).split('\n') 利用线程池加快爬取速度with concurrent.futures.ThreadPoolExecutor(max_workers=100) as executor:for l in letter:executor.submit(get_data, l)except:print('请检查文件名是否存在或者文件名是否错误!!')else: 提示用户完成并打印运行时间时间print('' 30 + f'<{name}> 百度相关词 已完成' + '' 30)finally:print(time.time() - start_time)if __name__ == '__main__':main() 在此 要感谢我的晨哥!!!哈哈 本篇文章为转载内容。原文链接:https://blog.csdn.net/Result_Sea/article/details/104201970。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-06-21 12:59:26
491
转载
Hadoop
...件系统。在NiFi的用户界面里,我们可以亲自操刀,动手新建一个数据源,而且,你可以酷炫地选择“HDFS”作为这个新数据源的小马甲,也就是它的类型啦!然后,我们需要输入HDFS的地址、用户名、密码等信息。 4. 创建数据处理流程 最后,我们可以创建一个新的数据处理流程,使Apache NiFi能够读取HDFS中的数据,并对其进行处理和转发。我们可以在NiFi的UI界面中创建新的流程节点,并将它们连接起来。例如,我们可以使用“GetFile”节点来读取HDFS中的数据,使用“TransformJSON”节点来处理数据,使用“PutFile”节点来将处理后的数据保存到其他位置。 三、Apache Beam简介 Apache Beam是一个开源的统一编程模型,它可以用于构建批处理和实时数据处理应用程序。这个东西的好处在于,你可以在各种不同的数据平台上跑同一套代码,这样一来,开发者们就能把更多的精力放在数据处理的核心逻辑上,而不是纠结于那些底层的繁琐细节啦。 四、Hadoop与Apache Beam集成 为了使Hadoop与Apache Beam进行集成,我们需要使用Apache Beam SDK,并将其添加到Hadoop集群中。具体步骤如下: 1. 安装Apache Beam SDK 我们可以从Apache Beam的官方网站下载最新的稳定版本,并按照官方提供的指导手册进行安装。在安装这玩意儿的时候,我们得先调好几个基础配置,就好比Beam的通讯端口、验证登录的方式这些小细节。 2. 将Apache Beam SDK添加到Hadoop集群中 为了让Apache Beam能够访问Hadoop集群中的数据,我们需要配置Beam的环境变量。首先,我们需要确定Hadoop集群的位置,然后在Beam的环境中添加以下参数: javascript export HADOOP_CONF_DIR=/path/to/hadoop/conf export HADOOP_HOME=/path/to/hadoop 3. 编写数据处理代码 接下来,我们可以编写数据处理代码,并使用Apache Beam SDK来运行它。以下是使用Apache Beam SDK处理HDFS中的数据的一个简单示例: java public class HadoopWordCount { public static void main(String[] args) throws Exception { Pipeline p = Pipeline.create(); String input = "gs://dataflow-samples/shakespeare/kinglear.txt"; TextIO.Read read = TextIO.read().from(input); PCollection words = p | read; PCollection> wordCounts = words.apply( MapElements.into(TypeDescriptors.KVs(TypeDescriptors.strings(), TypeDescriptors.longs())) .via((String element) -> KV.of(element, 1)) ); wordCounts.apply(Write.to("gs://my-bucket/output")); p.run(); } } 在这个示例中,我们首先创建了一个名为“p”的Pipeline对象,并指定要处理的数据源。然后,我们使用“TextIO.Read”方法从数据源中读取数据,并将其转换为PCollection类型。接下来,我们要用一个叫“KV.of”的小技巧,把每一条数据都变个身,变成一个个键值对。这个键呢,就是咱们平常说的单词,而对应的值呢,就是一个简简单单的1。就像是给每个单词贴上了一个标记“已出现,记1次”。最后,我们将处理后的数据保存到Google Cloud Storage中的指定位置。 五、结论 总的来说,Hadoop与Apache NiFi和Apache Beam的集成都是非常容易的。只需要按照上述步骤进行操作,并编写相应的数据处理代码即可。而且,你知道吗,Apache NiFi和Apache Beam都超级贴心地提供了灵活度爆棚的API接口,这就意味着我们完全可以按照自己的小心思,随心所欲定制咱们的数据处理流程,就像DIY一样自由自在!相信过不了多久,Hadoop和ETL工具的牵手合作将会在大数据处理圈儿掀起一股强劲风潮,成为大伙儿公认的关键趋势。
2023-06-17 13:12:22
583
繁华落尽-t
Etcd
...d的托管服务,为企业用户提供更加便捷的部署和管理体验。 此外,关于分布式事务管理的话题,近期有专家指出,尽管Etcd提供了强大的工具集,但在实际应用中仍需谨慎对待事务的粒度和范围。过细的事务划分可能导致性能瓶颈,而过于粗略的设计则可能引发数据不一致的风险。因此,在设计分布式事务时,需要综合考虑业务逻辑、系统规模以及硬件资源等因素,制定合理的策略。 最后,回顾历史,我们可以发现,无论是早期的ZooKeeper还是如今的Etcd,这类分布式协调服务始终伴随着分布式计算的发展而演进。正如《分布式系统设计》一书中提到的:“分布式系统的设计是一门艺术,它要求我们在灵活性与可靠性之间找到平衡。”未来,随着5G、物联网等新技术的兴起,分布式系统的复杂性将进一步增加,而像Etcd这样的工具无疑将在其中扮演越来越重要的角色。
2025-03-21 15:52:27
55
凌波微步
转载文章
...62。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 目录 1.调整桌面的图标大小 2.怎么把我的电脑放到桌面上win10 3.分屏 4.磁盘清理大法 5.hiberfil.sys&swapfile.sys 6.windows中的休眠与睡眠 7.WPS中如何不做拼写检查 8.EV视频相关方法 9.WINDOW自带剪辑方法 10.快捷键大全 11.B站上传合集 12.查看WIN电脑配置 1.调整桌面的图标大小 搜索注册表,在运行里键入regedit就可以进入了,修改计算机\HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics中的IconSpacing,IconVerticalSpacing等值可以进行调整,之后重启电脑使得修改生效即可. 2.怎么把我的电脑放到桌面上win10 引用别人的链接:win10中如何把我的电脑放到桌面上 3.分屏 分屏的方法 4.磁盘清理大法 C:\Users\HP\AppData--占的空间很大 C:\Users\HP\AppData\Roaming\Code --大 C:\Users\HP\AppData\Roaming\Code\User\workspaceStorage ---大! C:\Users\HP\AppData\Roaming\Code\User\workspaceStorage\281c5e08bf4f59f783a3aa64953fdc77\ms-vscode.cpptools ---大!! C:\Users\HP\AppData\Roaming--文件夹能删除吗 C:\Users\HP\Documents\Tencent Files D:\014-电子书\017-杂乱下载C盘\腾讯\5723\Image--腾讯聊天的图 C:\Users\HP\AppData\Local\Microsoft---6G 5.hiberfil.sys&swapfile.sys 可参考的相关hiberfi.sys和swapfile.sys的链接 今天HP1号的C盘满了,昨天还有5G的,今天只有2G了,发现了这两个文件.hiberfil.sys有3.12G,swapfile.sys256M. 经查,“hiberfil.sys”是系统休眠文件,其大小和物理内存一样大,这里我要解释下两个名字,计算机的休眠(hibernate)与睡眠(sleep),我们常用的是sleep功能, 即电脑放置一段时间, 进入低耗状态, 工作态度保存在内存里, 恢复时1-2秒就可以恢复原状态.这个功能是实用的, 也是最常用的. hibernate是把工作状态即所有内存中的数据,写入到硬盘(这就是hiberfil.sys文件),然后关闭系统,在下次启动开机时,将保持的数据写回内存,虽然需要花费些时间,但好处就是你正在进行中的工作,都会被保存起来,就算断电以后也不回消失,这也就是为什么经常有人说几个月不用关机的原因,当然休眠并不是必须的,完全看你这个需求了,如果确实有需要也不用care这点硬盘啦。有网友说--这个文件大小的描述错误,hiberfil.sys的大小并≠内存大小,因为该文件貌似是压缩过。我的内存是8G,这个.hiberfil.sys有3.12G,这样看这个网友说的对的. hiberfi.sys的链接 首先分清SLEEP睡眠和HIBERNATE休眠两个概念. 我们常用的是SLEEP睡眠功能, 也就是电脑经过一定时间后, 进入低功耗状态, 工作态度保存在内存里, 恢复时1-2秒就可以恢复原状态.这个功能是实用的, 也是最常用的. 而休眠是把工作状态即所有内存信息写入硬盘,如有2-4G内存,即要写入2-4G的文件到硬盘,然后才能关机,开机恢复要读取2-4G的文件到内存,才能恢复原界面.而大文件的读写要花大量 的时间,已经不亚于正常开机了,所以现在休眠功能很不实用(针对1G以上内存). 休眠的HIBERFIL.SYS这个文件就是用来休眠时保存内存状态用的.会占用C盘等同内存容量的空间(以2G内存为例,这个文件也为2G),所以完全可以删掉而不影响大家使用.还会大大节省C盘空间的占用。 操作: 以管理员运行CMD, 打以下命令: POWERCFG -H OFF 即自动删除该文件. 大家看处理前后C盘空间的变化就知道了. 怎么以管理员运行: 在“所有程序”->“附件”->“命令提示符”上右键,选“以管理员运行” 如果本身是以管理员身份登录,直接运行cmd即可。 我做的测试: 文件位置C:\hiberfil.sys “pagefile.sys”是页面交换文件(即虚拟内存),这个文件不能删除,不过可以改变其大小和存放位置. 6.windows中的休眠与睡眠 windows中的休眠与睡眠 7.WPS中如何不做拼写检查 WPS中如何不做拼写检查 8.EV视频相关方法 如何利用EV视频剪辑软件合并视频 EV剪辑怎么给视频添加字幕 9.WINDOW自带剪辑方法 WIN10自带剪辑视频的方法 10.快捷键大全 快捷键大全 11.B站上传合集 B站上传合集 12.查看WIN电脑配置 13.windows远程桌面链接 win+Rmstsc 14.word中的边框和底纹如何应用于文字,段落和页面 word中边框和底纹——应用于文字、段落、页面分别如何设置? 本篇文章为转载内容。原文链接:https://blog.csdn.net/Edidaughter/article/details/111231562。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-03-01 13:02:11
117
转载
Material UI
...常遇到这样的场景——用户需要从一堆选项里选择一个或者多个东西?比如你喜欢的音乐类型(摇滚、爵士、流行)、你的兴趣爱好(运动、读书、旅行)啥的。唉,你说这事儿啊,在这种场景下,要是还用那种传统的单选框或者复选框,感觉就像是在穿一件硬邦邦的老古董衣服,不仅自己戴着不舒服,别人看着也觉得没劲。用户体验嘛,简直可以用“惨不忍睹”来形容! 这时候,ChipGroup就登场了!它是Material UI提供的一个组件,用来展示一组标签式的选项。这些选项啊,长得就跟小芯片似的,点一下就能立马切换状态,特别直观,用起来贼顺手!而且它还能根据你的需求支持单选或多选,简直是UI设计中的神器! 我第一次用这个组件的时候,简直觉得相见恨晚。想想看,以前做这种功能得自己写一堆逻辑,现在直接调用一个组件就能搞定,省了多少时间啊!所以今天,我就来手把手教大家怎么玩转这个组件,让它成为你项目里的小助手。 --- 2. ChipGroup的基本结构和属性 好啦,接下来咱们得搞清楚这个组件长啥样,以及它有哪些参数可以配置。说实话,刚开始接触的时候,我也是懵圈的,不过慢慢琢磨就明白了。 首先,ChipGroup是一个容器,里面可以放一堆Chip(也就是那些小标签)。它的核心属性主要有以下几个: - children: 这个就是你要显示的Chip列表啦,每个Chip都是一个单独的小标签。 - value: 如果你设置了这个属性,表示当前选中的Chip是哪些。要是单选的话,就只能选一个值,不能多选;但如果是多选模式呢,那就可以传一串数组,想选几个选几个,自由得很! - onValueChange: 这个属性很重要,它是一个回调函数,每当用户选择了一个新的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
96
月下独酌
Spark
...ka集成方案,实现了用户行为数据的实时分析,从而优化了个性化推荐系统,显著提升了用户体验和购买转化率。这一案例不仅展示了Spark与Kafka的强大功能,也凸显了实时数据分析在商业领域的巨大潜力。 此外,随着5G网络的普及,数据流量激增,对实时数据处理的需求也日益增长。在此背景下,如何高效处理大规模数据流成为业界关注的焦点。近日,一项由国际数据公司(IDC)发布的报告显示,未来几年内,全球实时数据处理市场将以每年30%以上的速度增长。报告指出,企业若能充分利用Spark与Kafka等工具,将极大提升其竞争力,尤其是在应对突发高峰流量方面表现出色。 另一方面,随着隐私保护法规的日益严格,如何在保障数据安全的前提下实现高效的数据处理成为新的挑战。为此,许多企业和研究机构正在积极探索新的解决方案。例如,有研究团队提出了一种基于加密技术的实时数据处理框架,该框架能够在保证数据安全的同时,依然保持较高的处理效率。这无疑为Spark与Kafka的应用提供了新的方向。 总之,随着技术的发展和市场需求的变化,Spark与Kafka的集成应用前景广阔。未来,随着更多创新技术和解决方案的出现,这一领域将会迎来更多的发展机遇。
2025-03-08 16:21:01
76
笑傲江湖
转载文章
...81。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 前几天搜索了一段时间的这个,看有没有困惑的人们。哈哈 WIFI和GPRS的设置教程一、几个注意点: 1、WIFI设置应该放置在“Internet”里面,GPRS设置应该放置在“单位设置”里面。 这样做的目的就是保证在你打开IE浏览器时、或者上MSN、QQ时自动连接WIFI网络,而上WAP或者收发彩信等就会自动连接GPRS,这一点很关键,好多帖子都说在程序自动连接到Internet时使用"单位设置”,在程序自动连接到专用网络时使用也使用“单位设置”,这样就要么只能上WIFI,要么就只能上GPRS,其实智能手机没有那么傻,他完全可以按照你的要求连接。(达到这一点还需要下面的一点设置)2、可以选择GPRS设置是否需要通过WAP代理上WWW网站,具体参看以下详细设置方法 二、WIFI设置方法 1、在“开始”—“设置”—“连线”中点选“连接”,然后选择“高级”在“选择自动使用的网络”下方点“选择网络”,然后看到两个下拉空格,第一个是“在程序自动连接到Internet时,使用:”,点选“新建”,在弹出的新窗口里有“请为这些设置输入名称”,在下方空格处编辑“Internet设置”或者其他你喜欢的名字,然后点选该页面下方的 “调制解调器”里面不要填写任何东西(注意一定不要填写任何东西),再点选该页面下方的“代理服务器设置”钩选“此网路连接到Internet”,下方的“此网络使用代理服务器连接到Internet”千万不要选择,点选“ok”,wifi设置初步完成。 2、网卡设置:“开始”—“设置”—“连接”中点选“无线网络管理员”,在弹出页面的右下方点选“菜单”,点选上弹菜单中的“开启WI-FI”,如果无线路由器设置正常的话,这时点选“网络搜寻”,在新页面中的“网路名称”下方就可以看到你的无线路由器品牌如“Dlink”“TP-link”等,点选出现在“配置无线网络”下方的这个品牌名字,弹出新的窗口,在“要访问的网络”下方选择“所有可用的”,然后点选“网络适配器”,在“我的网卡连线到”项目中选择“默认Internet设置”,在“点击适配器以修改设置”下方,点选“AUSU 802.11b+g Wireless Card”,弹出新窗口,点选“使用服务器分配的IP地址”(也可以选择“使用特定的IP地址”,那么就可以省略以下步骤),并在“IP地址”栏填入公司或者单位分配给的IP,如“192.168.50.122”,在“子网掩码”填入公司的子网掩码,在 “网关”中填入公司的网关;完成这些后,点选“名称服务器”,在新窗口的“DNS”和“备用DNS”中填入公司的“DNS”,然后一路“OK”,完成网卡设定。完成以上两个设定后建议重启机器,然后就可以用WIFI上网、上QQ和MSN了。 三、GPRS设置方法 1、在“开始”—“设置”—“连接”中点选“连接”,然后选择 “高级”,在 “选择自动使用的网络”下方点“选取网络”,然后看到两个下拉空格,第二个是“在程序自动连接到专用网络时,使用:”即上面提到的“单位设定”。 2、点选“新建”,在弹出窗口里有“请为这些设置输入名称”,在下方空格处编辑“中国移动”(最好设置为这个名称),然后点选该页面下方的“调制解调器”,点选“新建”,在弹出的新页面中有“请为连接输入名称”,请填写“中国移动彩信”,在“选择调制解调器”的下拉菜单中选择“蜂窝电话线路(GPRS)” 3、然后点“下一步”,在新弹出的窗口中的“存取点名称”下放填写“cmwap”(这里一定不能填写cmnet,否则就是采用cmnet接入网络,你将面对0.03元/K的收费以及月末数百元的cmnet网络费用了) 4、继续点选“下一步”,新窗口出现“使用者名称”、“密码”、“域”,这些都不要填写,直接点选“高级”,在进阶的tcp/ip窗口中点选“使用服务器分配的IP地址”,其他不要选择 5、点选下方“服务器”,进入“高级”的“服务器”窗口,点选“使用服务器分配的地址”,然后点选“ok”退出到第4步的页面即“中国移动彩信”的设定页面,点选“完成”。这时机器会退到第1步的最终界面即“中国移动”设定页面 6、在这个页面下放,点选“代理服务器设置”,钩选“此网络连接到Internet”,然后再钩选“此网络使用代理服务器连接到Internet”,并在下方的“代理服务器”内填入“10.0.0.172” 7、接着点选该页面的“高级”,“点击代理服务器类型更改其设置”中点“HTTP”在弹出窗口中的“服务器”下填入“10.0.0.172”,端口“80”(该步骤也可以留空不填,如果不填写的话,GPRS就不能通过WAP代理上WWW网站,本人选择填写,这样在没有WIFI热点的情况下,机子也可以通过WAP代理上WWW的网站,当然选择填写的话会出现打开IE自动连接GPRS而不是连接WIFI的情况,不过可以在连接一开始时点选弹出小窗口中的“取消”来取消GPRS的连接,从而达到用WIFI连接互联网的效果) 8、点选“ok”后返回到前一个页面,点选“WAP”,在在弹出窗口中的“服务器”下填入“10.0.0.172”,端口“9201”,同样的方法,设定“安全WAP”服务器为“10.0.0.172”,端口填“9203”,设定“Socks”服务器为“10.0.0.172”,端口“1080” 9、点选“ok”返回到第6步的最终界面,再点选“ok”退出到第2步的初始页面即“网路管理”页面,再连续点选“ok”,完成设置 四、彩信设置方法 1、“开始”—“信息”—“MMS” 2、在“MMS”页面中,点选“菜单”,上弹菜单选择“MMS设定” 3、在“选择并打开一个情景式以查看更多选项”的下方点选“新建” 4、在新窗口中的“情景式名称”右边填入“中国移动彩信”,在“彩信服务器”右边填入 http://mmsc.monternet.com”,在“数据连接”右边选择“中国移动”,在“网关”右边选择“WAP1.0 网关”,在“IP地址”右边填入“10.0.0.172”,在“端口”右边填入“9201”,最后选择完成。 转载于:https://www.cnblogs.com/hzleihuan/archive/2007/12/14/994344.html 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_30468137/article/details/98040981。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-02-23 17:26:09
85
转载
Consul
...据集的支持,并提高了查询与操作的响应速度,使得Consul在处理复杂分布式架构中的配置和服务发现时更为高效(来源:HashiCorp官方博客,发布日期:202X年X月X日)。 同时,InfoQ的一篇深度分析文章《Consul在微服务架构中的实践与挑战》详细阐述了Consul如何在实际场景中解决服务治理问题,并对比了与其他服务发现工具如Etcd和Zookeeper的异同。作者从一致性算法、容错机制以及社区支持等方面展开讨论,为读者提供了全面而实用的指导(来源:InfoQ,发表日期:202X年X月X日)。 此外,随着云原生技术的发展,CNCF基金会下的开源项目Linkerd和Istio等服务网格解决方案也在服务发现领域崭露头角。它们与Consul虽有功能重叠,但在抽象层次、自动化运维以及安全策略方面有所区别。通过对比研究这些新兴技术,《云原生时代的Consul与服务网格之争》一文为我们揭示了未来服务发现架构可能的发展趋势(来源:云技术实践杂志,出版日期:202X年X月X日)。 综上所述,持续关注Consul及其竞品的最新动态和发展趋势,结合实际应用场景理解并运用其强大的数据存储机制,将有助于提升现代分布式系统的可靠性和可维护性。
2024-03-04 11:46:36
433
人生如戏-t
转载文章
...11。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 说起前端届IT教育老大,怎么能没有千锋的名字,学前端,来千锋,入股不亏,学习带飞! 你可能兜兜转转看了不少路线图只是得到了罗列的知识点和一张思维导图,但是学这些能做些什么?学到这个程度可以找到什么样的工作并没有人跟你详细说明,这篇文章就来告诉你! 分享北大陆神精心为各位朋友梳理的前端开发学习成长路线,完整视频版本大家可以自行去搜索观看。 下面就让我们开始了解前端开发的进阶之路~ 第一阶段:前端开发基本功 这是入门前端最基础的内容。学会后,就能达到初级Web前端工程师水平。熟悉了前端开发的HTML与CSS基础知识,就能够配合UI设计师进行项目布局开发了。 如果你是应届生,想去找实习的工作,学完这个部分,初级前端开发工程师,前端实习生等岗位,你就可以去面试了,入职后待遇能达到4K-5K。 这一步骤共分为三部分内容:HTML、CSS和页面制作工具。HTML是前端开发入门首先要学会的东西,有了它,你才可以布局页面结构。CSS是页面美化和精细化的核心技术。想要更好的完成页面的开发,更好的与UI部门合作,这些页面制作工具是必须掌握的。 第二阶段:页面布局实战 有了第一步的基础知识,你就可以实战各种页面布局了。学会后,更加夯实初级Web前端工程师水平,能够完成各种PC端与移动端网页布局与样式设计实现了。 应届生找工作会更加有底气,入职后待遇能达到6K-7K。 这一步骤共分为两部分内容:布局技术,布局规范与方案。 想要轻松的完成各种PC端和手机端的布局,这些重要的布局技术必须掌握。另外一些布局规范与布局方案,是完成浏览器兼容和各种设备适配的法宝。 第三阶段:前端开发内功 第四阶段:PC端全栈项目开发 有了JavaScript、HTML、CSS知识,再加上这个步骤的技能点学习,你就能够完成一个PC端的前后端整体项目开发了。 可以从事网站开发工程师,以及Web前端开发工程师的工作了。薪资能达到11K-13K。 这一步骤共分为四部分内容:首先学会常用的前端工具库,掌握前端工程化和模块化,然后系统学习后端,或者叫服务端开发工具 Node.js,最后你就能独立完成一个网站或者管理系统的开发了。 第五阶段,前端高级框架技术。 这个步骤是从事前端工作必须掌握的重要内容,尤其是Vue、React,已经是公司开发企业项目的首选框架。 学会这个部分,你就是一名高级Web前端工程师了,可以胜任公司的C端和B端的所有项目,薪资待遇能达到14K-18K。那这些框架都需要学习掌握什么呢? Vue框架,需要掌握Vue3和它的生态技术。掌握了Vue3的选项式API,Vue2的项目也信手拈来。Vue3生态的每个技术都包含了很多内容,都需要你掌握它并熟练应用。像Vue3的组合式API、Vite2+SFC、VueRouter4、Vuex4、Pinia2、TypeScript基础、TS+Vue3,其他的技术栈。学会这些,你就可以基于这些技术开发Vue3的C端和B端项目了。 React框架,同样需要掌握React18和它的生态技术。每个生态也都包含很多内容,像Umi技术栈、其他技术栈。React技术备受大厂青睐,一般情况下,React岗位薪资也会比Vue高些。那除了这两个主要框架还需要什么呢? Angular框架,企业用的比较少些了,基本上都是老项目的维护了。 数据可视化,可以选学,如果项目里有这块需求,可以仔细研究一下。 第六阶段,混合应用开发技术。 所谓混合开发,就是将HTML5基于浏览器的应用,嵌入到基于Android和iOS手机APP里,或者嵌入到基于Node和Chromium的桌面APP里。因为兼具了WebApp和NativeApp的双重优点,混合应用开发技术得到了广泛的应用。 学会这个部分,就拥有了多端开发能力,能够胜任跨平台跨设备的架构工作。通过Vue和React基础加持,薪资待遇能达到19K-22K。 常见的混合开发如手机端的微信公众号、微信小程序、桌面端的Electron技术和PWA技术等。 第七步,原生应用开发技术。 所谓原生应用开发,就是应用前端的技术,脱离浏览器,进行原生的手机APP的开发。 掌握这部分内容,可以达到大前端高级开发工程师水平,可以主导移动端多元产品项目实现,能够跨平台开发提出可建设性解决方案。薪资待遇能达到 23K-30K。 比如,Facebook的基于React技术的ReactNative原生APP的开发,谷歌的基于Dart技术的Flutter原生APP的开发,以及华为的基于JS技术的HarmonyOS鸿蒙原生APP的开发。 第八步,大前端架构。 这是本学习路线图最后一个步骤了,同时也到达了一个至高点。 掌握这个部分,即可拥有大前端架构师水平,主要进行前端项目架构和项目把控。能够解决网站出现的突发状况,能够改进网站性能到极致。拥有大型网站、大量高并发访问量等开发经验。这个岗位的薪资能达到30K以上的水平。 前端架构师,包含很多内容,要求有广度也要有深度,这里给出了重要的五部分内容,包括开发工具及服务器技术、前端性能、微前端架构、低代码与组件库开发以及前端安全技术。 小白起点的前端路线图,我们都走了一遍,你可能会问,这些知识我们我该如何学习呢?你可以靠查文档、看视频,也可以找个师父带你。上面给大家推荐的视频都是核心的技术点视频以及项目练手视频,更多更细节的技术点请大家关注IT千锋教育搜索你需要的课程。 本篇文章为转载内容。原文链接:https://blog.csdn.net/longz_org_cn/article/details/127673811。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-03-07 21:33:13
270
转载
Etcd
...提下,提升系统性能和用户体验,成为了一个亟待解决的课题。Etcd在多实例部署方面的创新,为解决这一难题提供了新的思路和方法。通过引入更先进的数据分片策略、优化数据同步机制、增强负载均衡与故障转移能力等手段,Etcd不仅提升了自身的性能,也为分布式系统的建设提供了有力支持。 然而,随着技术的不断演进,对Etcd的期待也在不断提升。未来,Etcd可能需要在以下几个方面进行进一步的优化: 1. 性能优化:随着数据量的增加和业务的复杂度加深,如何在保证数据一致性的同时,进一步提升读写性能,将是Etcd面临的重要挑战之一。 2. 安全性加强:在云原生和多租户环境下,如何保护数据免受恶意攻击和误操作,确保数据的安全性,是Etcd需要重点关注的方向。 3. 自动化运维:随着系统规模的扩大,手动管理Etcd集群变得越来越困难。开发更加智能化的自动化运维工具,实现集群的自动配置、监控和故障恢复,将大大减轻运维压力。 4. 跨云和混合云支持:随着企业业务的全球化布局,Etcd需要具备更好的跨云和混合云部署能力,以满足不同地域和不同云服务商之间的数据互通需求。 综上所述,Etcd在多实例部署领域的创新与发展,不仅推动了分布式系统的进步,也为相关领域的研究和实践提供了宝贵的经验。面对未来技术的挑战,Etcd及其同类系统仍有巨大的发展空间,期待它们能够持续进化,为构建更加高效、可靠和智能的分布式系统贡献力量。
2024-09-23 16:16:19
187
时光倒流
ReactJS
...正在做一个电商网站,用户点击某个商品时需要从服务器拉取详细信息。之前的做法大概是这样:用 useState 和 useEffect 来发请求拿数据,然后在页面上先显示个“加载中”,要是出了问题就换成“加载失败”。简单说就是一边等数据,一边给用户一个状态提示呗。但有了Suspense之后,你可以直接告诉React:“嘿,等我这个数据加载完再渲染这部分内容。”听起来是不是很爽? 那么问题来了,具体怎么用呢?别急,咱们慢慢来探索! --- 2. 基本概念与工作原理 首先,我们需要明确一点:Suspense并不是万能药,它主要用来解决“懒加载”和“数据获取”的场景。简单来说,这个主意就是用一个“边框小部件”把那些可能会拖时间的操作围起来,顺便提前说好,要是这些操作没搞定,就给用户展示点啥,免得他们干等着抓狂。 什么是边界组件? 边界组件就是那种负责“守门”的家伙,它会拦截你的组件树中的异步操作。嘿,你听说过没?只要某个小部件发现它得等着数据过来,它就马上开启“备胎模式”,啥叫备胎模式呢?就是先用个临时的东西占着位置,一直撑到后台的活干完,正式的内容才会上场。简单说吧,就是等数据的时候,先给你看个“过渡版”的,不让你干等着发呆! 听起来有点抽象?没关系,咱们看代码! jsx import React, { Suspense } from 'react'; function App() { return ( 我的电商网站 {/ 这里就是我们的边界组件 /} 加载中... }> ); } export default App; 在这个例子中,标签包裹住了组件。想象一下,当想要展示商品信息的时候,它可不是那种直接蹦出来的急性子。首先,它会先客气地说一句“加载中...”给大家打个招呼,然后静静地等后台把数据准备好。一旦数据到位了,它才开始认真地把商品的详细信息乖乖地显示出来。有点像服务员上菜前先说一声“稍等”,然后再端上热腾腾的大餐! --- 3. 实现数据获取 从零开始构建一个简单的例子 接下来,我们动手实践一下,看看如何结合Suspense实现数据获取。假设我们要做一个博客应用,每篇文章都需要从后端获取标题和正文内容。 第一步:创建数据源 为了模拟真实环境,我们可以用fetch API来模拟后端服务: javascript // mockApi.js export const fetchPost = async (postId) => { const response = await fetch(https://jsonplaceholder.typicode.com/posts/${postId}); return response.json(); }; 这里我们用了一个公共的JSONPlaceholder API来获取假数据。当然,在生产环境中你应该替换为自己的API地址。 第二步:定义数据加载逻辑 现在我们需要让React知道如何加载这个数据。我们可以创建一个专门用于数据加载的组件,比如叫PostLoader: jsx // PostLoader.js import React, { useState, useEffect } from 'react'; const PostLoader = ({ postId }) => { const [post, setPost] = useState(null); const [error, setError] = useState(null); useEffect(() => { let isMounted = true; fetchPost(postId) .then((data) => { if (isMounted) { setPost(data); } }) .catch((err) => { if (isMounted) { setError(err); } }); return () => { isMounted = false; }; }, [postId]); if (error) { throw new Error('Failed to load post'); } return post; }; export default PostLoader; 这段代码的核心在于throw new Error这一行。当我们遇到错误时,不是简单地返回错误提示,而是直接抛出异常。这是为了让Suspense能够捕获到它并执行后备渲染。 第三步:整合Suspense 最后一步就是将所有东西组合起来,让Suspense接管整个流程: jsx // App.js import React, { Suspense } from 'react'; import PostLoader from './PostLoader'; const PostDetails = ({ postId }) => { const post = ; return ( {post.title} {post.body} ); }; const App = () => { return ( 欢迎来到我的博客 正在加载文章... }> ); }; export default App; 在这个例子中,会确保如果未能及时加载数据,它会显示“正在加载文章...”。 --- 4. 高级玩法 动态导入与代码分割 除了数据获取之外,Suspense还可以帮助我们实现代码分割。这就相当于你把那些不怎么常用的功能模块“藏”起来,等需要用到的时候再慢慢加载,这样主页面就能跑得飞快啦! 例如,如果你想按需加载某个功能模块,可以这样做: javascript // LazyComponent.js const LazyComponent = React.lazy(() => import('./LazyModule')); function App() { return ( 主页面 加载中... }> ); } 在这里,React.lazy配合Suspense实现了动态导入。当用户访问包含的部分时,React会自动加载对应的模块文件。 --- 5. 总结与反思 好了,到这里我们已经掌握了如何使用Suspense进行数据获取的基本方法。虽然它看起来很简单,但实际上背后涉及了很多复杂的机制。比如,它是如何知道哪些组件需要等待的?又是如何优雅地处理错误的? 我个人觉得,Suspense最大的优点就在于它让开发者摆脱了手动状态管理的束缚,让我们可以更专注于用户体验本身。不过呢,这里还是得提防点小问题,比如说可能会让程序跑得没那么顺畅,还有就是对那些老项目的支持可能没那么友好。 总之,Suspense是一个非常强大的工具,但它并不适合所有场景。作为开发者,我们需要根据实际情况权衡利弊,合理选择是否采用它。 好了,今天的分享就到这里啦!如果你有任何疑问或者想法,欢迎随时留言交流哦~ 😊
2025-04-12 16:09:18
87
蝶舞花间
Gradle
...能顺畅运行,从而满足用户的多样化需求。 此外,人工智能技术的崛起也为跨平台开发注入了新动力。借助AI辅助设计工具,开发者可以更高效地创建界面原型,并利用机器学习算法优化用户体验。例如,Adobe推出的Sensei AI技术已经广泛应用于Photoshop、Illustrator等软件中,帮助用户快速完成复杂的编辑任务。未来,随着AI技术的不断进步,跨平台开发或许将迎来全新的变革时代。 总之,无论是技术革新还是政策推动,都表明跨平台开发正处于快速发展阶段。作为开发者,紧跟行业趋势、持续学习新技术将是应对未来挑战的关键所在。
2025-04-15 16:14:29
36
青山绿水_
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
ln -s /path/original_file /path/symlink
- 创建指向原始文件的符号链接。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
2023-04-28
2023-08-09
2023-06-18
2023-04-14
2023-02-18
2023-04-17
2024-01-11
2023-10-03
2023-09-09
2023-06-13
2023-08-07
2023-03-11
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"