前端性能分析工具——Lighthouse

在前端开发中,自己开发的app或者web page性能的好坏,一直是让前端开发人员很在意的话题。因为影响用户浏览网页速度的因素主要有:服务端数据返回、网络传输、页面渲染等等,这些方面做的不够好,都会影响客户体验。所以我们除了在开发的过程中注意代码的质量,同时还需要专业的网站测试工具辅助,让我们知道自己的网页还有哪些需要更为优化的方面。

当下流行的前端性能分析工具有很多,比如 Lighthouse、Pingdom、SpeedTracker、WebPageTest、Sitespeed.io等等。

我自己尝试了一款工具:Lighthouse,感觉还不错,上手容易,操作简单。

Lighthouse是一个开源的自动化工具,用于帮助改进网络应用的质量。可将其作为一个 Chrome扩展程序运行,或从命令行运行。Lighthouse分析web应用程序和web页面,收集关于开发人员最佳实践的现代性能指标和见解,让开发人员根据生成的评估页面,来进行网站优化和完善,提高用户体验。

一、安装使用

安装方式一:
1.全局安装:npm install -g lighthouse
2.创建一个文件(用于存放生成的报告文件),然后进入到文件,运行命令:lighthouse http://xxxxxxx
3.然后静态运行,生成报告,跑完之后,会生成一个.html的报告

安装方式二:
通过chrome的应用商店搜索Lighthouse下载安装,安装好后打开需要测试的网页,按F12打开调试模式,会在浏览器右上角出现Lighthouse图标,如图所示,点击Generate report 按钮,即可以看到最终的性能检测报告。

二、指标详解

1.Performance(性能)
First Contentful Paint(FCP):衡量页面开始加载到页面中第一个元素被渲染之间的时间。元素包含文本、图片、canvas等。
Speed Index:代表页面内容渲染所消耗的时间,该值越低越好。
Largest Contentful Paint(LCP):衡量标准视口内可见的最大内容元素的渲染时间。元素包括img、video、div及其他块级元素。
Time to Interactive(TTL):测量页面所有资源加载成功并能够可靠地快速响应用户输入的时间,即互动时间。
Total Blocking Time(TBT):这是 FCP 与 TTL 之间的所有时间段的总和。
Cumulative Layout Shift (CLS):衡量视觉稳定性,为了提供良好的用户体验,页面的CLS应保持小于 0.1。

2.Accessibility(可访问性)
无障碍功能:
当我们说某个网站具有无障碍功能时,我们的意思是网站的内容可用,其功能可由任何人操作。所有用户都能看见和使用键盘、鼠标或触摸屏,并且与网页内容的交互方式也清晰明了。这会让使用者获得良好的体验。我们在探讨无障碍功能时往往是围绕身体有缺陷的用户,下面我们来看一个示例:

我们可以看到上面的图中存在的一些问题:文本对比度低,这会让弱视用户难以阅读;“Remember details?”标签未关联复选框,因此您只得点按或点击那个小方框,而不能直接点击标签;将标签置于左侧而将字段置于右侧会让许多人难以将它们关联起来,也会让需要进行放大的人几乎无法使用页面;想像一下,如果在手机上看到这个画面,并且需要来回平移才能搞明白标签与字段的关联;此外,使用屏幕阅读器的用户会难以弄清楚关联问题。

我们经过调整:
a.将文本的颜色加深;
b.修改设计,让标签靠近它们所标示的字段;
c.修正标签,使其与复选框关联起来,以便点击标签同样可以进行状态切换。

3.Best Practices(最佳实践)
检查网页总体代码运行状况。通过的审核显示了针对最佳实践还验证了其他内容:
Uses HTTPS:使用HTTPS
Avoids requesting geolocation permission on page load:避免在页面加载时请求地理位置许可
Avoids front-end JavaScript libraries with known security vulnerabilities:避免具有已知安全漏洞的前端JavaScript库
Allows users to paste into password fields:允许用户粘贴到密码字段中

4.SEO(搜索引擎优化)
搜索引擎优化计分卡,它检查页面是否针对搜索引擎结果排名进行了优化。
这些是Lighthouse使用的标准:
没有阻止页面建立索引、链接具有描述性文字、页面具有成功的HTTP状态代码、具有宽度或初始比例的标签(适合移动设备)、文档具有元素、文档具有元描述等等。具体的可以看我之前的一篇关于SEO优化的文章</p> <p>5.Progressive Web App(PWA)<br>Is installable:可安装<br>Works in any browser:在任何浏览器中均可使用<br>Starts fast and stays fast:快速启动并保持快速<br>Is fully accessible:完全可访问<br>Responsive to any screen size:响应任何屏幕尺寸<br>Provides a custom offline page:提供自定义的离线页面<br>Can be discovered through search:可以通过搜索发现<br>Works with any input type, such as a mouse, a keyboard, a stylus, or touch:适用于任何输入类型,例如鼠标,键盘,手写笔或触摸<br>Provides context for permission requests:提供权限请求的上下文<br>Follows best practices for healthy code:遵循最佳实践以获取健康代码</p> </article> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1642817056791388160"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(前端性能分析工具——Lighthouse)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1892407882675187712.htm" title="前端性能优化——如何提高页面加载速度?" target="_blank">前端性能优化——如何提高页面加载速度?</a> <span class="text-muted">忘川...</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>1.将样式表放在头部首先说明一下,将样式表放在头部对于实际页面加载的时间并不能造成太大影响,但是这会减少页面首屏出现的时间,使页面内容逐步呈现,改善用户体验,防止“白屏”。我们总是希望页面能够尽快显示内容,为用户提供可视化的回馈,这对网速慢的用户来说是很重要的。将样式表放在文档底部会阻止浏览器中的内容逐步出现。为了避免当样式变化时重绘页面元素,浏览器会阻塞内容逐步呈现,造成“白屏”。这源自浏览器的</div> </li> <li><a href="/article/1892281519620288512.htm" title="python panda下载_pandas python下载|Pandas for python v0.25.0官方版 v0.25.0官方版 - 哩咯下载站..." target="_blank">python panda下载_pandas python下载|Pandas for python v0.25.0官方版 v0.25.0官方版 - 哩咯下载站...</a> <span class="text-muted">weixin_39647458</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/panda%E4%B8%8B%E8%BD%BD/1.htm">panda下载</a> <div>Pandas是python的数据分析包,最初被作为金融数据分析工具而开发出来,提供pandas.whl包下载,有需要的赶快下载吧!软件介绍Pandas是python的一个数据分析包,最初由AQRCapitalManagement于2008年4月开发,并于2009年底开源出来,目前由专注于Python数据包开发的PyData开发team继续开发和维护,属于PyData项目的一部分。Pandas最初被</div> </li> <li><a href="/article/1892263998942932992.htm" title="Linux系统性能调优技巧" target="_blank">Linux系统性能调优技巧</a> <span class="text-muted">敖光 SRE</span> <a class="tag" taget="_blank" href="/search/devops/1.htm">devops</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>Linux系统性能调优需要结合硬件资源、业务场景和系统瓶颈进行针对性优化。以下是系统化的调优思路和常用技巧,涵盖CPU、内存、磁盘、网络、内核参数等核心方向:一、性能分析工具速查工具用途示例命令top/htop实时监控进程CPU、内存占用htop-d10vmstat查看内存、进程、CPU上下文切换vmstat15iostat监控磁盘I/O和吞吐量iostat-x1sar历史性能数据收集(需安装sy</div> </li> <li><a href="/article/1891749793919725568.htm" title="介绍一下常用的代码规范工具,如ESLint和Prettier" target="_blank">介绍一下常用的代码规范工具,如ESLint和Prettier</a> <span class="text-muted">祈澈菇凉</span> <a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81%E8%A7%84%E8%8C%83/1.htm">代码规范</a> <div>代码规范工具是现代软件开发中不可或缺的一部分,它们帮助开发者维持代码质量、提高可读性并确保一致性。以下是两种常用的代码规范工具:ESLint和Prettier的详细介绍。ESLint1.概述ESLint是一个用于JavaScript代码的静态代码分析工具,主要用于识别和报告代码中的问题。它可以帮助开发者发现潜在的错误、提高代码质量并保持代码风格的一致性。2.主要功能代码检查:ESLint可以检测语</div> </li> <li><a href="/article/1891503442095042560.htm" title="Golang的代码质量评估" target="_blank">Golang的代码质量评估</a> <span class="text-muted">苹果酱0567</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/layui/1.htm">layui</a><a class="tag" taget="_blank" href="/search/%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1/1.htm">毕业设计</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>Golang的代码质量评估一、代码质量的重要性在软件开发过程中,代码质量是至关重要的,它直接关系到软件的稳定性、可维护性和安全性。而Golang作为一门快速发展的编程语言,其代码质量也备受关注。因此,对Golang代码的质量进行评估至关重要。二、静态代码分析工具在评估Golang代码质量时,我们可以使用静态代码分析工具来帮助我们发现潜在的问题。其中比较知名的工具包括:是Golang的官方静态代码分</div> </li> <li><a href="/article/1891459942410416128.htm" title="用DevEco Studio性能分析工具 高效解决鸿蒙原生应用内存问题" target="_blank">用DevEco Studio性能分析工具 高效解决鸿蒙原生应用内存问题</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/deveco-studio/1.htm">deveco-studio</a> <div>在鸿蒙原生应用开发过程中,可能由于种种原因导致应用内存未被正常地使用或者归还至操作系统,从而引发内存异常占用、内存泄漏等问题,最终导致应用卡顿甚至崩溃,严重影响用户体验。为了帮助鸿蒙应用开发者高效定位并解决内存问题、提升应用稳定性与体验,华为在DevEcoStudio上提供了专属的性能分析工具——DevEcoProfiler,提供鸿蒙原生应用内存问题的场景化分析模板——SnapshotInsigh</div> </li> <li><a href="/article/1891289237018439680.htm" title="前端高级面试题" target="_blank">前端高级面试题</a> <span class="text-muted">阿芯爱编程</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>以下是一些高级前端面试题及答案:一、性能优化如何对大型前端项目进行性能剖析(profiling)?答案:使用ChromeDevTools中的Performance面板。可以记录页面加载和交互过程中的各种性能指标,如脚本执行时间、渲染时间、重绘和回流次数等。利用Lighthouse工具,它可以对网页进行全面的性能评估,包括加载性能、可访问性、最佳实践等方面,并给出优化建议。在代码中手动插入性能测量点</div> </li> <li><a href="/article/1891256066470113280.htm" title="JProfiler_windows:Java 性能分析与优化" target="_blank">JProfiler_windows:Java 性能分析与优化</a> <span class="text-muted">心灵宝贝</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>JProfiler是一款功能强大的Java性能分析工具,专门用于监控和分析Java应用程序的性能瓶颈、内存泄漏、线程问题等。以下是关于JProfiler_windows-x64_8_0_2的详细介绍:一、JProfiler简介JProfiler是由ej-technologies公司开发的一款Java性能分析工具,支持对本地和远程JVM的监控。它能够帮助开发者深入分析Java应用程序的CPU使用、内</div> </li> <li><a href="/article/1891205121388376064.htm" title="调用DeepSeek API接口:实现智能数据挖掘与分析" target="_blank">调用DeepSeek API接口:实现智能数据挖掘与分析</a> <span class="text-muted">IT·小灰灰</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>在当今数据驱动的时代,企业和开发者越来越依赖高效的数据挖掘与分析工具来获取有价值的洞察。DeepSeek作为一款先进的智能数据挖掘平台,提供了强大的API接口,帮助用户轻松集成其功能到自己的应用中。本文将详细介绍如何调用DeepSeekAPI接口,并探讨其在数据挖掘与分析中的应用。目录一、DeepSeekAPI接口概述二、调用DeepSeekAPI的基本步骤2.1获取API密钥2.2构建HTTP请</div> </li> <li><a href="/article/1891031883022659584.htm" title="面试官 :Java 调优经验有吗?" target="_blank">面试官 :Java 调优经验有吗?</a> <span class="text-muted">Think_Higher</span> <a class="tag" taget="_blank" href="/search/Java%E7%94%9F%E6%80%81%E5%9C%88/1.htm">Java生态圈</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E4%B8%ADIT%E4%BC%81%E4%B8%9A%E9%9D%A2%E8%AF%95%E9%A2%98%E6%95%B4%E7%90%86/1.htm">大中IT企业面试题整理</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>文章目录调优准备性能分析CPU分析jstack[pid]jstat-gcutil[pid]vmstat15内存分析IO分析1.文件IO2.网络IO其他分析工具JavaMissionControl(jmc)BtraceJwebap性能调优CPU调优内存调优IO调优其他优化建议JVM参数进阶对于调优这个事情来说,一般就是三个过程:性能监控:问题没有发生,你并不知道你需要调优什么?此时需要一些系统、应用</div> </li> <li><a href="/article/1890886866429865984.htm" title="前端性能优化 - 提升 FID(First Input Delay)" target="_blank">前端性能优化 - 提升 FID(First Input Delay)</a> <span class="text-muted">码农巧克零</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a> <div>导读FID(FirstInputDelay)是评估用户与网页互动时响应速度的关键性能指标之一。它主要衡量用户首次与页面互动(如点击按钮、链接或输入框)到浏览器实际响应这一互动之间的时间差。良好的FID能够为用户提供流畅的体验,而较差的FID会让用户觉得页面卡顿,从而影响用户体验和留存率。优化FID是提升前端性能的重要部分。本文将介绍优化FID的一些有效策略和方法。什么是FID?FID是CoreWe</div> </li> <li><a href="/article/1890879177075257344.htm" title="前端性能优化常见的误区" target="_blank">前端性能优化常见的误区</a> <span class="text-muted">前端码趣逗士</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a> <div>前端性能优化过程中存在一些常见误区,了解并避免这些误区对于实现高效的性能优化至关重要。一、过度追求极致的加载速度误区表现:有些开发者可能会陷入过度追求页面加载速度达到极致的误区,认为加载时间越短越好,不惜花费大量时间和精力进行各种复杂的优化,甚至在一些边际效益很低的地方投入过多。例如,为了节省几毫秒的加载时间,对一些已经优化得较好的资源进行反复压缩和调整,或者过度使用一些不太成熟的优化技术,导致代</div> </li> <li><a href="/article/1890876277712285696.htm" title="JavaScript前端性能优化技巧分享" target="_blank">JavaScript前端性能优化技巧分享</a> <span class="text-muted">代码旅人博客</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a> <div>在前端开发中,性能优化是一个持续不断的追求。随着Web应用的日益复杂,如何确保应用的流畅性和响应速度,成为了每个前端开发者必须面对的问题。JavaScript作为前端的核心语言,其性能优化更是至关重要。本文将分享一些JavaScript前端性能优化的技巧,帮助开发者提升Web应用的性能。一、减少DOM操作DOM(文档对象模型)操作是JavaScript中常见的性能瓶颈之一。频繁的DOM操作会导致浏</div> </li> <li><a href="/article/1890459248727486464.htm" title="AI赋能前端性能优化:效率与体验的完美平衡" target="_blank">AI赋能前端性能优化:效率与体验的完美平衡</a> <span class="text-muted">2401_89760565</span> <a class="tag" taget="_blank" href="/search/%E9%9C%80%E6%B1%82%E5%88%86%E6%9E%90/1.htm">需求分析</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在当今快节奏的互联网世界中,用户体验至关重要。一个加载缓慢、反应迟钝的网站或应用,很容易导致用户流失。而前端性能优化,作为提升用户体验的关键环节,却常常面临着诸多挑战。复杂的代码逻辑、庞大的资源文件、以及难以捉摸的性能瓶颈,都让前端开发者倍感压力。幸运的是,人工智能(AI)技术的兴起为我们提供了解决这些问题的全新途径,特别是AI代码生成器的出现,为前端性能优化带来了革命性的变革。……AI辅助前端性</div> </li> <li><a href="/article/1890421938430472192.htm" title="前端性能优化全面指南:从基础到进阶" target="_blank">前端性能优化全面指南:从基础到进阶</a> <span class="text-muted">尤山海</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a> <div>前端性能优化全面指南:从基础到进阶欢迎来到前端性能优化的全面指南!本文将带你深入了解从基础到进阶的各种优化策略,帮助你全面提升网页的加载速度和用户体验。1.关键渲染路径(CriticalRenderingPath)优化最小化关键资源:确保页面加载的初始请求尽可能少,合并CSS和JavaScript文件,使用内联CSS和JavaScript(对于非常小的脚本和样式)。异步/延迟加载非关键资源:使用a</div> </li> <li><a href="/article/1890282973249466368.htm" title="1章5节:学会数据分析基础和流程,开始人工智能数据分析师之路(更新20250214)" target="_blank">1章5节:学会数据分析基础和流程,开始人工智能数据分析师之路(更新20250214)</a> <span class="text-muted">DAT|R科学</span> <a class="tag" taget="_blank" href="/search/%E7%94%A8R%E6%8E%A2%E7%B4%A2%E5%8C%BB%E8%8D%AF%E6%95%B0%E6%8D%AE%E7%A7%91%E5%AD%A6/1.htm">用R探索医药数据科学</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">信息可视化</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a> <div>在数字化时代浪潮的推动下,数据分析师已然成为各行业不可或缺的关键角色。作为借助先进技术和分析工具,对数据进行收集与分析的专业人才,数据分析师的重要性与日俱增。有报告显示,数据分析师领域的就业增长率预计可达36%,远远超过多数职业的平均水平,这充分彰显了该职业广阔的发展前景。特别随着人工智能技术的飞速发展,像ChatGPT和DeepSeek这样的AI工具逐渐走入数据分析师的工作流程。ChatGPT以</div> </li> <li><a href="/article/1890274652924735488.htm" title="综合振动分析工具箱" target="_blank">综合振动分析工具箱</a> <span class="text-muted">不胖的羊</span> <div>本文还有配套的精品资源,点击获取简介:振动工具箱是一个集成了多种振动计算与分析功能的软件或代码库,适用于学习和研究振动现象。它包括处理振动问题的算法、模型和实用程序,覆盖了振动基础理论、简谐振动、阻尼振动、非线性振动、振动分析方法、模态分析、信号处理、频谱分析、数值模拟、振动控制和实验测试等知识领域。通过使用这个工具箱,初学者可以通过实践深入理解和掌握振动分析技术,提高在相关领域的专业技能。1.振</div> </li> <li><a href="/article/1890114199938461696.htm" title="vue项目的性能优化" target="_blank">vue项目的性能优化</a> <span class="text-muted">ZoeLandia</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>结合lighthouse查看各项数据,不断进行性能优化,可以从代码、打包、部署这三个层面来优化代码层面1、v-if和v-show区分使用v-if(惰性的)用的条件判断,是惰性的,false的话初始不会渲染,适用于运行很少改变条件v-show不管是什么初始都会渲染,用的display:none来控制隐藏,适用于频繁切换条件的2、computed、watch和methods区分使用computed:一</div> </li> <li><a href="/article/1890071342770876416.htm" title="深入探究前端性能优化:从理论到实践" target="_blank">深入探究前端性能优化:从理论到实践</a> <span class="text-muted">lozhyf</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a> <div>一、引言在当今数字化时代,用户对于网页的加载速度和响应性能有着极高的要求。前端性能不仅直接影响用户体验,还与业务指标息息相关,如转化率、用户留存率等。因此,掌握前端性能优化技术成为了前端开发者必备的技能。本文将深入探讨前端性能优化的多个方面,并提供实际可操作的优化技巧。二、前端性能优化的关键指标(一)加载时间这是最直观的指标,指从用户请求网页到页面完全加载并可交互的时间。加载时间过长会导致用户流失</div> </li> <li><a href="/article/1890048263835414528.htm" title="deepseek和chatgpt对比" target="_blank">deepseek和chatgpt对比</a> <span class="text-muted">dev.null</span> <a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/NLP/1.htm">NLP</a><a class="tag" taget="_blank" href="/search/chatgpt/1.htm">chatgpt</a> <div>DeepSeek和ChatGPT都是自然语言处理领域的工具,但它们的设计目标和功能有所不同。功能定位:ChatGPT是一个基于OpenAIGPT-3或GPT-4的聊天机器人,旨在进行人机对话、文本生成、问题解答等,广泛应用于教育、客服、创意写作等领域。它的核心功能是生成自然、流畅的对话内容,并能够处理各种复杂的语言任务。DeepSeek(假设你是指某种搜索引擎工具或者特定的语义分析工具)通常聚焦于</div> </li> <li><a href="/article/1889742631127281664.htm" title="Linux 网络抓包分析工具tcpdump详细使用方式 使用方式与wieshark协同工作" target="_blank">Linux 网络抓包分析工具tcpdump详细使用方式 使用方式与wieshark协同工作</a> <span class="text-muted">浩浩测试一下</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%26amp%3B%26amp%3B%E6%8A%93%E5%8C%85/1.htm">网络&&抓包</a><a class="tag" taget="_blank" href="/search/arm%E5%BC%80%E5%8F%91/1.htm">arm开发</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E5%AE%89%E5%85%A8/1.htm">系统安全</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8%E6%9E%B6%E6%9E%84/1.htm">安全架构</a> <div>目录tcpdump工具详解一、核心原理1.抓包机制2.协议解析二、基础使用方式1.基本语法2.常用选项3.过滤表达式三、高级使用案例案例1:捕获TCP握手与挥手案例2:检测网络重传问题案例3:提取HTTP请求内容案例4:分析DNS查询问题案例5:统计TCP连接状态四、性能优化技巧五、与Wireshark的协作六、总结tcpdump工具详解tcpdump是Linux/Unix系统中最强大的网络抓包分</div> </li> <li><a href="/article/1889709853325193216.htm" title="如何使用 webpack 来优化前端性能的?" target="_blank">如何使用 webpack 来优化前端性能的?</a> <span class="text-muted">祈澈菇凉</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98%E5%90%88%E9%9B%86/1.htm">前端面试题合集</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>Webpack是一个强大的现代JavaScript应用程序的模块打包工具。它不仅可以将JavaScript文件打包,还可以处理CSS、图片等资源。通过合理配置Webpack,可以显著优化前端性能。本文将详细探讨如何使用Webpack来优化前端性能,包括基本概念、优化策略和实践示例。1.Webpack的基本概念1.1模块与打包在Webpack中,所有的资源都被视为模块。Webpack的核心功能是将这</div> </li> <li><a href="/article/1889485826010705920.htm" title="纯 Python、Django、FastAPI、Flask、Pyramid、Jupyter、dbt 解析和差异分析" target="_blank">纯 Python、Django、FastAPI、Flask、Pyramid、Jupyter、dbt 解析和差异分析</a> <span class="text-muted">m0_74823292</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/1.htm">阿里巴巴</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/fastapi/1.htm">fastapi</a> <div>一、纯Python1.1基础概念Python是一种高级、通用、解释型的编程语言,以其简洁易读的语法和丰富的标准库而闻名。“纯Python”在这里指的是不依赖特定的Web框架或数据分析工具,仅使用Python原生的功能和标准库来开发应用程序或执行任务。1.2应用场景简单脚本编写:用于自动化日常任务,如文件处理、数据清洗等。例如,使用os模块处理文件和目录操作,csv模块处理CSV文件。小型命令行工具</div> </li> <li><a href="/article/1889413569796173824.htm" title="MINITAB中文教程:统计分析与质量管理" target="_blank">MINITAB中文教程:统计分析与质量管理</a> <span class="text-muted">聚合收藏</span> <div>本文还有配套的精品资源,点击获取简介:MINITAB作为一款强大的统计分析工具,在质量控制、数据挖掘和实验设计等领域广受欢迎。该教程旨在为初学者提供一个友好的起点,通过详细的界面介绍、数据管理、基本统计分析、图形制作、质量控制、回归分析、过程能力分析、假设检验、多元统计和质量改进工具等内容的学习,使用户能够通过实例和练习,提高数据分析和质量管理的实际操作技能。教程采用PPT格式,以直观高效的方式呈</div> </li> <li><a href="/article/1889226086324170752.htm" title="TSN流量记录器:验证汽车网络中的以太网聚合,经济高效的解决方案" target="_blank">TSN流量记录器:验证汽车网络中的以太网聚合,经济高效的解决方案</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8%E4%BB%A5%E5%A4%AA%E7%BD%91%E5%8D%8F%E8%AE%AE%E6%97%B6%E9%97%B4%E6%88%B3/1.htm">安全以太网协议时间戳</a> <div>在未来几年,汽车线束将从不同协议的异质网络转变为分层的同质以太网网络。在这种新情况下,模拟真实车辆网络的实验室测试台需要分析工具,以支持它们在车内通信过程中进行验证。汽车向以太网聚合原因随着汽车内部技术变得越来越复杂,相互间的联系变得越来越紧密,最新的应用程序和功能正在对带宽、延迟、同步、高可用性、QoS和降低成本提出更高的要求。而当前和传统上在汽车领域使用最广泛的协议(如CAN、LIN、MOST</div> </li> <li><a href="/article/1889091154478166016.htm" title="Python将Excel文件转换为JSON文件" target="_blank">Python将Excel文件转换为JSON文件</a> <span class="text-muted">qifengle2014</span> <a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/Docker/1.htm">Docker</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/Python%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB%E5%90%88%E9%9B%86/1.htm">Python技术分享合集</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/excel/1.htm">excel</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a> <div>工作过程中,需要从Excel文件中读取数据,然后交给Python程序处理数据,中间需要把Excel文件读取出来转为json格式,再进行下一步数据处理。这里我们使用pandas库,这是一个强大的数据分析工具,能够方便地读取和处理各种数据格式。需要注意的是还需要引入openpyxl库,pandas库有些功能依赖于openpyxl库。1、简单使用importpandasaspd#指定Excel文件路径e</div> </li> <li><a href="/article/1889078173623185408.htm" title="如何利用ZLSMA与加速带构建趋势跟踪策略" target="_blank">如何利用ZLSMA与加速带构建趋势跟踪策略</a> <span class="text-muted">Python金融量化</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>01引言趋势跟踪是量化交易中最常用的策略之一,它的核心理念是“顺势而为”。也就是说,当市场处于上涨或下跌趋势时,投资者应当跟随趋势,直到出现反转信号。然而,如何准确地识别市场趋势并避免滞后反应,是大多数投资者面临的挑战。在众多的技术分析工具中,ZLSMA(Zero-LagSmoothedMovingAverage,零滞后平滑移动平均)和加速带(AccelerationBands)这两个指标凭借其灵</div> </li> <li><a href="/article/1889057997833957376.htm" title="前端 Vue 性能提升策略" target="_blank">前端 Vue 性能提升策略</a> <span class="text-muted">随风九天</span> <a class="tag" taget="_blank" href="/search/Vue%E5%85%AD%E8%84%89%E7%A5%9E%E5%89%91/1.htm">Vue六脉神剑</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%B9%9D%E9%98%B4%E7%99%BD%E9%AA%A8%E7%88%AA/1.htm">性能九阴白骨爪</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD/1.htm">性能</a> <div>一、引言前端性能优化是确保Web应用快速响应和流畅用户体验的关键。对于使用Vue.js构建的应用,性能优化不仅涉及通用的前端技术,还包括针对Vue特性的特定优化措施。本文将从多个方面探讨如何全面提升前端和Vue应用的性能。二、前端性能优化基础1.减少初始加载时间代码分割(CodeSplitting):通过动态导入(import())按需加载模块,减少初次加载的资源量。constHome=()=>i</div> </li> <li><a href="/article/1888945770669862912.htm" title="股票分析工具Python源码" target="_blank">股票分析工具Python源码</a> <span class="text-muted">mosquito_lover1</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>该作者的原创文章目录:生产制造执行MES系统的需求设计和实现企业后勤管理系统的需求设计和实现行政办公管理系统的需求设计和实现人力资源管理HR系统的需求设计和实现企业财务管理系统的需求设计和实现董事会办公管理系统的需求设计和实现公司组织架构图设计工具库存管理系统的需求设计和实现批量执行SQL脚本导出Excel文件数据库巡检工具Python源码分享E-Learning在线学习平台的需求设计和实现AI知</div> </li> <li><a href="/article/1888435418043576320.htm" title="R语言数据分析案例:使用R进行销售数据分析" target="_blank">R语言数据分析案例:使用R进行销售数据分析</a> <span class="text-muted">ByteWhisper</span> <a class="tag" taget="_blank" href="/search/r%E8%AF%AD%E8%A8%80/1.htm">r语言</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/R%E8%AF%AD%E8%A8%80/1.htm">R语言</a> <div>R语言数据分析案例:使用R进行销售数据分析数据分析在现代业务决策中起着重要的作用。R语言作为一种功能强大且广泛使用的数据分析工具,为分析师提供了许多有用的功能和库。在本案例中,我们将使用R语言来分析销售数据,帮助我们了解销售趋势、客户行为以及产品表现。首先,让我们导入所需的库,并加载我们的销售数据集。#导入库library(dplyr)library(ggplot2)#加载数据集sales_dat</div> </li> <li><a href="/article/126.htm" title="插入表主键冲突做更新" target="_blank">插入表主键冲突做更新</a> <span class="text-muted">a-john</span> <div>有以下场景: 用户下了一个订单,订单内的内容较多,且来自多表,首次下单的时候,内容可能会不全(部分内容不是必须,出现有些表根本就没有没有该订单的值)。在以后更改订单时,有些内容会更改,有些内容会新增。 问题: 如果在sql语句中执行update操作,在没有数据的表中会出错。如果在逻辑代码中先做查询,查询结果有做更新,没有做插入,这样会将代码复杂化。 解决: mysql中提供了一个sql语</div> </li> <li><a href="/article/253.htm" title="Android xml资源文件中@、@android:type、@*、?、@+含义和区别" target="_blank">Android xml资源文件中@、@android:type、@*、?、@+含义和区别</a> <span class="text-muted">Cb123456</span> <a class="tag" taget="_blank" href="/search/%40%2B/1.htm">@+</a><a class="tag" taget="_blank" href="/search/%40/1.htm">@</a><a class="tag" taget="_blank" href="/search/%3F/1.htm">?</a><a class="tag" taget="_blank" href="/search/%40*/1.htm">@*</a> <div>一.@代表引用资源 1.引用自定义资源。格式:@[package:]type/name android:text="@string/hello"   2.引用系统资源。格式:@android:type/name     android:textColor="@android:color/opaque_red"</div> </li> <li><a href="/article/380.htm" title="数据结构的基本介绍" target="_blank">数据结构的基本介绍</a> <span class="text-muted">天子之骄</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E6%95%A3%E5%88%97%E8%A1%A8/1.htm">散列表</a><a class="tag" taget="_blank" href="/search/%E6%A0%91%E3%80%81%E5%9B%BE/1.htm">树、图</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E6%80%A7%E7%BB%93%E6%9E%84/1.htm">线性结构</a><a class="tag" taget="_blank" href="/search/%E4%BB%B7%E6%A0%BC%E6%A0%87%E7%AD%BE/1.htm">价格标签</a> <div>数据结构的基本介绍 数据结构就是数据的组织形式,用一种提前设计好的框架去存取数据,以便更方便,高效的对数据进行增删查改。正确选择合适的数据结构,对软件程序的高效执行的影响作用不亚于算法的设计。此外,在计算机系统中数据结构的作用也是非同小可。例如常常在编程语言中听到的栈,堆等,就是经典的数据结构。   经典的数据结构大致如下:   一:线性数据结构 (1):列表 a</div> </li> <li><a href="/article/507.htm" title="通过二维码开放平台的API快速生成二维码" target="_blank">通过二维码开放平台的API快速生成二维码</a> <span class="text-muted">一炮送你回车库</span> <a class="tag" taget="_blank" href="/search/api/1.htm">api</a> <div> 现在很多网站都有通过扫二维码用手机连接的功能,联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊,写了个前台快速生成二维码的方法。        html代码如下:(二维码将生成在这div下) ? 1  &nbs</div> </li> <li><a href="/article/634.htm" title="ImageIO读取一张图片改变大小" target="_blank">ImageIO读取一张图片改变大小</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/IO/1.htm">IO</a><a class="tag" taget="_blank" href="/search/image/1.htm">image</a><a class="tag" taget="_blank" href="/search/BufferedImage/1.htm">BufferedImage</a> <div> package com.demo; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imageio.ImageIO; /** * @Description 读取一张图片改变大小 * @author FuJianyon</div> </li> <li><a href="/article/761.htm" title="myeclipse集成svn(一针见血)" target="_blank">myeclipse集成svn(一针见血)</a> <span class="text-muted">7454103</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a><a class="tag" taget="_blank" href="/search/MyEclipse/1.htm">MyEclipse</a> <div>                                 &n</div> </li> <li><a href="/article/888.htm" title="装箱与拆箱----autoboxing和unboxing" target="_blank">装箱与拆箱----autoboxing和unboxing</a> <span class="text-muted">darkranger</span> <a class="tag" taget="_blank" href="/search/J2SE/1.htm">J2SE</a> <div>4.2 自动装箱和拆箱 基本数据(Primitive)类型的自动装箱(autoboxing)、拆箱(unboxing)是自J2SE 5.0开始提供的功能。虽然为您打包基本数据类型提供了方便,但提供方便的同时表示隐藏了细节,建议在能够区分基本数据类型与对象的差别时再使用。 4.2.1 autoboxing和unboxing 在Java中,所有要处理的东西几乎都是对象(Object)</div> </li> <li><a href="/article/1015.htm" title="ajax传统的方式制作ajax" target="_blank">ajax传统的方式制作ajax</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>//这是前台的代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+</div> </li> <li><a href="/article/1142.htm" title="只用jre的eclipse是怎么编译java源文件的?" target="_blank">只用jre的eclipse是怎么编译java源文件的?</a> <span class="text-muted">avords</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a> <div>eclipse只需要jre就可以运行开发java程序了,也能自动 编译java源代码,但是jre不是java的运行环境么,难道jre中也带有编译工具? 还是eclipse自己实现的?谁能给解释一下呢问题补充:假设系统中没有安装jdk or jre,只在eclipse的目录中有一个jre,那么eclipse会采用该jre,问题是eclipse照样可以编译java源文件,为什么呢? &nb</div> </li> <li><a href="/article/1269.htm" title="前端模块化" target="_blank">前端模块化</a> <span class="text-muted">bee1314</span> <a class="tag" taget="_blank" href="/search/%E6%A8%A1%E5%9D%97%E5%8C%96/1.htm">模块化</a> <div>背景: 前端JavaScript模块化,其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来,还处于刀耕火种的野蛮生长阶段。   JavaScript一直缺乏有效的包管理机制,造成了大量的全局变量,大量的方法冲突。我们多么渴望有天能像Java(import),Python (import),Ruby(require)那样写代码。在没有包管理机制的年代,我们是怎么避免所</div> </li> <li><a href="/article/1396.htm" title="处理百万级以上的数据处理" target="_blank">处理百万级以上的数据处理</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E8%AF%A2/1.htm">查询</a> <div>一.处理百万级以上的数据提高查询速度的方法:        1.应尽量避免在 where 子句中使用!=或<>操作符,否则将引擎放弃使用索引而进行全表扫描。         2.对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 o</div> </li> <li><a href="/article/1523.htm" title="mac 卸载 java 1.7 或更高版本" target="_blank">mac 卸载 java 1.7 或更高版本</a> <span class="text-muted">征客丶</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/OS/1.htm">OS</a> <div>卸载 java 1.7 或更高 sudo rm -rf /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin 成功执行此命令后,还可以执行 java 与 javac 命令 sudo rm -rf /Library/PreferencePanes/JavaControlPanel.prefPane 成功执行此命令后,还可以执行 java </div> </li> <li><a href="/article/1650.htm" title="【Spark六十一】Spark Streaming结合Flume、Kafka进行日志分析" target="_blank">【Spark六十一】Spark Streaming结合Flume、Kafka进行日志分析</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Stream/1.htm">Stream</a> <div>第一步,Flume和Kakfa对接,Flume抓取日志,写到Kafka中 第二部,Spark Streaming读取Kafka中的数据,进行实时分析   本文首先使用Kakfa自带的消息处理(脚本)来获取消息,走通Flume和Kafka的对接 1. Flume配置 1. 下载Flume和Kafka集成的插件,下载地址:https://github.com/beyondj2ee/f</div> </li> <li><a href="/article/1777.htm" title="Erlang vs TNSDL" target="_blank">Erlang vs TNSDL</a> <span class="text-muted">bookjovi</span> <a class="tag" taget="_blank" href="/search/erlang/1.htm">erlang</a> <div>      TNSDL是Nokia内部用于开发电信交换软件的私有语言,是在SDL语言的基础上加以修改而成,TNSDL需翻译成C语言得以编译执行,TNSDL语言中实现了异步并行的特点,当然要完整实现异步并行还需要运行时动态库的支持,异步并行类似于Erlang的process(轻量级进程),TNSDL中则称之为hand,Erlang是基于vm(beam)开发,</div> </li> <li><a href="/article/1904.htm" title="非常希望有一个预防疲劳的java软件, 预防过劳死和眼睛疲劳,大家一起努力搞一个" target="_blank">非常希望有一个预防疲劳的java软件, 预防过劳死和眼睛疲劳,大家一起努力搞一个</a> <span class="text-muted">ljy325</span> <a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%BA%94%E7%94%A8/1.htm">企业应用</a> <div> 非常希望有一个预防疲劳的java软件,我看新闻和网站,国防科技大学的科学家累死了,太疲劳,老是加班,不休息,经常吃药,吃药根本就没用,根本原因是疲劳过度。我以前做java,那会公司垃圾,老想赶快学习到东西跳槽离开,搞得超负荷,不明理。深圳做软件开发经常累死人,总有不明理的人,有个软件提醒限制很好,可以挽救很多人的生命。 相关新闻: (1)IT行业成五大疾病重灾区:过劳死平均37.9岁 </div> </li> <li><a href="/article/2031.htm" title="读《研磨设计模式》-代码笔记-原型模式" target="_blank">读《研磨设计模式》-代码笔记-原型模式</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * Effective Java 建议使用copy constructor or copy factory来代替clone()方法: * 1.public Product copy(Product p){} * 2.publi</div> </li> <li><a href="/article/2158.htm" title="配置管理---svn工具之权限配置" target="_blank">配置管理---svn工具之权限配置</a> <span class="text-muted">chenyu19891124</span> <a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a> <div>今天花了大半天的功夫,终于弄懂svn权限配置。下面是今天收获的战绩。 安装完svn后就是在svn中建立版本库,比如我本地的是版本库路径是C:\Repositories\pepos。pepos是我的版本库。在pepos的目录结构 pepos    component    webapps 在conf里面的auth里赋予的权限配置为 [groups]</div> </li> <li><a href="/article/2285.htm" title="浅谈程序员的数学修养" target="_blank">浅谈程序员的数学修养</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E6%8B%9B%E8%81%98/1.htm">招聘</a> <div>                                 浅谈程序员的数学修养 </div> </li> <li><a href="/article/2412.htm" title="批量执行 bulk collect与forall用法" target="_blank">批量执行 bulk collect与forall用法</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/bulk+collect/1.htm">bulk collect</a><a class="tag" taget="_blank" href="/search/forall/1.htm">forall</a> <div>BULK COLLECT 子句会批量检索结果,即一次性将结果集绑定到一个集合变量中,并从SQL引擎发送到PL/SQL引擎。通常可以在SELECT INTO、 FETCH INTO以及RETURNING INTO子句中使用BULK COLLECT。本文将逐一描述BULK COLLECT在这几种情形下的用法。     有关FORALL语句的用法请参考:批量SQL之 F</div> </li> <li><a href="/article/2539.htm" title="Linux下使用rsync最快速删除海量文件的方法" target="_blank">Linux下使用rsync最快速删除海量文件的方法</a> <span class="text-muted">dongwei_6688</span> <a class="tag" taget="_blank" href="/search/OS/1.htm">OS</a> <div>1、先安装rsync:yum install rsync 2、建立一个空的文件夹:mkdir /tmp/test 3、用rsync删除目标目录:rsync --delete-before -a -H -v --progress --stats /tmp/test/ log/这样我们要删除的log目录就会被清空了,删除的速度会非常快。rsync实际上用的是替换原理,处理数十万个文件也是秒删。 </div> </li> <li><a href="/article/2666.htm" title="Yii CModel中rules验证规格" target="_blank">Yii CModel中rules验证规格</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/rules/1.htm">rules</a><a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a><a class="tag" taget="_blank" href="/search/validate/1.htm">validate</a> <div>Yii cValidator主要用法分析:  yii验证rulesit 分类: Yii yii的rules验证 cValidator主要属性 attributes ,builtInValidators,enableClientValidation,message,on,safe,skipOnError  </div> </li> <li><a href="/article/2793.htm" title="基于vagrant的redis主从实验" target="_blank">基于vagrant的redis主从实验</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/vagrant/1.htm">vagrant</a> <div>平台: Mac 工具: Vagrant 系统: Centos6.5 实验目的: Redis主从   实现思路 制作一个基于sentos6.5, 已经安装好reids的box, 添加一个脚本配置从机, 然后作为后面主机从机的基础box   制作sentos6.5+redis的box   mkdir vagrant_redis cd vagrant_</div> </li> <li><a href="/article/2920.htm" title="Memcached(二)、Centos安装Memcached服务器" target="_blank">Memcached(二)、Centos安装Memcached服务器</a> <span class="text-muted">frank1234</span> <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a><a class="tag" taget="_blank" href="/search/memcached/1.htm">memcached</a> <div>一、安装gcc rpm和yum安装memcached服务器连接没有找到,所以我使用的是make的方式安装,由于make依赖于gcc,所以要先安装gcc 开始安装,命令如下,[color=red][b]顺序一定不能出错[/b][/color]: 建议可以先切换到root用户,不然可能会遇到权限问题:su root 输入密码...... rpm -ivh kernel-head</div> </li> <li><a href="/article/3047.htm" title="Remove Duplicates from Sorted List" target="_blank">Remove Duplicates from Sorted List</a> <span class="text-muted">hcx2013</span> <a class="tag" taget="_blank" href="/search/remove/1.htm">remove</a> <div>Given a sorted linked list, delete all duplicates such that each element appear only once. For example,Given 1->1->2, return 1->2.Given 1->1->2->3->3, return&</div> </li> <li><a href="/article/3174.htm" title="Spring4新特性——JSR310日期时间API的支持" target="_blank">Spring4新特性——JSR310日期时间API的支持</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/spring4/1.htm">spring4</a> <div>Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新</div> </li> <li><a href="/article/3301.htm" title="浅谈enum与单例设计模式" target="_blank">浅谈enum与单例设计模式</a> <span class="text-muted">247687009</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</a> <div>在JDK1.5之前的单例实现方式有两种(懒汉式和饿汉式并无设计上的区别故看做一种),两者同是私有构 造器,导出静态成员变量,以便调用者访问。 第一种 package singleton; public class Singleton { //导出全局成员 public final static Singleton INSTANCE = new S</div> </li> <li><a href="/article/3428.htm" title="使用switch条件语句需要注意的几点" target="_blank">使用switch条件语句需要注意的几点</a> <span class="text-muted">openwrt</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/break/1.htm">break</a><a class="tag" taget="_blank" href="/search/switch/1.htm">switch</a> <div>1. 当满足条件的case中没有break,程序将依次执行其后的每种条件(包括default)直到遇到break跳出 int main() { int n = 1; switch(n) { case 1: printf("--1--\n"); default: printf("defa</div> </li> <li><a href="/article/3555.htm" title="配置Spring Mybatis JUnit测试环境的应用上下文" target="_blank">配置Spring Mybatis JUnit测试环境的应用上下文</a> <span class="text-muted">schnell18</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/JUnit/1.htm">JUnit</a> <div>Spring-test模块中的应用上下文和web及spring boot的有很大差异。主要试下来差异有: 单元测试的app context不支持从外部properties文件注入属性 @Value注解不能解析带通配符的路径字符串 解决第一个问题可以配置一个PropertyPlaceholderConfigurer的bean。 第二个问题的具体实例是:    </div> </li> <li><a href="/article/3682.htm" title="Java 定时任务总结一" target="_blank">Java 定时任务总结一</a> <span class="text-muted">tuoni</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/timer/1.htm">timer</a><a class="tag" taget="_blank" href="/search/quartz/1.htm">quartz</a><a class="tag" taget="_blank" href="/search/timertask/1.htm">timertask</a> <div> Java定时任务总结  一.从技术上分类大概分为以下三种方式:  1.Java自带的java.util.Timer类,这个类允许你调度一个java.util.TimerTask任务;   说明:    java.util.Timer定时器,实际上是个线程,定时执行TimerTask类 &</div> </li> <li><a href="/article/3809.htm" title="一种防止用户生成内容站点出现商业广告以及非法有害等垃圾信息的方法" target="_blank">一种防止用户生成内容站点出现商业广告以及非法有害等垃圾信息的方法</a> <span class="text-muted">yangshangchuan</span> <a class="tag" taget="_blank" href="/search/rank/1.htm">rank</a><a class="tag" taget="_blank" href="/search/%E7%9B%B8%E4%BC%BC%E5%BA%A6%E8%AE%A1%E7%AE%97/1.htm">相似度计算</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E6%9C%AC%E7%9B%B8%E4%BC%BC%E5%BA%A6/1.htm">文本相似度</a><a class="tag" taget="_blank" href="/search/%E8%AF%8D%E8%A2%8B%E6%A8%A1%E5%9E%8B/1.htm">词袋模型</a><a class="tag" taget="_blank" href="/search/%E4%BD%99%E5%BC%A6%E7%9B%B8%E4%BC%BC%E5%BA%A6/1.htm">余弦相似度</a> <div>本文描述了一种在ITEYE博客频道上面出现的新型的商业广告形式及其应对方法,对于其他的用户生成内容站点类型也具有同样的适用性。   最近在ITEYE博客频道上面出现了一种新型的商业广告形式,方法如下:     1、注册多个账号(一般10个以上)。     2、从多个账号中选择一个账号,发表1-2篇博文</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>