⑴ http://www.eclipse.org/downloads/应该下载哪个啊
C 和 C++ 语言都是世界上最流行且使用最普遍的编程语言,因此 Eclipse 平台(Eclipse Platform)提供对 C/C++ 开发的支持一点都不足为奇。因为 Eclipse 平台只是用于开发者工具的一个框架,它不直接支持 C/C++;它使用外部插件来提供支持。本文将向您演示如何使用 CDT — 用于 C/C++ 开发的一组插件。CDT 项目(有关链接,请参阅本文后面的 参考资料一节)致力于为 Eclipse 平台提供功能完全的 C/C++ 集成开发环境(Integrated Development Environment,IDE)。虽然该项目的重点是 Linux,但它在可使用 GNU 开发者工具的所有环境(包括 Win32(Win 95/98/Me/NT/2000/XP)、QNX Neutrino 和 Solaris 平台)中都能工作。
CDT 是完全用 Java 实现的开放源码项目(根据 Common Public License 特许的),它作为 Eclipse SDK 平台的一组插件。这些插件将 C/C++ 透视图添加到 Eclipse 工作台(Workbench)中,现在后者可以用许多视图和向导以及高级编辑和调试支持来支持 C/C++ 开发。
由于其复杂性,CDT 被分成几个组件,它们都采用独立插件的形式。每个组件都作为一个独立自主的项目进行运作,有它自己的一组提交者、错误类别和邮件列表。但是,所有插件都是 CDT 正常工作所必需的。下面是 CDT 插件/组件的完整列表:
主 CDT 插件(Primary CDT plug-in)是“框架”CDT 插件。
CDT 功能 Eclipse(CDT Feature Eclipse)是 CDT 功能组件(Feature Component)。
CDT 核心(CDT Core)提供了核心模型(Core Model)、CDOM 和核心组件(Core Component)。
CDT UI是核心 UI、视图、编辑器和向导。
CDT 启动(CDT Launch)为诸如编译器和调试器之类的外部工具提供了启动机制。
CDT 调试核心(CDT Debug Core)提供了调试功能。
CDT 调试 UI(CDT Debug UI)为 CDT 调试编辑器、视图和向导提供了用户界面。
CDT 调试 MI(CDT Debug MI)是用于与 MI 兼容的调试器的应用程序连接器。
⑵ 安装WINDOES XP SP2 时,设置了开机第一启动项为CD-OM但保存设置后重启却不能进入安装程序
重启电脑的时候读到CD字样的时候按下回车,可以多按下,出字提示的时候,也按按回车,应该就可以进光区了
⑶ Web前端性能优化的实用技巧汇总
今天小编要跟大家分享的文章是关于Web前端性能优化的实用技巧汇总。javascript在浏览器中运行的性能,可以认为是开发者所面临的最严重的可用性问题。这个问题因为javascript的阻塞性而变得复杂,事实上,多数浏览器使用单一进程来处理用户界面和js脚本执行,所以同一时刻只能做一件事。js执行过程耗时越久,浏览器等待响应的时间越长。
一.提高加载性能
1.IE8,FF,3.5,Safari4和Chrome都允许并行下载js文件,当script下载资源时不会阻塞其他script的下载。但是js下载仍然会阻塞其他资源的下载,如图片。尽管脚本下载不会互相影响,但页面仍然必须等待所有js代码下载并执行完才能继续。因此仍然存在脚本阻塞问题.推荐将所有js文件放在body标签底部以减少对整个页面的影响。
2.减少页面外链脚本文件的数量将会提高页面性能:
http请求会带来额外的开销,因此下载单个300k的文件将比下载10个30k的文件效率更高。
3.动态脚本加载技术:
无论何时启动下载,文件的下载和执行都不会阻塞页面其他进程。
functionlaodScript(url,callback){
varscript=document.createElement('script');_
_cript.type='text/javascript'__f(script.readyState){//ie
____cript.onreadystatechange=function(){_____
if(script.readyState=='loaded'||script.readyState=='complete'){_______
_cript.onreadystatechange=null;_______
callback()_____
____
__
}else{//其他浏览器___
script.onload=function(){_____
_allback()
___}_
}_
script.src=url;_
document.getElementsByTagName('head')[0].appendChild(script);
}
//使用
loadScript('./a.js',function(){_
loadScript('./b.js',function(){___
loadScript('./c.js',function(){_____
console.log('加载完成')___
})_
})
})
4.无阻塞加载类库——LABjs,使用方法如下:
//链式调用时文件逐个下载,.wait()用来指定文件下载并执行完毕后所调用的函数
$LAB.script('./a.js')_
.script('./b.js')_
.wait(function(){__
_pp.init();
})
//为了保证执行顺序,可以这么做,此时a必定在b前执行
$LAB.script('./a.js').wait()_
.script('./b.js')_
.wait(function(){___
_pp.init();
})
二.数据存取与JS性能
1.在js中,数据存储的位置会对代码整体性能产生重大影响。数据存储共有4种方式:字面量,变量,数组项,对象成员。他们有着各自的性能特点。
2.访问字面量和局部变量的速度最快,相反,访问数组和对象相对较慢
3.由于局部变量存在于作用域链的起始位置,因此访问局部变量的比访问跨域作用变量更快
4.嵌套的对象成员会明显影响性能,应尽量避免
5.属性和方法在原型链位置越深,访问他的速度越慢
6.通常我们可以把需要多次使用的对象成员,数组元素,跨域变量保存在局部变量中来改善js性能
三.DOM编程
1.访问DOM会影响浏览器性能,修改DOM则更耗费性能,因为他会导致浏览器重新计算页面的几何变化。<通常的做法是减少访问DOM的次数,把运算尽量留在JS这一端。
注:如过在一个对性能要求比较高的操作中更新一段HTML,推荐使用innerHTML,因为它在绝大多数浏览器中运行的都很快。但对于大多数日常操作而言,并没有太大区别,所以你更应该根据可读性,稳定性,团队习惯,代码风格来综合决定使用innerHTML还是createElement()
2.HTML集合优化
HTML集合包含了DOM节点引用的类数组对象,一直与文档保持连接,每次你需要最新的信息时,都会重复执行查询操作,哪怕只是获取集合里元素的个数。
①_优化一——集合转数组collToArr
functioncollToArr(coll){_
for(vari=0,a=[],len=coll.length;i
a._ush(coll[i]);
__
returna
}
②缓存集合length
③访问集合元素时使用局部变量(即将重复的集合访问缓存到局部变量中,用局部变量来操作)
3.遍历DOM
①使用只返回元素节点的API遍历DOM,因为这些API的执行效率比自己实现的效率更高:
td{border:1pxsolid#ccc;padding:5px;margin:auto;}
td>p{text-align:left;}
td>pspan{text-align:center;display:block;}
属性名
被替代属性
children
childNodes
childElementCount
childNodes.length
firstElementChild
firstChild
lastElementChild
lastChild
nextElementSibling
nextSibling
previousElementSibling
previousSibling
_谘≡衿_PI——querySelectorAll()
querySelectorAll()方法使用css选择器作为参数并返回一个NodeList——包含着匹配节点的类数组对象,该方法不会返回HTML集合,因此返回的节点不会对应实时文档结构,着也避免了HTML集合引起的性能问题。
let_rr=_ocument.querySelectorAll('div.warning,_iv.notice>_')
4.重绘和重排
浏览器在下载完页面的所有组件——html,js,css,图片等之后,会解析并生成两个内部数据结构——_OM树,渲染树.一旦DOM树和渲染树构建完成,浏览器就开始绘制页面元素(paint).
①重排发生的条件:
添加或删除可见的DOM元素位置变化元素尺寸改变内容改变页面渲染器初始化浏览器窗口尺寸变化出现滚动条时会触发整个页面的重排_嘏疟囟ㄖ鼗
5.渲染树变化的排列和刷新
大多数浏览器通过队列化修改并批量执行来优化重排过程,然而获取布局信息的操作会导致队列强制刷新。
offsetTop,offsetWidth...
scrollTop,scrollHeight...
clientTop,clientHeight...
getComputedStyle()
一些优化建议:将设置样式的操作和获取样式的操作分开:
//设置样式
body.style.color='red'
body.style.fontSize=པpx'
//读取样式
letcolor=body.style.color
let_ontSize=_ody.style.fontSize
另外,获取计算属性的兼容写法:
functiongetComputedStyle(el){_
varcomputed=(document.body.currentStyle?el.currentStyle:document.defaultView.getComputedStyle(el,'');_
returncomputed
}
6.最小化重绘和重排
①.批量改变样式
/*使用cssText
*/el.style.cssText='border-left:1px;_order-right:2px;_adding:20px'
②.批量修改dom的优化方案——使元素脱离文档流-对其应用多重改变-把元素带回文档
functionappendDataToEl(option){
vartargetEl=option.target||document.body,___
createEl,___
data=option.data||[];_//让容器脱离文档流,减少重绘重排_
vartargetEl_display=targetEl.style.display;_
targetEl.style.display='none'
_
//*****创建文档片段来优化Dom操作****_
varfragment=document.createDocumentFragment();_//给元素填充数据_
for(vari=0,max=data.length;i
createEl=
document.createElement(option.createEl);___
for(varitemindata[i]){_____
if(item.toString()==='text'){_______
createEl.appendChild(document.createTextNode(data[i][item]));________ontinue;___________
_f(item.toString()==='html'){_______
createEl.innerHTML=item,data[i][item];_______
continue;_____
}_____
_reateEl.setAttribute(item,data[i][item]);_______
//****将填充好的node插入文档片段****___
fragment.appendChild(createEl);___
//****将文档片段统一插入目标容器****_
targetEl.appendChild(fragment);_
//显示容器,完成数据填充_
targetEl.style.display=
targetEl_display;
}
//使用
varwrap=document.querySelectorAll('.wrap')[0];
vardata=[_
_name:'xujaing',text:'选景',title:'xuanfij'},_
{name:'xujaing',text:'选景',title:'xuanfij'},_
{name:'xujaing',text:'选景',title:'xuanfij'}];
appendDataToEl({_
target:wrap,_
createEl:'div',
_ata:data
});
上面的优化方法使用了文档片段:_蔽颐前盐牡灯尾迦氲浇诘阒惺保导噬媳惶砑拥闹皇歉闷蔚淖咏诘悖皇瞧伪旧怼?梢允沟_om操作更有效率。
②.缓存布局信息
//缓存布局信息
letcurrent=el.offsetLeft;
current++;
el.style.left=current+'px'
if(current>300){_
stop();
}
④.慎用:hover
如果有大量元素使用:hover,那么会降低相应速度,CPU升高
⑤.使用事件委托(通过事件冒泡实现)来减少事件处理器的数量,减少内存和处理时间
functiondelegation(e,selector,callback){_
e=e||window.event;_
vartarget=e.target||e.srcElement;
_if(target.nodeName!==selector||
target.className!==selector||target.id!==selector){___
return;
_}_
if(typeofe.preventDefault==='function'){__
_.preventDefault();___
e.stopPropagation();
}else{___
e.returnValue=false;
e.cancelBubble=true;_
}
__allback()}
四.算法和流程控制
1.循环中减少属性查找并反转(可以提升50%-60%的性能)
//for循环
for(vari=item.length;i--){_
process(item[i]);
}
//while循环
varj=item.length;
while(j--){_
process(item[i]);
}
2.使用Duff装置来优化循环(该方法在后面的文章中会详细介绍)
3.基于函数的迭代(比基于循环的迭代慢)
items.forEach(function(value,index,array){__rocess(value);})
4.通常情况下switch总比if-else快,但是不是最佳方案
五.字符串和正则表达式
1.除了IE外,其他浏览器会尝试为表达式左侧的字符串分配更多的内存,然后简单的将第二个字符串拷贝到他的末尾,如果在一个循环中,基础字符串位于最左侧,就可以避免重复拷贝一个逐渐变大的基础字符串。2.使用[sS]来匹配任意字符串3.去除尾部空白的常用做法:
if(!String.prototype.trim){_
String.prototype.trim=function(){___
returnthis.replace(/^s+/,'').replace(/ss*$/,'')_
}
}
六.快速响应的用户界面
1.浏览器的UI线程:用于执行javascript和更新用户界面的进程。
2.在windows系统中定时器分辨率为15毫秒,因此设置小于15毫秒将会使IE锁定,延时的最小值建议为25ms.
3.用延时数组分割耗时任务:
functionmultistep(steps,args,callback){_
vartasks=steps.concat();
__etTimeout(function(){___
vartask=tasks.shift();___
task.apply(null,args||[]);_//调用Apply参数必须是数组
___
if(tasks.length>0){_____
setTimeout(arguments.callee,25);
___else{_____
_allback();___
__
},25);
}
4.记录代码运行时间批处理任务:
functiontimeProcessArray(items,process,callback){_
vartodo=item.concat();__etTimeout(function(){___
varstart=+newDate();
__o{_____
_rocess(todo.shift());___
}while(todo.length>0&&(+newDate()-start<50));
____f(todo.length>0){_____
_etTimeout(arguments.callee,25);
___else{____
_allback(items);_
}_
_,25)
}
5.使用WebWorker:它引入了一个接口,能使代码运行且不占用浏览器UI线程的时间。一个Worker由如下部分组成:
①一个navigator对象,包括app
⑷ Web前端性能优化之JavaScript篇
今天小编要跟大家分享的文章是关于Web前端性能优化之JavaScript篇。希望这篇文章能给大家日常开发、面试带来帮助。想要了解Web前端优化的小伙伴们来和小编一起看一看吧!
一、用户看到页面之前都经历了什么
·___觳榛捍
·___NS服务器通过域名查找对应的Web服务器的ip地址
·___挝帐只啤⑺拇位邮只
·___TTP请求
·___祷刈试
二、页面渲染过程
页面加载过程
·___嫡轮跋人导傅悖
§_韵钟械耐ㄓ孟允酒魑÷蚀蠖辔60fps,即一秒钟60帧,这是一个什么概念呢,就是一秒钟的动画是由60幅静态图片连在一起形成的。60fps是动画播放比较理想,比较基础的要求。
§_颐撬档囊趁婵_耍褪且趁媸д媪耍蛘叩糁×耍幻胫用挥60个画面了,看起来不流畅了
§_庵智榭龅脑蚓褪且趁嬖阡秩灸承┲∈彼ǖ氖奔浣铣ぃ贾峦A粼谡庑┲〉氖奔浣铣ぃ曰婵ǘ倭恕
·___avaScript=>Style=>Layout=>Paint=>Composite=>Reflow?=>Repaint?
§_秩_OM树和CSSOM树
§_avaScript规则合并DOM树和CSSOM树行程RenderTree_*遍历渲染树开始布局,计算每个节点的位置大小信息,将RenderTree的每个节点绘制(composite)在屏幕上
§_eflow:元素的几何尺寸发生了改变,需要重新验证并计算渲染树,是渲染树的一部分或者全部发生了变化
§_epaint:屏幕的一部分重画,不影响整体布局,比如某个CSS的背景色变了,但元素的几何尺寸和位置不变
三、页面渲染过程优化
·___攵_om节点的显示隐藏进行优化
§(1)display:none的节点不会被加入RenderTree,
而visibility:hidden则会,所以,如果某个节点最开始是不显示的,
设为display:none是更优的。
§(2)display:none会触发reflow,而visibility:hidden只会触发repaint,
因为没有发现位置变化。
§(3)有些情况下,比如修改了元素的样式,浏览器并不会立刻reflow或repaint一次,
而是会把这样的操作积攒一批,然后做一次reflow,这又叫异步reflow或增量异步reflow。
但是在有些情况下,比如resize窗口,改变了页面默认的字体等。
对于这些操作,浏览器会马上进行reflow。
·___om深度尽量浅
·___跎傩心_ss和js的使用
·___鲜实难≡衿鳎苊夂蟠≡衿鳎ㄅ浞≡衿
§_ss选择器匹配:从右往左,最后一个选择器被称为关键选择器,最后一个选择器越特殊,需要匹配的次数越少
·___跎_ayout
§_ayout是比较耗时的操作,要减少页面重绘。能用transform就不用position/width/height做动画,还要减少layout的影响范围
·___苊馇恐菩酝讲季
//如果有一组_OM_兀颐切枰寥∷堑目矶龋⑸柚闷涓叨扔肟矶纫恢
for(let_=0,len=_ivs.length;_
__divs[i].style.height=_idth+'px'
}
//执行这段代码就引起了强制性同步布局(forced_ynchonous_ayout),
在每次迭代开始的时候都会进行重新计算布局,这是很昂贵的操作,千万要避免
--------------------------------------------------------------
//分离读与写
let_idthArray=_];
for(let_=0,len=_ivs.length;_
__widthArray.push(width);
}
for(let_=0,len=_ivs.length;_
}
·___觳郊釉_s文件并合并js文件
§_婕暗揭桓鲣榔鞑⒎⑶肭笫康奈侍猓
§__horme浏览器针对每一个域最多只能有6个TCP连接
§_诙丝谑亢拖叱糖谢豢目悸,浏览器不可能无限量的并发请求
§_⒎窃酱笤胶茫诹贾湍酰目悸牵;や榔骱头衿鞲玫男阅
§_咐住⒈┓缬耙舻瓤梢孕薷牡缒缘淖畲罅邮
四、加快页面的打开速度
页面开启速度主要指标:白屏时间,首屏时间,页面加载完成时间,所有资源加载完成
·___跎黉秩径氯(js、css)
两种处理方式有什么区别呢?
head标签中的外链脚本会影响DOM构建和页面图片加载,特别是脚本很多时,所以需要加上defer避免阻塞。但是加上defer属性的资源加载的优先级会降为最低,甚至比图片还低,高优先级的资源加载顺序会优于低优先级的加载。如果页面的展示比交互重要,需要马上加载出来,可以加上defer,否则还是把JS文件放在body后面就行了
§__cript标签放在body后面
§__cript标签添加defer属性,异步加载,延后执行script资源
·___呕计
§_褂孟煊κ酵计
§_邮奔釉赝计
§_葱杓釉赝计
§_褂醚┍掏迹急曜痔
§_岷鲜褂_VG图
·___顾鹾突捍
§_zip压缩、Cache-control、Etag
五、增强用户体验
·___釉_oading框
·___黾庸榷Ч
·___侠砑笆钡拇砦蟠_
·___诵曰牡却换
以上就是小编今天为大家分享的关于Web前端性能优化之JavaScript篇的文章,希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助,想要了解更多Web前端知识记得关注北大青鸟Web培训官网,最后祝愿小伙伴们工作顺利,成为一名优秀的Web前端工程师。
文章来源:原创_avuer_逃阏
⑸ eclipse可以开发c++吗
eclipse可以开发c++,方法如下:
1. 首先确保电脑上已经安装了Java,如果没有,或者不确定,请到官网上下载并安装
2. 到官网上下载并安装Eclipse,因为是用来进行C、C++编程的,需要选择Eclipse IDE for C/C++ Developers(并根据所使用的系统具体选择32位或者64位),如下图(注意是选择画红框的那个),这里面已经集成了CDT。
至此,基本安装和配置步骤就已经完成了。已经可以利用Eclipse来进行C、C++编程了。