Steve Souders 最近做了这么一个东西—— ControllJs。 主要为了是解决网页加载中Js文件的性能问题。这里做一个简单的转述。
众所周知，资源文件在浏览器加载直至用户可用是有两个阶段的：加载，执行。JavaScript的加载会阻滞其他资源的加载，而由于浏览器渲染是单线程的，JS执行的同时浏览器实际是假死状态的，页面渲染会停止，浏览器也不会下载新的文件。这样也会造成很大的性能问题， 所以Steve提出了三个方法：异步加载；延迟执行；覆写document.write。
1. 异步加载
核心思想还是很简单：让页面中的js片段对浏览器不可识别。jquery的template也是用了类似的方法。
外链脚本：由
<script type="text/javascript" src="main.js"><script>
改写成
<script type="text/cjs" src="main.js"><script>
内联脚本：由
<script type="text/javascript">sth...<script>
改写成
<script type="text/cjs">sth...<script>
这样子的type声明，浏览器是识别不了的，也不会去加载，更不会执行非ie浏览器不会加载，ie浏览器会加载这个文件，但所有都不会执行内部脚本。
接下来，对于外链的脚本，取出所有的src属性，通过Image或Object元素加载进页面（可参考css,javascript的预加载）。 这样加载的文件不会执行，节省了js的执行时间。
Gmail团队使用了另外一种方法，内联的js全部都放在/*...*/的注释中。也是可以参考的一种方法。
对于没有其他处理的脚本，ControlJS将在window.onload之后执行。对于外链重新创建一个正常的script运行，对于内联则直接eval。如果需要延迟，则需要采取下面的防范。
2. 延迟执行
正如前面说的，JS的执行也会带来大量性能问题。而据统计，一个页面只有29%的脚本是对于页面渲染，逻辑执行等有关系的，其余71%都是在页面加载之后执行，很多用户甚至都不会有机会执行他们。如果将这71%的脚本放在用户触发行为产生时才执行，将是对页面初期渲染性能多大的提升啊。
在ControlJs中，只需要简单做下面一步：
<script cjsexec=false type="text/cjs" cjssrc="jquery.min.js"></script>
声明一个cjsexec为false即可。到需要执行的时候，调用：
CJS.execScript("fg.menu.js", createExamplesMenu);
即可。
3. 重写document.write
由于ControlJs会将所有脚本在window.onload之后执行。如果此时页面中有内联脚本执行document.write（广告等），将会自动执行window.open，所有的document.write的内容将取代现有页面的内容，这是不可接受的。
于是Steve重写了document.write，当调用时，会在script节点前自动创建一个span 标签，并把document.write的输出放到span里面去。这个能解决部分问题。
ControlJS 包括了下面一些其他脚本加载程序没有的特点：
- 异步下载脚本
- 能同时处理外链和内联脚本
- 让脚本在页面加载完成之后才执行
- 支持脚本单纯下载但不执行
- 使用原生HTML
- 解决了部分document.write的问题
- control.js自身加载是异步的
参考文档：
http://www.stevesouders.com/blog/2010/12/15/controljs-part-1/
http://www.stevesouders.com/blog/2010/12/15/controljs-part-3/
http://googlecode.blogspot.com/2009/09/gmail-for-mobile-html5-series-reducing.html
分享到：
相关推荐
ControlJS 是一个优化脚本加载速度的库，它旨在提高网页性能，特别是在处理大量外部脚本时。在现代Web开发中，脚本加载是影响页面加载速度的关键因素之一。ControlJS 提供了一种智能的方式来管理和控制脚本的加载，...
本文将对几款常用的JavaScript（JS）延迟加载框架进行对比测试，包括Controljs、LABjs、Sea.js、In.js以及Do.js。 #### Controljs Controljs是一种模块化脚本加载器，允许开发者以声明的方式加载依赖项。通过`...
本文将详细介绍如何在Cognos中引入jQuery及其UI组件来实现这一目标，并提供具体的步骤和示例代码。 #### Cognos与jQuery的融合背景 Cognos是一款强大的商业智能工具，广泛应用于数据分析、报表制作等领域。然而，...
- **ControlJS**：控制脚本的加载顺序。 - **JSL**：提供了一系列工具来优化脚本加载。 - **LazyLoad**：按需加载资源，提高页面性能。 - **curl.js**：用于异步加载脚本和样式表的工具。 - **DeferJS**：延迟...
亲测可用
资源内项目源码是来自个人的毕业设计，代码都测试ok，包含源码、数据集、可视化页面和部署说明，可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源，毕设答辩评审绝对信服的保底85分以上，放心下载使用，拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务，拿来就能用的绝对好资源！！！ 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.txt文件，仅供学习参考, 切勿用于商业用途。
【项目资源】： 物联网项目适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
【项目资源】： 单片机项目适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
【项目资源】： 单片机项目适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
【项目资源】： 物联网项目适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
IDE护眼主题套件
内容概要：文章详细介绍了基于Matlab/Simulink构建的增程式电动车仿真模型。该模型由电池、电机、发动机、整车动力学、控制策略和驾驶员模块六大组件构成，重点在于各模块间的能量流动逻辑。文中特别强调了功率跟随控制策略，通过PID闭环控制使发动机功率与电池需求动态匹配，优化了燃油经济性和SOC控制精度。此外，模型采用开放式架构，所有参数通过m脚本集中管理，便于修改和扩展。文章展示了模型在典型工况下的性能表现，并突出了其在科研和工程应用中的灵活性和实用性。; 适合人群：对新能源汽车技术感兴趣的工程师、研究人员以及高校相关专业师生。; 使用场景及目标：①用于研究增程式电动车的能量管理策略；②作为教学案例帮助学生理解复杂系统的建模方法；③为实际工程项目提供可复用的仿真平台。; 阅读建议：读者应重点关注模型的架构设计和关键控制算法实现，同时结合提供的代码片段进行实践操作，以便更好地掌握增程式电动车的工作原理及其优化方法。
51a30-main.zip
内容概要：本文详细介绍了多种类型的数据库索引及其应用场景，包括普通索引、唯一性索引、单个索引、复合索引、聚簇索引、非聚簇索引、主索引、外键索引、全文索引和空间索引。每种索引都有其独特的定义、要点和适用场景，并附有具体的SQL代码示例。此外，文章还对比了InnoDB和MyISAM两种存储引擎的特点，解释了脏读、不可重复读、可重复读和幻读的概念，并讨论了SQL优化的方法以及数据库事务的ACID特性。 适合人群：具备一定数据库基础知识的开发者、数据库管理员以及参与数据库设计和优化的技术人员。 使用场景及目标：①帮助开发者选择合适的索引类型以提高查询效率；②理解不同存储引擎的特点，选择最适合应用场景的存储引擎；③掌握事务隔离级别的概念，避免数据不一致问题；④学习SQL优化技巧，提升数据库性能；⑤理解ACID特性，确保数据库操作的一致性和可靠性。 阅读建议：本文内容较为全面且深入，建议读者结合实际项目需求，重点理解不同类型索引的应用场景，掌握SQL优化的基本原则，并熟悉事务处理的最佳实践。
内容概要：本文详细介绍了MATLAB中优化算法的实现方法，涵盖确定性算法（如梯度下降法）和随机性算法（如遗传算法、粒子群优化）。文章首先讲解了梯度下降法和MATLAB优化工具箱的应用，展示了如何使用fmincon解决约束优化问题。接着，文章深入探讨了线性规划、非线性规划和多目标优化的理论和实践，提供了具体的MATLAB代码示例。此外，文中还介绍了遗传算法、粒子群优化和模拟退火算法的原理及应用，并通过实例展示了这些算法在实际问题中的使用。最后，文章讨论了优化算法在工程、金融和机器学习领域的高级应用，以及调试和优化的常见策略。 适合人群：具备一定编程基础，对优化算法感兴趣的工程师、研究人员和学生。 使用场景及目标：①理解优化算法的基础理论和实现方法；②掌握MATLAB优化工具箱的使用，解决线性、非线性、多目标优化问题；③学习遗传算法、粒子群优化和模拟退火算法的具体应用；④提高优化算法的性能和可靠性，解决实际工程、金融和机器学习问题。 阅读建议：本文内容丰富，涉及多种优化算法及其MATLAB实现，建议读者先掌握基本的优化理论和MATLAB编程基础，再逐步深入学习各类算法的具体应用。在学习过程中，结合提供的代码示例进行实践，并尝试调整参数以优化算法性能。
this is for myself learn coding, change a pc debug.
项目资源包含：可运行源码+sql文件 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 项目具有较高的学习借鉴价值，也可拿来修改、二次开发。 有任何使用上的问题，欢迎随时与博主沟通，博主看到后会第一时间及时解答。 开发语言：Python 框架：django Python版本：python3.8 数据库：mysql 5.7 数据库工具：Navicat 开发软件：PyCharm 浏览器：谷歌浏览器
【项目资源】： 单片机项目适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
内容概要：本文深入探讨了MMC型STATCOM/SVG的核心技术和调试技巧，重点讲解了载波移相调制（CPS-PWM）和电压均衡控制两大关键技术。载波移相调制通过为每个子模块设置不同的载波相位差，有效降低谐波含量并优化开关频率。电压均衡则分为桥臂内、桥臂间和相间三个层次，分别采用动态排序、比例控制和零序电压注入等方法，确保系统稳定运行。文章还分享了多个实战经验，如低压调试、红外热像仪检测以及避免参数设置不当引发的问题。; 适合人群：从事电力电子领域，特别是参与STATCOM/SVG项目的设计、开发和调试的技术人员。; 使用场景及目标：①理解MMC型STATCOM/SVG的工作原理和技术细节；②掌握载波移相调制的具体实现方法；③学习电压均衡控制的各种策略及其应用场景；④获取实际调试过程中常见问题的解决方案。; 阅读建议：本文涉及大量技术细节和实战经验，建议读者结合实际项目进行阅读，重点关注载波移相调制和电压均衡控制的具体实现，并参考提供的代码片段进行实践。
liangmmm_finalll.scdoc