【经验分享】这个牛逼的网站是如何用WebGL实现超炫3D效果的？
& & &前几天， 发的那个牛逼的网站，赢在了视觉设计和互动效果上。今天，给大家分享一下它里面的一个重要技术运用——WebGL实现3D月熊建模。网址是这个：。大家可以先进去看看。下面切入正题：
& & &翻开月熊志的第一本书，首先映入眼帘的就是一只可爱的月熊——Jasper。它是贯穿月熊志的主角，在这页中可以看到月熊及场景是3D的并且是无插件的，那么它是如何被活灵活现的搬到网页中的呢？这篇文章来解答这个疑惑。
在这个页面，为了更好的把月熊的生长环境和氛围更好的渲染出来，我们通过WebGL把Jasper搬到浏览器上，让大家可以更好的了解它。WebGL是一种3D绘图标准，允许把JS和OpenGL ES 2.0结合在一起，无需插件并且可以利用GPU来进行图形渲染，在网页上流畅的展示3D场景和模型，接下来我们就来了解这些是如何实现的：
首先当然是在3D建模软件中制作模型，这部分不多介绍，以Blender
为例，在输出时选择Three.js并勾选Morph animation（变形动画）即可导出带动画的JS文件。
选择Export & Three.js
勾选Morph animation
在Three.js的3D世界，我们至少需要创建以下对象：
1.一个场景（scene）
2.一个渲染器(renderer)
3.一个摄像机（camera）
//创建场景
var scene = new THREE.Scene();
//创建摄像机
var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 10000);
//创建渲染器，并设置透明背景和抗锯齿为true
Var renderer = new THREE.WebGLRenderer({
&&&&&&&& alpha: true,
&&&&&&&& antialias: true
//设置视口和窗口大小一致
renderer.setSize(window.innerWidth, window.innerHeight);
我们使用的是.js格式的模型文件，所以要用Three.js的JSONLoader对象。
var loader = new THREE.JSONLoader();
JSONLoader上的load方法类似jQuery的get方法，第一个参数传入模型文件的地址，第二个参数是回调函数，回调函数同样有2个参数，第一个是模型（geometry），第二个是材质（materials）。
loader.load(&models/ground.js&, function (geometry, materials) {
&&&&&&&& //创建地面模型
&&&&&&&& var ground = new THREE.Mesh(geometry, new THREE.MeshFaceMaterial(materials));
&&&&&&&& //缩放到合适大小
&&&&&&&& ground.scale.x = ground.scale.y = ground.scale.z = 50;
&&&&&&&& //旋转模型角度
&&&&&&&& ground.rotation.y = Math.PI;
&&&&&&&& //设置模型位置
&&&&&&&& ground.position.y = -150;
&&&&&&&& ground.position.z = 200;
&&&&&&&& //添加模型到地面
&&&&&&&& scene.add(ground);
//添加 renderer 元素到文档中
document.body.appendChild(renderer.domElement);
//让摄像机对准场景
camera.lookAt(scene.position);
//渲染画面
renderer.render(scene, camera);
这个时候运行页面，就能看到模型了，不过是全黑的，因为现在还没有打上灯光。
我们需要2个光源，一个半球光和一个平行光。
半球光可以用来模拟环境光，他是在场景上方的一个光源。半球光的构造函数HemisphereLight有两个参数：颜色和光线强度，这里分别设置为白色和 0.7。
var hemisphereLight = new THREE.HemisphereLight(0xffffff, 0xffffff, .7);
scene.add(hemisphereLight);
平行光是一组具有方向的没有衰减的平行光线，可以用它来模拟太阳光：虽然遥远但打在物体上的光都来自同一个方向。
环境光的构造函数THREE.DirectionalLight也是两个参数——16进制的颜色值和光线的强度（默认为1）。
var directionalLight = new THREE.DirectionalLight(0xffffff, .6);
directionalLight.position.set(600, );
directionalLight.castShadow =
directionalLight.shadowCameraNear = 50;
directionalLight.shadowCameraFar = 3000;
directionalLight.shadowCameraLeft = -1000;
directionalLight.shadowCameraRight = 1000;
directionalLight.shadowCameraTop = 1000;
directionalLight.shadowCameraBottom = -1000;
directionalLight.shadowDarkness = .2;
//directionalLight.shadowCameraVisible =
scene.add(directionalLight);
平行光有很多属性，可以调整光的范围、方向等，这里就不一一介绍。
shadowCameraVisible是一个比较特殊的属性，设置为true后，你可以看到光的框架，方便调试。
打上合适的光源后，就能看到久违的地面了：
模型默认的材质是平滑的，要显示为最终的棱角分明的风格需要设置下材质，注意新加的循环：
loader.load(&models/ground.js&, function (geometry, materials) {
&&&&&&&& for (var i = 0; i & materials. i++) {
&&&&&&&&&&&&&&&&&& materials[i].shading = THREE.NoS
&&&&&&&& };
&&&&&&&& var ground = new THREE.Mesh(geometry, new THREE.MeshFaceMaterial(materials));
&&&&&&&& ground.scale.x = ground.scale.y = ground.scale.z = 50;
&&&&&&&& ground.rotation.y = Math.PI;
&&&&&&&& ground.position.y = -150;
&&&&&&&& ground.position.z = 200;
&&&&&&&& scene.add(ground);
操作和导入地面一样，因为导出JS时选的是Morph animation，所以在创建模型是相应的应该选择MorphAnimMesh。
loader.load(&models/bear.js&, function (geometry, materials) {
&&&&&&&& var material = materials[0];
&&&&&&&& material.shading = THREE.NoS
&&&&&&&& bear = new THREE.MorphAnimMesh(geometry, new THREE.MeshFaceMaterial(materials));
&&&&&&&& bear.position.z = 200;
&&&&&&&& bear.position.y = -150;
&&&&&&&& bear.scale.x = bear.scale.y = bear.scale.z = 50;
&&&&&&&& scene.add(bear);
但是这个时候熊还不会动，需要将材质的morphTargets设置为true，并且设置动画的播放时长等，最后循环渲染画面。
loader.load(&models/bear.js&, function (geometry, materials) {
&&&&&&&& var material = materials[0];
&&&&&&&& material.morphTargets =
&&&&&&&& material.shading = THREE.NoS
&&&&&&&& bear = new THREE.MorphAnimMesh(geometry, new THREE.MeshFaceMaterial(materials));
&&&&&&&& bear.setFrameRange(0, 290); //设置起始帧和结束帧
&&&&&&&& bear.duration = 290 * 24 / 1000; //设置动画播放时长
&&&&&&&& …
var clock = new THREE.Clock();//计时器，用于更新动画
function animate() {
&&& requestAnimationFrame(animate);
&&& bear.updateAnimation(clock.getDelta());
&&& render();
function render() {
&&& camera.lookAt(scene.position);
&&& renderer.render(scene, camera);
animate();
Three.js的光源默认不会导致物体间的投影，打开投影需要执行以下几步：
打开渲染器的地图阴影: renderer.shadowMapEnabled =
启用光线的投影：light.castShadow =
把模型设置为生成投影：mesh.castShadow =
把模型设置为接收阴影：mesh.receiveShadow=
跟随鼠标旋转摄像头
简单的说就是根据鼠标的位置计算摄像机的x坐标和y坐标。
var mouseX = 0, mouseY = 0;
function render() {
&&& camera.position.x += (mouseX - camera.position.x) * .05;
&&& camera.position.y += (-mouseY - camera.position.y) * .05;
&&& camera.lookAt(scene.position);
&&& renderer.render(scene, camera);
function onDocumentMouseMove(event) {
&&& mouseX = (event.clientX - windowHalfX) * 2;
&&& mouseY = (event.clientY - windowHalfY) * 2;
document.addEventListener(&mousemove&, onDocumentMouseMove, false);
animate();
& & &其实，这个网站上还有很多其他特效，作为一个优秀的HTML5网站，大家可以自己前去体验：。希望本文能给大家带来一些灵感，运用到自己的网站开发上面去。
牛逼。看着好有意思！SketchUp Pro 2017Learn more >Image credit: J Logan ArchitectsLight ConverseLearn more >Image credit: Andylampy1Vectorworks Spotlight 2017Learn more >Image credit: Nick WhitehouseVectorworks Fundamentals 2017Learn more >Image credit: Polygon ArchitectsAct-3D Lumion 7Learn more >Image credit: LumionVectorworks Landmark 2017Learn more >Image credit: McGregor CoxallRhino 5Learn more >Image credit: Steven GuerrisiAllplan Architecture and Engineering 2017Learn more >Image credit: Nemetschek AllplanMAXON Cinema4D R18Learn more >Image credit: www.maxon.netVectorworks Architect 2017Learn more >Image credit: Holzer Kobler ArchitekturenV-ray for 3ds Max, Rhino, SketchUp and MayaLearn more >Image credit: Hasan Bajramovic, Brian Ybarra, Tiltpixel, Douglas Fisher StudioVectorworks Designer 2017Learn more >Image credit: Courtesy of Simcic + Unrich Architects – Polygon Architects font size
decrease font size
increase font size
Email Iris是Rhino 5.0 x64的一个免费在制品文件导出插件，可用于在一个现代化的网页浏览器中方便查看Rhino文件。Iris现在可导出大部分Rhino对象，包括一个可以访问Rhino模型的层和视图的网页浏览器。 在food4Rhino下载Iris 0.3.1…
back to top
制造商 AbventArtlantis RenderArtlantis StudioAct-3D B.V.LumionLumion PROartVPSShaderlightAutoDesSysform.Z Proform.Z JrRenderZoneAXYZ designan(i)maMetropolyaXYZHUB3D ContentBoris FXContinuum Complete AVX for DSContinuum Complete AVXContinuum Complete FxPlugContinuum Complete AEContinuum Complete SparksContinuum Complete for Vegas ProContinuum UnitsFinal Effects Complete AVXFinal Effects Complete AEFinal Effects Complete FxPlugFinal Effects Complete SparksCadalog, IncSU PodiumSU AnimateSU WalkCadFasterCadFaster|CollaborateCamera BitsPhoto MechanicChaos GroupV-Ray for 3ds MaxV-Ray for MayaV-Ray for RhinoV-Ray for SketchUpV-Ray StandalonePhoenix FD for 3ds MaxPhoenix FD for MayaPdplayerDigiEffectsDigisuiteBuena Depth CueDamageDeliriume-on SoftwareCarbon ScatterE-on License ServerLumenRT StudioOzoneThe Plant Factory: ArtistThe Plant Factory: DesignerThe Plant Factory: ExporterThe Plant Factory: ProducerThe Plant Factory: StudioVue 3D SuperHeroVue CompleteVue Complete Architectural BundleVue EspritVue Fairy TaleVue FrontierVue FantasyVue InfiniteVue Pioneer - Free!Vue Science FictionVue StudioVue Studio Architectural BundleVue xStreamESP VisionVisionVision MACextragroupinteriorcadinteriorcad xsGlare Technologies LimitedIndigo RendererIndigo RTGenArtsSapphireSapphire EdgeMonster GTparticleIllusioniCube R&D GroupAutoWrinklesiBushes vol.1iCars Vol.1iAlpine for MultiScatterCityTraffic iGrassiFlowers vol.1 FieldiFlowers vol.2 AlpineiFlowers vol.3 Flowerbeds iFlowers vol.4 WateriFlowers vol.5 StandsiFlowers 1-5 bundle iTrees Palms vol.1iTrees vol.2 SummeriTrees vol.1 AutumniTrees vol.3 WinteriTrees vol.4 Fir TreesiTrees vol.5 Pine TreesiFencesiRooftopKarbaTrees vol.1MadCarMadCar + iCarsMultiScatter MultiScatter and iTrees vol.2 SummerMultiScatter+ iFlowers 1-5 PackMultiScatter + iTrees PalmsMultiScatter + iAlpineVrayPatternVRayScatter + VRayPattern for MayaVRayScatterVRayScatter for MayaLAUBlab KGVRAYforC4DLight Converse LimitedLightConverseLightmap LimitedHDR Light StudioMaxonCinema 4D StudioCinema 4D BroadcastCinema 4D VisualizeCinema 4D PrimeBodyPaint 3DMcNeelRhinoFlamingoPenguinBongoRhino for MacBrazilGrasshopperVectorworks, Inc.Vectorworks DesignerVectorworks ArchitectVectorworks LandmarkVectorworks SpotlightVectorworks FundamentalsRenderworks for VectorworksAllplan ArchitectureAllplan EngineeringNext LimitMaxwell Render SuiteMaxwell for SketchUpRandom ControlArion stand-aloneArion for 3ds MaxArion for RhinocerosRe:Vision EffectsDE:NoiseEffectionsFieldsKitPV FeatherRE:FillRE:FlexRE:MapRE:MatchReelSmart Motion BlurShade/ShapeSmoothKitVideo GoghTwixtorRed Giant SoftwareColor SuiteShooter SuiteKeying SuiteTrapcode SuiteEffects SuiteTDM SolutionsClayooRhinoEmbossRhinoGoldRhinoNestRhinoShoeRhinoMoldTrimbleSketchUp ProLayOutStyle BuilderZaxwerks3D Flag3D Invigorator Classic3D Invigorator Pro3D Layer Tools
关于我们联系我们免责声明关注我们:
用微信APP“扫一扫”功能国内最好、最系统的WebGL教程
我们的团队老师
在网易多年3D游戏开发经验，负责3D游戏工具开发
小李子(外号)
毕业于清华大学
工作在百度
计算机软件与理论专业毕业，主要研究3D模型压缩算法，3D搜索引擎的研究
毕业于北邮
在360,负责浏览器3D组件的开发
郑小昊(外号)
毕业于清华
工作在百度
从事3D搜索引擎的研究，希望与您一起快乐的学习3D知识
Three.js教程
《那丝也会写代码》
这也许就是我们软件工程师的生活。献给全国的软件工程师们。
我们一直在努力将知识教授给大家。
本片由"WebGL中文网团队"出品
渝ICP备号-1
WebGL中文网
友情链接：
我们将通过微信公众号发布最新消息后使用快捷导航没有帐号？
(简体中文)&&&&
发布日期： 20:52&&&&
文件大小：123.92 KB
操作系统：Windows&
适用版本：6&
增加导出设置选项
SUAPP.ME完美汉化
增加批量导出全景的支持
分离模板文件和css及js文件便于修改
导出路劲不能带有中文，不然全是黑色
一样用不了，没内容。没有教程吗？
网上打开一片黑。。。。求解。。。
完全没明白
导出来全部是黑的
不行，倒出来是黑的，怎么办？
导出后是个文件夹 然后呢？？？
发布日期：
更新日期：
当前版本：
功能项数量：
文件大小：
本功能命令可以导出当前模型的全景图，可以在支持WebGL的浏览器（如Firefox、Chrome等）中，通过鼠标拖曳来查看模型的各个角度。
请注意：本功能仅支持SketchUp2014和SketchUp2015及以上。低于所需版本无法使用。
开发者：&&
版本0.3新增功能
增加导出设置选项
SUAPP.ME完美汉化
增加批量导出全景的支持
分离模板文件和css及js文件便于修改
导出路劲不能带有中文，不然全是黑色
一样用不了，没内容。没有教程吗？
网上打开一片黑。。。。求解。。。
完全没明白
导出来全部是黑的
该发布者的更多内容：
查看此扩展插件的用户还查看了：
安装此扩展插件的用户还安装了：
Copyright & 2009 - 2013
All rights reserved.比特客户端
您的位置：
详解大数据
详解大数据
详解大数据
详解大数据
WebGL助力打造炫酷网页体验
关键字：终端
　　正如网页版《刺客信条：海盗传奇(Assassin’s Creed Pirates)》游的广告语“What the web can be”所描述的那样，IE团队与知名游戏开发厂商育碧(Ubisoft)通过该游戏再次诠释了网页的力量。作为所有用户与连接的入口，网页已经不再只是作为浏览资讯的载体，将3D技术与网页游戏相结合，用户可以直接从网页上获得前所未有的浏览体验。
　　《刺客信条：海盗传奇》背后：IE11与前沿技术的完美结合
　　原先作为手持平台独占的游戏《刺客信条：海盗传奇》，现在已经成为一款免费网页游戏面向广大玩家。在页游版游戏中，玩家可以跟随游戏故事主角Alonzo Batilla船长遨游在加勒比海寻宝和挑战海盗，并能和其他玩家进行实时海战。游戏中的背景会根据时间和地点的不同而发生改变，玩家可以体验实时的海盗生涯。页游版游戏中采用了全3D画面，令所有船只与环境看上去更加真实，即便是船只开动时细微的海浪波动也能得到完呈现，给玩家带来像在真正海面上航行的真实体验。玩家在 IE11 中运行游戏时，游戏会自动检测玩家的设备种类及输入方式，自动调整游戏来适应屏幕，以达到最佳的显示效果。
　　为了实现上面的效果，微软IE团队与育碧使用了开源的3D引擎Babylon.JS来搭建游戏。Babylon.JS是一个基于WebGL、JavaScript和TypeScript技术的开源3D引擎，配合Babylon.JS，开发者可以更好的利用WebGL技术，更方便快捷地完成光线、轮船纹理、海浪等的3D建模，从而带来最佳的呈现效果。正是因为WebGL所拥有的加速特性，玩家们可以用最短的时间在上加载完复杂的3D页面。
　　WebGL引领页游戏开发趋势
　　网页游戏可以算是现在行业内接触3D页面最早的载体，在现在盛行的3D页游中，所有游戏厂商都在积极研发WebGL游戏引擎，为3D页游潮流的到来提前进行技术储备。过去Flash+非标插件的3D页游模式，正在逐渐演变成由WebGL当家，技术提供支撑的新3D页游模式，现在WebGL为页游带来的3D体验甚至可以媲美传统的PC桌面游戏。
　　众所周知，3D形象在早前的游戏开发中并不能在网页上直接展示，开发者必须使用非标准的特殊网页语言语法或者通过安装额外的浏览器插件来实现页面的3D特效。随着网络技术的不断发展，WebGL提供了一种全新的技术解决，3D物体形象可以直接在网页上呈现出来，网页开发人员可以直接借助系统显卡在浏览器里更流畅地展示3D场景和模型，还能创建复杂的导航和数据视觉化。WebGL技术标准免去了开发网页专用渲染插件的麻烦，将开发流程进一步简化的同时，又能为用户带来更炫酷的3D效果体验。
　　伴随PC硬件水平的提高和用户体验需求的提升，用户逐渐不满足于过去的3D体验效果。现如今，不只是顶级开发团队在储备浏览器WebGL 3D技术，浏览器开发商们也在积极的研究如何利用WebGL技术在浏览器上呈现更好的3D互动体验。包括Chrome、、FireFox和使用了Canvas的Safari在内，主流浏览器厂商都在大力推动WebGL技术标准的普及和发展。对于开发者来说，利用WebGL技术开发全3D网页已经成为当下的技术趋势。
　　IE11上的WebGL应用
　　作为目前全球市场占有率最高的浏览器，IE浏览器为WebGL技术的运用提供了大量的开发实例。“月熊志”是公益组织亚洲动物基金会与微软IE11共同开发的一个网站，借助IE11提供的更多技术和工具为读者呈现了可爱的月熊和他们丰富多彩的故事。得益于IE11的硬件加速以及WebGL的高效，“月熊志”开发团队可以在浏览器上运行场景丰富、动画流畅的3D画面。开发团队先是通过3D建模软件Blender构建出月熊形象及他周围自然亲近的场景的3D模型，然后利用three.js，将它们导出为JSON格式的数据，使得这些模型和动画得以在浏览器中呈现。借着IE11上WebGL的高效处理特性，网站的浏览者能够更直观地了解月熊并体验到流畅的3D互动。
　　以下是与WebGl相关的代码示例：
　　loader.load("models/mesh.js", function (geometry, materials) {
　　//创建模型对象
　　var mesh = new THREE.MorphAnimMesh(geometry, new THREE.MeshFaceMaterial(materials));
　　//设置动画区间
　　mesh.mirroredLoop =
　　mesh.setFrameRange(0, 290);
　　mesh.duration = 290 * 24 / 1000;
　　//设置位置和大小
　　mesh.position.z = 2000;
　　mesh.position.y = -1500;
　　mesh.scale.x = mesh.scale.y = mesh.scale.z = 500;
　　//设置阴影
　　mesh.castShadow =
　　mesh.receiveShadow =
　　//添加到场景
　　scene.add(mesh);
　　//平行光
　　var directionalLight = new THREE.DirectionalLight(0xffffff, .6);
　　directionalLight.position.set(, 7000);
　　directionalLight.castShadow =
　　directionalLight.shadowCameraNear = 500;
　　directionalLight.shadowCameraFar = 30000;
　　directionalLight.shadowCameraLeft = -10000;
　　directionalLight.shadowCameraRight = 10000;
　　directionalLight.shadowCameraTop = 10000;
　　directionalLight.shadowCameraBottom = -10000;
　　directionalLight.shadowDarkness = .2;
　　directionalLight.shadowMapWidth = 2048;
　　directionalLight.shadowMapHeight = 2048;
　　scene.add(directionalLight);
　　//半球光
　　var hemiLight = new THREE.HemisphereLight(0xffffff, 0xffffff, .7);
　　scene.add(hemiLight);
　　从上面的代码范例可以看出，利用WebGL技术，开发者可以通过数量更少且更为简单的代码来实现过去需要借助非标插件才能完成的工作，同时，结合IE11对GPU加速的特性，这段代码在运行之后可以让用户在最短的时间内获得流畅的3D体验。
　　除此之外，IE还曾与 GlacierWorks 合作开发制作http://explore.glacierworks.org/en网站，希望向全世界展示珠穆朗玛峰这一神秘而又美丽的区域。网站采用WebGL技术开发，依托 IE11的强大性能和对WebGL的支持，用完美逼真的3D效果向用户呈现珠峰前所未见的影像，为用户带来最真实的交互体验。
　　IE一直于为广大开发者提供最好的技术开发平台，无论是对WebGL技术的支持，还是对于触控的优化，IE11正在为开发者们创造更好的机会，激发更多的开发者去创造丰富多彩和炫酷的网页体验。
[ 责任编辑：佚名 ]
去年，手机江湖里的竞争格局还是…
甲骨文的云战略已经完成第一阶段…
软件信息化周刊
比特软件信息化周刊提供以数据库、操作系统和管理软件为重点的全面软件信息化产业热点、应用方案推荐、实用技巧分享等。以最新的软件资讯，最新的软件技巧，最新的软件与服务业内动态来为IT用户找到软捷径。
商务办公周刊
比特商务周刊是一个及行业资讯、深度分析、企业导购等为一体的综合性周刊。其中，与中国计量科学研究院合力打造的比特实验室可以为商业用户提供最权威的采购指南。是企业用户不可缺少的智选周刊！
比特网络周刊向企业网管员以及网络技术和产品使用者提供关于网络产业动态、技术热点、组网、建网、网络管理、网络运维等最新技术和实用技巧，帮助网管答疑解惑，成为网管好帮手。
服务器周刊
比特服务器周刊作为比特网的重点频道之一，主要关注x86服务器，RISC架构服务器以及高性能计算机行业的产品及发展动态。通过最独到的编辑观点和业界动态分析，让您第一时间了解服务器行业的趋势。
比特存储周刊长期以来，为读者提供企业存储领域高质量的原创内容，及时、全面的资讯、技术、方案以及案例文章，力求成为业界领先的存储媒体。比特存储周刊始终致力于用户的企业信息化建设、存储业务、数据保护与容灾构建以及数据管理部署等方面服务。
比特安全周刊通过专业的信息安全内容建设，为企业级用户打造最具商业价值的信息沟通平台，并为安全厂商提供多层面、多维度的媒体宣传手段。与其他同类网站信息安全内容相比，比特安全周刊运作模式更加独立，对信息安全界的动态新闻更新更快。
新闻中心热点推荐
新闻中心以独特视角精选一周内最具影响力的行业重大事件或圈内精彩故事，为企业级用户打造重点突出，可读性强，商业价值高的信息共享平台；同时为互联网、IT业界及通信厂商提供一条精准快捷，渗透力强，覆盖面广的媒体传播途径。
云计算周刊
比特云计算周刊关注云计算产业热点技术应用与趋势发展，全方位报道云计算领域最新动态。为用户与企业架设起沟通交流平台。包括IaaS、PaaS、SaaS各种不同的服务类型以及相关的安全与管理内容介绍。
CIO俱乐部周刊
比特CIO俱乐部周刊以大量高端CIO沙龙或专题研讨会以及对明星CIO的深入采访为依托，汇聚中国500强CIO的集体智慧。旨为中国杰出的CIO提供一个良好的互融互通 、促进交流的平台，并持续提供丰富的资讯和服务，探讨信息化建设，推动中国信息化发展引领CIO未来职业发展。
IT专家新闻邮件长期以来，以定向、分众、整合的商业模式，为企业IT专业人士以及IT系统采购决策者提供高质量的原创内容，包括IT新闻、评论、专家答疑、技巧和白皮书。此外，IT专家网还为读者提供包括咨询、社区、论坛、线下会议、读者沙龙等多种服务。
X周刊是一份IT人的技术娱乐周刊，给用户实时传递I最新T资讯、IT段子、技术技巧、畅销书籍，同时用户还能参与我们推荐的互动游戏，给广大的IT技术人士忙碌工作之余带来轻松休闲一刻。
微信扫一扫
关注Chinabyte}