[置顶] High Performance Canvas Game for Android

Rule #0 为移动平台进行优化
为移动平台进行优化是十分重要的，因为移动平台的性能大概只有桌面平台的1/10左右（*1），它通常意味着：
  1. 更慢的CPU速度，这意味着不经过优化的JavaScript代码，性能会十分糟糕；
  2. 更小的内存，没有虚拟内存的支持，这意味着加载太多的资源容易导致内存不足，JSVM更容易引发GC，并且GC造成的停顿时间也越长；
  3. 更慢的GPU速度，没有独立的显存，内存带宽相比PC要慢的多，这意味着即使使用GPU对Canvas进行加速，您仍然需要小心网页DOM树的复杂度，游戏所使用的分辨率（Canvas的大小），图片资源的分辨率，游戏场景的复杂度和尽量避免Overdraw等等；
注释：
  1. 如果您需要对移动平台浏览器的性能有一个全面的了解，建议阅读文章“Why mobile web apps are slow”（原文，译文）和”5 Myths About Mobile Web Performance“（原文，译文）。

Rule #1 为Android而不是iOS进行优化
牢记这一点非常重要，Mobile Safari的Canvas渲染机制跟Android平台有很大的不同，特别地针对Mobile Safari进行优化的Canvas游戏在Android平台的渲染性能会十分的糟糕。

Mobile Safari使用了iOS/MacOS平台特有的IOSurface作为Canvas的Buffer，当通过Canvas API往IOSurface绘制内容的时候是没有GPU加速的，iOS仍然使用CPU进行绘制，但是将一个IOSurface绘制到另外一个IOSurface上的时候，iOS会使用GPU的2D位拷贝加速单元进行加速（*1）。这种机制其实也是iOS UI界面Layer Rendering渲染架构的基础。所以为iOS优化的Canvas游戏会倾向于使用大量的Off-Screen Canvas（*2），不管是静态的图片也好，还是需要动态产生的内容也好，统统都缓存到一个Off-Screen Canvas上，最终游戏场景的绘制就是一个把一堆Off-Screen Canvas绘制到一个On-Screen Canvas的过程，这样就可以充分利用iOS绘制IOSurface到IOSurface使用了GPU加速的特性来提升渲染性能。

但是这种大量使用Off-Screen Canvas的做法在Android平台的浏览器上会非常糟糕。Android平台并没有IOSurface的同等物（一块同时支持CPU读写和GPU读写的缓冲区），所以它只能使用GL API对Canvas进行加速，一个加速的Canvas，它的Buffer是一个GL Texture（被attach到一个FBO上），这意味着：
  1. 无论是绘制到Canvas本身，还是Canvas绘制到Canvas都是GPU加速的，普通的位图要绘制到Canvas上，需要先被加载到一个Texture中；
  2. Texture Buffer只能通过GPU进行读写，如果要使用CPU访问，必须先通过glReadPixels把内容从显存拷贝到一块普通内存，而这个操作会非常慢并且会造成GL渲染流水线的阻塞；
  3. 如果游戏频繁创建和销毁一些比较小的Canvas，会很容易造成显存的碎片化，让显存的耗尽速度加快，并且创建太多的Canvas也容易把GPU资源都消耗光，导致后续的分配失败和渲染错误；
  4. 当每个Game Loop都对多个Canvas进行同时更新时，会导致GL Context不断地切换不同的Render Target（FBO），而这对GL的渲染性能有很大的影响；
后续的内容会进一步说明如何针对使用GL加速的Canvas渲染架构进行优化。

注释：
  1. 一般GPU都会带有多个独立的加速单元，包括3D加速单元，支持GL和D3D这样的3D API；2D位拷贝加速单元，对将一块缓冲区绘制到另外一块缓冲区进行加速；2D矢量绘制加速单元，支持像OpenVG这样的2D API，但是Android平台只支持通过GL API使用GPU加速，并没有公开的2D位拷贝加速API，虽然2.x的时候厂商可以提供一个copybit模块对位拷贝进行加速，供SurfaceFlinger使用，但这个模块不是通用的，并且不对外公开，另外在4.x的时候也已经移除了。
  2. Off-Screen Canvas在文中是指display:none，没有attach到DOM树上的Canvas，相对于On-Screen Canvas而言。

Rule #2 优化网页的DOM树结构

 

Canvas只是网页的一部分，它最终要显示出来还需要浏览器对网页本身的绘制，如果网页的DOM树结构越复杂，浏览器花在网页绘制上的时间也就越长，网页绘制占用的CPU/GPU资源也就越多，而留给Canvas绘制的CPU/GPU资源也就越少，这意味着Canvas绘制本身需要的时间也越长。并且网页绘制的耗时越长，Canvas最终更新到屏幕上的延迟也就越长，总之，这是一个此消彼涨的过程。所以，优化网页的DOM树结构，让其尽可能简单，浏览器就可以把更多的系统资源花费在Canvas的绘制上，从而提升Canvas的渲染性能。

 

最理想的DOM结构就是只包含一个<body>，加上一个<div>作为容器和加上一个<canvas>本身。如果Canvas上面需要显示其它的网页内容，最好只是用于一些临时使用的对话框之类的东西，而不是一直固定显示。

 

Rule #3 优化网页元素的css背景设置

 

跟#2的道理一样，背景设置越简单或者根本不设置背景，浏览器花费在网页本身绘制的开销也就越小，一般来说<canvas>元素本身都不应该设置css背景，它的背景应该通过Canvas API来绘制，避免浏览器在绘制<canvas>元素时还要先绘制背景，然后再绘制Canvas的内容。另外<body>和其它元素都应该首先考虑使用background-color而不是background-image，因为background-image的绘制耗时比一个纯色填充要大的多，而且背景图片本身还有消耗额外的显存资源。

 

 Rule #4 使用合适大小的Canvas

 

考虑移动设备的性能限制，Canvas不适宜太大，否则需要消耗更多的GPU资源和内存带宽，480p或者600p是一个比较合适的选择（横屏游戏可以选择800p或者960p），一般不应该超过720p。并且游戏图片资源的分辨率应该跟Canvas的分辨率保持一致，也就是正常情况下图片绘制到Canvas上应该不需要缩放。

 

一定要避免使用较低分辨率的图片，但是创建较大的Canvas，然后图片绘制到Canvas上还需要缩放的情况。这样做毫无意义，因为游戏本身的分辨率是由图片资源的分辨率来决定的，这种做法既不能提升游戏的精美程度，也白白浪费了系统资源。

 

如果自己预先指定了Canvas的大小，又希望Canvas在网页中全屏显示，可以通过<meta viewport>标签设置viewport的大小（*1，*2），直接告诉浏览器网页虚拟viewport的宽度应该是多少，并且让viewport的宽度等于Canvas的宽度，而浏览器会自动按照viewport宽度和屏幕宽屏的比值对网页进行整体放大。

 

注释：
  1. <meta viewport>的设置可以参考这个例子：http://www.craftymind.com/factory/guimark3/bitmap/GM3_JS_Bitmap.html
  2. Android系统浏览器在网页不指定viewport宽度时，它会认为这是一个WWW页面，并且使用980的默认viewport宽度，UC浏览器也遵循了同样的做法。这意味着您不设置viewport宽度，并且直接使用window.clientWidth作为Canvas的宽度时，就会创建出一个980p的Canvas，通常这是毫无意义的；

 Rule #5 避免使用多个On-Screen Canvas
如#1所述，多个Canvas同时更新会降低GL渲染的效率，并且如#2所述，多个On-Screen Canvas会导致网页本身的绘制时间增加，所以应该避免使用。

Rule #6 合理地使用Off-Screen Canvas
在GL加速的Canvas渲染架构下，合理地使用Off-Screen Canvas可以在某些特定的场景提升渲染性能，但是不合理的使用反而会导致性能下降。

  1. 将图片绘制到一个Off-Screen Canvas上，然后把这个Canvas当作原图片使用，这种用法，如#1所述，在iOS上是有用的，但是在Android上不必要的，甚至会导致额外的资源浪费（虽然渲染性能还是一样）。浏览器会自动将需要绘制到Canvas的图片加载成Texture并缓存起来，避免反复加载，只要这个缓存池大小没有超过限制，图片的绘制就只需要付出一次贴图的开销，这对GPU来说是很小的；
  2. 避免使用过大或者过小的Off-Screen Canvas —— 首先过大的Canvas会超过系统的Max Texture Size而无法进行加速（*1，*2），而太小的Canvas（*3，*4），因为对它加速不但不会加快渲染速度，反而会导致如#1所述的一些问题 —— 加快GPU资源的耗尽，频繁切换Render Target的额外开销等，所以也是不加速的；
  3. 避免频繁动态创建和销毁Canvas对象，这样很容易引发GC，而且浏览器为了避免大量的Canvas Buffer把GPU资源耗尽，还会在接近临界值时进行强制GC（*5），而强制GC造成的停顿比一般GC还要长，通常会达到500ms～1000ms。所以一般来说应该事先生成所有需要的Canvas然后一直使用，或者建立一个缓存池来回收和重用；
  4. Canvas初始大小设置后就不应该再改变，否则浏览器需要为它分配新的Buffer；
  5. 需要动态生成的内容，可以在一个Off-Screen Canvas上预先生成，然后直接将这个Canvas绘制到On-Screen Canvas上，但是这个生成应该是一次性的（或者偶尔），而不是每个Game Loop都需要更新，否则就会造成#1所述的问题 —— 频繁切换Render Target的额外开销；
  6. 如果场景中的部分内容很少发生变化，但是位置，缩放比例，旋转角度，透明度等属性需要频繁变化，可以把一个Off-Screen Canvas当作Layer使用，缓存这部分内容，然后在绘制这部分内容时就直接绘制这个Off-Screen Canvas；
总结一下，Off-Screen Canvas的使用应该尽量遵循以下原则：
  1. 数量适中（越少越好）；
  2. 大小适中（面积128x128以上，长宽2048以内，并且为2的幂次方对GPU来说是最友好的）；
  3. 一次创建，大小固定，持续使用；
  4. 读多写少（可以在每个Game Loop都绘制到On-Screen Canvas上，但是自身更新/变化的次数应该很少，避免每个Game Loop都更新）；
注释：
  1. 一般手机的Max Texture Size是2048，高端的机器可能会到4096或者8192，Canvas长宽任意一边超过这个大小都无法使用Texture做为自己的Buffer；
  2. 非加速的Canvas仍然使用普通的Bitmap作为自己的Buffer，这意味着它的绘制仍然使用CPU，并且它绘制到另外一个Canvas还需要先加载成Texture，而加速的Canvas本身就是一个Texture，所以它绘制到另外一个Canvas上只需要一次贴图的开销；
  3. WebKit默认的设置是128x128大小以内的Canvas不加速，UC和Chrome都使用了默认的设置；
  4. 把一个比较大，加速的Canvas绘制到一个比较小，不加速的Canvas会非常非常慢，这是因为浏览器需要从显存拷贝内容到普通内存，拷贝的速度很慢并且会造成GL渲染流水线的阻塞；
  5. 一个小技巧是，如果一个Canvas不再使用，可以将它的长宽设置为0，这样在JSVM的垃圾收集器还没有回收该Canvas对象时，浏览器就可以先释放它的Buffer，这样可以避免浏览器因为Buffer占用太多而不得不强制GC，不过总的来说最好还是自己建立缓存池；

Rule #7 避免频繁调用getImageData，putImageData和toDataURL
因为它们都会需要从显存拷贝内容到普通内存，或者相反，拷贝的速度很慢并且会造成GL渲染流水线的阻塞。所以不要在每个Game Loop都调用这几个API。

Rule #8 如果需要最大帧率，优先使用requestAnimationFrame而不是Timer
如果您的游戏只需要20或者30帧，那么就只能使用Timer。但是如果希望达到设备本身的最大帧率，则应该使用rAF，因为rAF可以让浏览器把网页绘制，Canvas绘制跟屏幕刷新保持同步，减少Canvas更新的延迟，并且在网页不可见的时候还可以自动停止rAF回调，避免无谓的浪费电池。

Rule #9 图片资源大小应该对GPU友好
  1. 避免使用太多小图片，而是应该把它们拼接成一张大图；
  2. 拼接的图片长宽应该是2的幂次方，并且小于或者等于2048，512x512，1024x1024都是不错的选择；
  3. 拼接的图片应该尽量避免留下大量空白区域，造成无谓的浪费

 

你可能感兴趣的:(performance)

  • 令人窒息的性能困局接手公司老旧后台系统时，我震惊地发现：首页加载竟需要12.3秒！ Lighthouse报告显示： console.log 战略储备局局长 面试前端http
    PerformanceScore:38FirstContentfulPaint:4.1sTotalBlockingTime:2.8s更糟糕的是WebPageTest的瀑布图：34个请求串行加载，TCP连接反复重建，TLS握手消耗了超过1.9秒...破局关键：HTTP/3三板斧第一斧：QUIC协议斩断队头阻塞不同于HTTP/2的TCP流阻塞，QUIC协议基于UDP实现：单个包丢失不再阻塞其他流，实测
  • Cortex-A15 Processor 简介 ASMARM ARMCortex-A15
    原文出自：http://www.arm.com/products/processors/cortex-a/cortex-a15.phpCortex-A15Processor(ViewLargerCortex-A15ProcessorImage)TheARM®Cortex®-A15MPCore™processoristoday’shigh-performanceengineforyourhighly
  • APM是怎么监控，原理是什么？Java Agent 又是什么？ 蒂法就是我 java开发语言
    一、APM监控的原理与实现APM（ApplicationPerformanceManagement）是用于监控和管理应用性能的工具，核心目标是快速定位性能瓶颈、优化用户体验。其原理可分解为以下步骤：1.数据采集APM通过多种技术手段采集应用运行时的关键指标：性能指标：响应时间、吞吐量（TPS/QPS）、错误率、CPU/内存使用率、线程状态等。调用链追踪（DistributedTracing）：记录
  • 如何高效准备PostgreSQL认证考试？ leegong23111 postgresql数据库
    高效准备PostgreSQL中级认证考试，可从知识储备、技能提升、模拟考试等方面入手，以下是具体建议：深入学习理论知识系统学习核心知识：依据考试大纲，对PostgreSQL的体系结构、数据类型、SQL语言、事务处理、存储过程、索引等核心知识进行系统学习。可以参考《PostgreSQL10HighPerformance》《ProPostgreSQL》等书籍，深入理解原理和概念。研究官方文档：Post
  • 【六袆 - MySQL】SQL优化；Explain SQL执行计划分析； 鞠崽23333 Mysql技术相关mysqlsql数据库
    ExplainSQL执行计划分析概念：EnglishUnit案例分析1.分析的SQL2.执行计划分析【如图】MySQL执行计划参数以及它们的影响或意义：概念：MySQL执行计划（ExecutionPlan）是数据库系统根据查询语句生成的一种执行策略，用于指导数据库引擎执行查询操作。EnglishUnitThischapterexplainshowtooptimizeMySQLperformance
  • 《ollama ：AI library》 空云风语 人工智能人工智能
    AILibrarySortByPopularNewestdeepseek-r1DeepSeek'sfirst-generationofreasoningmodelswithcomparableperformancetoOpenAI-o1,includingsixdensemodelsdistilledfromDeepSeek-R1basedonLlamaandQwen.1.5b7b8b14b32b
  • 什么是全链路压测？ 程序员雷叔 压力测试测试用例功能测试单元测试jmeterselenium测试工具
    全链路压测（End-to-End（E2E）PerformanceTesting）是指对软件系统或服务进行综合性能测试的一种方法。它模拟了真实的用户场景和环境，从用户端到服务器端的整个链路进行测试，包括用户界面、网络传输、服务器处理、数据库访问等环节。全链路压测的目标是评估系统在高负载和复杂场景下的性能表现，找出性能瓶颈和潜在的问题，以便优化系统的性能和稳定性。通过模拟大量的并发用户访问、持续高负载
  • SkyWalking Dream答案 SpringCloudAlibaba学习之旅skywalking分布式链路追踪
    一、APM系统APM（ApplicationPerformanceMonitoring）即应用程序性能监控系统，是对企业系统即时监控以实现对应用程序性能管理和故障管理的系统化的解决方案。应用性能管理，主要指对企业的关键业务应用进行监测、优化，提高企业应用的可靠性和质量，保证用户得到良好的服务，降低IT成本；二、分布式链路追踪分布式链路追踪通过跟踪和记录请求在分布式系统中的传播路径和性能数据，帮助开
  • chrome高版本浏览器不兼容driver.execute_script(“return window.performance.getEntries()“)的解决方法 lilaihao1030 疑难杂症集chromejavaseleniumperformanceexecute_scriptgetEntries
    一、背景之前使用driver.execute_script("returnwindow.performance.getEntries()")的方法获取浏览器所有请求，很好用，可是后来一旦更新谷歌浏览器后，运行相关代码就会报错（如下）entries=self.driver.execute_script("returnwindow.performance.getEntries()")File"C:\U
  • 【软件体系结构】软件体系结构评估 向懒羊羊学习的大猫 软件体系结构
    1.软件体系结构评估概述1.1软件质量属性性能（Performance）：关注系统响应时间和吞吐量等关键指标。衡量系统在完成特定功能时的及时性和效率。可靠性（Reliability）：系统在意外或错误使用情况下维持功能的能力。包括容错性、健壮性等，确保系统稳定运行。可用性（Availability）：系统能够正常运行的时间比例。衡量用户能够访问和使用系统的程度。安全性（Security）：系统在提
  • Big Data (H/M) Assessed Exercise 后端
    BigData(H/M)AssessedExerciseTaskSheet2024/25–Individual–v107/02/25SummaryThegoalofthisexerciseistofamiliarizeyourselveswiththedesign,implementationandperformancetestingofBigDataanalysistasksusingApach
  • pinpoint安装及介绍 jack-life pinpointpinpoint
    Pinpoint翻译自Pinpoint的github首页内容Pinpoint是一个开源的APM(ApplicationPerformanceManagement/应用性能管理)工具，用于基于Java的大规模分布式系统。仿照GoogleDapper,Pinpoint通过跟踪分布式应用之间的调用来提供解决方案，以帮助分析系统的总体结构和内部模块之间如何相互联系.注：对于各个模块之间的通讯英文原文中用的
  • DPVS_dpvs: DPVS架构图 介绍 DPVS是基于DPDK的高性能第4层负载均衡器 weixin_39878247 DPVS
    DPVSIntroductionDPVSisahighperformanceLayer-4loadbalancerbasedonDPDK.It'sderivedfromLinuxLVSandit'smodificationalibaba/LVS.thenameDPVScomesfrom"DPDK-LVS".Differenttechniquesareappliedforhighperformanc
  • Rust 性能优化 : Rust 性能优化技巧，提升 Rust 程序的执行效率和资源利用率 The Rust Performance AI天才研究院 Python实战自然语言处理人工智能语言模型编程实践开发语言架构设计
    作者：禅与计算机程序设计艺术1.简介在过去的几年中，随着编程语言的快速发展，编程人员已经逐渐从依赖编译型语言转向了使用解释型语言。相对于编译型语言来说，解释型语言具有更快的执行速度，在某些情况下甚至可以实现接近编译器的运行时效率。但是另一方面，这些语言也存在一些缺点，例如容易崩溃、内存管理困难、不支持多线程等。Rust是一门新兴的语言，它受到了谷歌、Mozilla、微软、Facebook、RedH
  • 三维重建（十三）——多视角重建 周末不下雨 三维重建三维重建3d
    文章目录一、多视角重建1.1SFM（StructurefromMotion）1.2NRSFM（Non-RigidStructurefromMotion）1.3TheRelightables:VolumetricPerformanceCaptureofHumanswithRealisticRelighting二、基于可微渲染的多视角重建三、数据采集策略3.1相机配置与布置3.2视角覆盖与重叠3.3光
  • OpenMetadata MySQL 数据库使用率提取管道实现解析 10年JAVA大数据技术研究者 数据治理数据库mysqlopenmetadata源码分析
    目录架构概述核心组件源码分析使用率指标定义数据提取流程图源码类图配置与扩展指南架构概述OpenMetadata通过可插拔的元数据摄取框架实现对MySQL使用率数据的采集，核心流程包含三个阶段：数据采集层：从MySQLperformance_schema和sysschema获取原始指标指标处理层：将原始数据转换为统一的使用率指标模型数据存储层：将处理后的指标持久化到OpenMetadata服务核心组
  • chrome://命令大全 sina_wjz chrome
    chrome://.......命令集结Chrome有很多的特性在界面菜单中是没有体现的，可以通过chrome://命令来访问我搜集了下面这些！！！当然也是在网上找的！有的我自己也不知道是什么，具体作用是什么！还是等高人来探讨吧！chrome://.......后面还有很多命令chrome://plugins（插件）chrome://flags（实验室）chrome://performance（性
  • Beyond Scaling Laws: Understanding Transformer Performance with Associative Memory UnknownBody LLMDailytransformer深度学习人工智能语言模型
    本文是LLM系列文章，针对《BeyondScalingLaws:UnderstandingTransformerPerformancewithAssociativeMemory》的翻译。超越缩放定律：用联想记忆理解Transformer性能摘要1引言2相关工作3模型4新的能量函数5交叉熵损失6实验结果7结论摘要增大Transformer模型的大小并不总是能够提高性能。这种现象不能用经验缩放定律来解
  • AWS Certified Solutions Architect 彻骨寒风 aws
    NetworkACLsarestateless,andsecuritygroupsarestatefulTheALBstopssendingtraffictotheinstance.Runtheclusterson-premisesusingAmazonEKSDistro.DynamoDB：StoringmetadataforS3objectsHigh-performancereadsandwri
  • 面向架构评估的质量属性 iamphp 系统架构设计师架构质量属性
    为了评价一个软件系统，特别是软件系统的架构，需要进行架构评估。在架构评估过程中，评估人员所关注的是系统的质量属性。评估方法所普遍关注的质量属性有以下几种。1.性能性能(Performance)是指系统的响应能力，即要经过多长时间才能对某个事件做出响应，或者在某段事件内系统所能处理的事件的个数。经常用单位时间内所处理事务的数量或系统完成某个事务处理所需的时间来对性能进行定量表示。性能测试经常要使用基
  • 前端高级面试题 阿芯爱编程 面试前端
    以下是一些高级前端面试题及答案：一、性能优化如何对大型前端项目进行性能剖析（profiling）？答案：使用ChromeDevTools中的Performance面板。可以记录页面加载和交互过程中的各种性能指标，如脚本执行时间、渲染时间、重绘和回流次数等。利用Lighthouse工具，它可以对网页进行全面的性能评估，包括加载性能、可访问性、最佳实践等方面，并给出优化建议。在代码中手动插入性能测量点
  • Amazon RDS Performance Insights优化SQL性能 ivwdcwso 运维开发sql数据库awsPerformancerds
    1.关键SQL性能指标分析1.1执行时间总执行时间:衡量SQL语句消耗的总时间。平均执行时间:单次执行的平均耗时。最大执行时间:最长的单次执行时间,用于识别异常情况。1.2执行频率调用次数:SQL语句被执行的总次数。每秒执行次数:反映SQL的执行频率。1.3资源消耗CPU使用率:SQL执行消耗的CPU资源。I/O使用:包括读取和写入的I/O操作数。内存使用:SQL执行过程中的内存消耗。1.4等待事
  • Unveiling ZCC5183A/B: The Power - packed 3A Synchronous Buck Converters zhichengwei 其他
    Inthedynamicrealmofpowerconversion,theZCC5183AandZCC5183B3Asynchronousbuckconvertersaremakingwaveswiththeiroutstandingperformance.Theseconvertersfeatureawideinputvoltagerangeof4.5Vto20V,enablingthemto
  • ZCC6507: A Superior Isolated Power Solution Outperforming SN6507 zhichengwei 其他
    Inthefieldofisolatedpowerdesign,engineersareconstantlyseekingmoreefficient,flexible,andcost-effectivesolutions.TheZCC6507,ahigh-performancepush-pulltransformerdriver,standsoutwithitsuniquedesignandsig
  • OpenAPM：构建开源应用性能管理的新时代 龙天林
    OpenAPM：构建开源应用性能管理的新时代landscape-modelModelfortheopen-sourceapplicationperformancemanagementlandscapepresentedonthehttps://openapm.iowebsite.项目地址:https://gitcode.com/gh_mirrors/la/landscape-model项目介绍Op
  • 开源 APM 性能检测系统与架构 老黄浅谈质量 性能测试开源架构
    开源APM性能检测系统与架构（一）APM基础篇介绍APM的定义、核心思想和作用。APM，全称ApplicationPerformanceManagement，是一种应用性能监控工具。目前市面的系统基本都是参考Google的Dapper（大规模分布式系统的跟踪系统）来做的。APM通过汇聚业务系统各处理环节的实时数据，分析业务系统各事务处理的交易路径和处理时间，实现对应用的全链路性能监测。其核心思想是
  • 推荐：Next.js 企业级脚手架模板 潘俭渝Erik
    推荐：Next.js企业级脚手架模板next-enterpriseAnenterprise-gradeNext.jsboilerplateforhigh-performance,maintainableapps.PackedwithfeatureslikeTailwindCSS,TypeScript,ESLint,Prettier,testingtools,andmoretoacceleratey
  • 集群lvs 胤要努力学习 服务器网络运维
    集群集群概述什么是集群？通过网络连接组合成一个计算机组，来共同完一个任务。而对外表现为一个整体，只提供一个访问入口（域名或IP地址），为用户提供服务，组成集群的服务器称之为群的节点。集群的特性：、）高性能(performance)）高可用性）可伸缩性）价格有效性（性价比）集群的种类：负载均衡集群（laodbalancecluster，简称LB）:以提高应用系统的响应能力，尽可能处理更多的访问请求，
  • 【性能监控】如何有效监测网页静态资源大小？
    前言作为前端人员肯定经常遇到这样的场景：需求刚上线，产品拿着手机来找你，为什么页面打开这么慢呀，心想自己开发的时候也有注意性能问题呀，不可能会这么夸张。那没办法只能排查下是哪一块影响了页面的整体性能，打开浏览器控制台一看，页面上的这些配图每张都非常大，心想这些配图都这么大，页面怎么快，那么我们有没有办法监测页面上的这些静态资源大小，从而避免这种情况的发生。PerformancePerformanc
  • 【oracle 学习路线图】 Larry Chow Oracle数据库入门
    【oracle学习路线图】来源：https://www.cnblogs.com/tango-dg/p/3771768.html初级阶段：可以从OCP教材开始，还有文档中的Administrator'sGuide、Concepts、PerformanceTuningGuide、BackupandRecoveryAdvancedUser'sGuide、BackupandRecoveryBasics。特
  • web报表工具FineReport常见的数据集报错错误代码和解释 老A不折腾 web报表finereport代码可视化工具
    在使用finereport制作报表，若预览发生错误，很多朋友便手忙脚乱不知所措了，其实没什么，只要看懂报错代码和含义，可以很快的排除错误，这里我就分享一下finereport的数据集报错错误代码和解释，如果有说的不准确的地方，也请各位小伙伴纠正一下。   NS-war-remote=错误代码\:1117 压缩部署不支持远程设计 NS_LayerReport_MultiDs=错误代码
  • Java的WeakReference与WeakHashMap bylijinnan java弱引用
    首先看看 WeakReference wiki 上 Weak reference 的一个例子： public class ReferenceTest { public static void main(String[] args) throws InterruptedException { WeakReference r = new Wea
  • Linux——（hostname）主机名与ip的映射 eksliang linuxhostname
    一、 什么是主机名 无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。但IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。域名类型 linuxsir.org 这样的； 主机名是用于什么的呢？ 答：在一个局域网中，每台机器都有一个主
  • oracle 常用技巧 18289753290
    oracle常用技巧 ①复制表结构和数据   create table  temp_clientloginUser as   select distinct userid from tbusrtloginlog ②仅复制数据 如果表结构一样 insert into  mytable  select  * &nb
  • 使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException 酷的飞上天空 exception
    有一个线上环境使用的是c3p0数据库，为外部提供接口服务。最近访问压力增大后台tomcat的日志里面频繁出现 com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.v2.resourcepool.BasicResou
  • IT系统分析师如何学习大数据 蓝儿唯美 大数据
    我是一名从事大数据项目的IT系统分析师。在深入这个项目前需要了解些什么呢？学习大数据的最佳方法就是先从了解信息系统是如何工作着手，尤其是数据库和基础设施。同样在开始前还需要了解大数据工具，如Cloudera、Hadoop、Spark、Hive、Pig、Flume、Sqoop与Mesos。系 统分析师需要明白如何组织、管理和保护数据。在市面上有几十款数据管理产品可以用于管理数据。你的大数据数据库可能
  • spring学习——简介 a-john spring
    Spring是一个开源框架，是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只能由EJB完成的事情。然而Spring的用途不仅限于服务器端的开发，从简单性，可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。其主要特征是依赖注入、AOP、持久化、事务、SpringMVC以及Acegi Security 为了降低Java开发的复杂性，
  • 自定义颜色的xml文件 aijuans xml
    <?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <color name="black">#000000</color> &
  • 运营到底是做什么的？ aoyouzi 运营到底是做什么的？
    文章来源：夏叔叔（微信号：woshixiashushu），欢迎大家关注！很久没有动笔写点东西，近些日子，由于爱狗团产品上线，不断面试，经常会被问道一个问题。问：爱狗团的运营主要做什么？答：带着用户一起嗨。为什么是带着用户玩起来呢？究竟什么是运营？运营到底是做什么的？那么，我们先来回答一个更简单的问题——互联网公司对运营考核什么？以爱狗团为例，绝大部分的移动互联网公司，对运营部门的考核分为三块——用
  • js面向对象类和对象 百合不是茶 js面向对象函数创建类和对象
    接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言 但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下  ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似   下面介绍一些js的类和对象的创建的技术   一:类和对
  • web.xml之资源管理对象配置 resource-env-ref bijian1013 javaweb.xmlservlet
    resource-env-ref元素来指定对管理对象的servlet引用的声明，该对象与servlet环境中的资源相关联 <resource-env-ref> <resource-env-ref-name>资源名</resource-env-ref-name> <resource-env-ref-type>查找资源时返回的资源类
  • Create a composite component with a custom namespace sunjing
    https://weblogs.java.net/blog/mriem/archive/2013/11/22/jsf-tip-45-create-composite-component-custom-namespace   When you developed a composite component the namespace you would be seeing would
  • 【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter bit1129 mongodb
     一、复本集为什么要加入Arbiter这个角色 回答这个问题，要从复本集的存活条件和Aribter服务器的特性两方面来说。 什么是Artiber？ An arbiter does not have a copy of data set and cannot become a primary. Replica sets may have arbiters to add a
  • Javascript开发笔记 白糖_ JavaScript
    获取iframe内的元素 通常我们使用window.frames["frameId"].document.getElementById("divId").innerHTML这样的形式来获取iframe内的元素，这种写法在IE、safari、chrome下都是通过的，唯独在fireforx下不通过。其实jquery的contents方法提供了对if
  • Web浏览器Chrome打开一段时间后，运行alert无效 bozch Webchormealert无效
    今天在开发的时候，突然间发现alert在chrome浏览器就没法弹出了，很是怪异。 试了试其他浏览器，发现都是没有问题的。 开始想以为是chorme浏览器有啥机制导致的，就开始尝试各种代码让alert出来。尝试结果是仍然没有显示出来。 这样开发的结果，如果客户在使用的时候没有提示，那会带来致命的体验。哎，没啥办法了 就关闭浏览器重启。   结果就好了，这也太怪异了。难道是cho
  • 编程之美-高效地安排会议 图着色问题 贪心算法 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.Random; public class GraphColoringProblem { /**编程之美 高效地安排会议 图着色问题 贪心算法 * 假设要用很多个教室对一组
  • 机器学习相关概念和开发工具 chenbowen00 算法matlab机器学习
    基本概念： 机器学习(Machine Learning, ML)是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。 它是人工智能的核心，是使计算机具有智能的根本途径，其应用遍及人工智能的各个领域，它主要使用归纳、综合而不是演绎。 开发工具 M
  • [宇宙经济学]关于在太空建立永久定居点的可能性 comsci 经济
           大家都知道,地球上的房地产都比较昂贵,而且土地证经常会因为新的政府的意志而变幻文本格式........        所以,在地球议会尚不具有在太空行使法律和权力的力量之前,我们外太阳系统的友好联盟可以考虑在地月系的某些引力平衡点上面,修建规模较大的定居点
  • oracle 11g database control 证书错误 daizj oracle证书错误oracle 11G 安装
    oracle 11g database control 证书错误  win7 安装完oracle11后打开 Database control 后，会打开em管理页面，提示证书错误，点“继续浏览此网站”，还是会继续停留在证书错误页面 解决办法： 是 KB2661254 这个更新补丁引起的，它限制了 RSA 密钥位长度少于 1024 位的证书的使用。具体可以看微软官方公告：
  • Java I/O之用FilenameFilter实现根据文件扩展名删除文件 游其是你 FilenameFilter
    在Java中，你可以通过实现FilenameFilter类并重写accept(File dir, String name) 方法实现文件过滤功能。 在这个例子中，我们向你展示在“c:\\folder”路径下列出所有“.txt”格式的文件并删除。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
  • C语言数组的简单以及一维数组的简单排序算法示例，二维数组简单示例 dcj3sjt126com carray
    # include <stdio.h> int main(void) { int a[5] = {1, 2, 3, 4, 5}; //a 是数组的名字 5是表示数组元素的个数，并且这五个元素分别用a[0], a[1]...a[4] int i; for (i=0; i<5; ++i) printf("%d\n",
  • PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。 就是 唯一 且 不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引 dcj3sjt126com primary
    PRIMARY, INDEX, UNIQUE 这3种是一类PRIMARY 主键。 就是 唯一 且 不能为空。INDEX 索引，普通的UNIQUE 唯一索引。 不允许有重复。FULLTEXT 是全文索引，用于在一篇文章中，检索文本信息的。举个例子来说，比如你在为某商场做一个会员卡的系统。这个系统有一个会员表有下列字段：会员编号   INT会员姓名  
  • java集合辅助类 Collections、Arrays shuizhaosi888 CollectionsArraysHashCode
      Arrays、Collections   1 ）数组集合之间转换 public static <T> List<T> asList(T... a) { return new ArrayList<>(a); }      a）Arrays.asL
  • Spring Security（10）——退出登录logout 234390216 logoutSpring Security退出登录logout-urlLogoutFilter
           要实现退出登录的功能我们需要在http元素下定义logout元素，这样Spring Security将自动为我们添加用于处理退出登录的过滤器LogoutFilter到FilterChain。当我们指定了http元素的auto-config属性为true时logout定义是会自动配置的，此时我们默认退出登录的URL为“/j_spring_secu
  • 透过源码学前端 之 Backbone 三 Model 逐行分析JS源代码 backbone源码分析js学习
    Backbone 分析第三部分  Model 概述： Model 提供了数据存储，将数据以JSON的形式保存在 Model的 attributes里， 但重点功能在于其提供了一套功能强大，使用简单的存、取、删、改数据方法，并在不同的操作里加了相应的监听事件， 如每次修改添加里都会触发 change，这在据模型变动来修改视图时很常用，并且与collection建立了关联。
  • SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter 乒乓狂魔 springMVC
    这一篇文章主要介绍下HttpMessageConverter整个注册过程包含自定义的HttpMessageConverter，然后对一些HttpMessageConverter进行具体介绍。 HttpMessageConverter接口介绍： public interface HttpMessageConverter<T> { /** * Indicate
  • 分布式基础知识和算法理论 bluky999 算法zookeeper分布式一致性哈希paxos
      分布式基础知识和算法理论 BY NODEXY@2014.8.12 本文永久链接：http://nodex.iteye.com/blog/2103218   在大数据的背景下，不管是做存储，做搜索，做数据分析，或者做产品或服务本身，面向互联网和移动互联网用户，已经不可避免地要面对分布式环境。笔者在此收录一些分布式相关的基础知识和算法理论介绍，在完善自我知识体系的同
  • Android Studio的.gitignore以及gitignore无效的解决 bell0901 androidgitignore
    　　github上.gitignore模板合集，里面有各种.gitignore ： https://github.com/github/gitignore 　　自己用的Android Studio下项目的.gitignore文件，对github上的android.gitignore添加了 　　　　　　# OSX files　　　　　　//mac os下　　　　　　.DS_Store
  • 成为高级程序员的10个步骤 tomcat_oracle 编程
    What 软件工程师的职业生涯要历经以下几个阶段：初级、中级，最后才是高级。这篇文章主要是讲如何通过 10 个步骤助你成为一名高级软件工程师。   Why 得到更多的报酬！因为你的薪水会随着你水平的提高而增加 提升你的职业生涯。成为了高级软件工程师之后，就可以朝着架构师、团队负责人、CTO 等职位前进 历经更大的挑战。随着你的成长，各种影响力也会提高。
  • mongdb在linux下的安装 xtuhcy mongodblinux
    一、查询linux版本号： lsb_release -a  LSB Version:    :base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noa
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他