通过JS自制函数：str.substring(0, 10)。
创新互联建站基于成都重庆香港及美国等地区分布式IDC机房数据中心构建的电信大带宽，联通大带宽，移动大带宽，多线BGP大带宽租用,是为众多客户提供专业服务器托管报价，主机托管价格性价比高，为金融证券行业成都移动机房托管，ai人工智能服务器托管提供bgp线路100M独享，G口带宽及机柜租用的专业成都idc公司。
JS中，substring 方法用于提取字符串中介于两个指定下标之间的字符：
stringObject.substring(start,stop)
假设一个字符串为MozillaMozilla，去前10位，代码吗如下：
输出结果如下：
扩展资料：
substring具有的返回值：一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的所有字符，其长度为 stop减 start。
substring() 方法返回的子串包括 start 处的字符，但不包括 stop 处的字符。参数 start 与 stop 相等，那么该方法返回的就是一个空串。如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。
参考资料：百度百科--substring
《近匠》HBuilder：如何用JS调用几十万原生API？
近匠访谈开发工具HBuilder王安DCloudHTML5
摘要：《近匠》第25期：HBuilder是DCloud开发的一套Web开发IDE，它通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、JS、css的开发效率。更有意思的是，它可以利用JS调用原生API。
CSDN：请讲讲团队和您以往的从业经历？
DCloud CEO王安：我们团队从03年起开始做手机App，从J2me、Symbian、Win mobile、Brew一直做到现在的Android、iOS和WP。之前一直在为企业市场提供跨平台手机App的无线中间件。
后来我们看好HTML5的前途，而且也经不住toC市场的诱惑，就毅然出来二次创业。成立了 DCloud.io，开始做基于HTML5的生态系统服务，包括开发工具和云服务。
我们是W3C的会员，也是HTML5中国产业联盟的发起单位。我们是一个典型的轻团队，人不多，但极客化。我们的合伙人之一王淮也在Facebook工作了很久，给我们带来了很多硅谷的模式。
CSDN：为什么要做HBuilder这样一款工具？
王安：人称HTML5是“性、工、能”缺失，其中“工”指工具不给力，确实如此。
任何主流编程语言，都有优秀的开发IDE，不管是java、.net、Obj-C，但HTML5领域却一直在用低效的文本编辑器开发。我个人用了十几年文本编辑器，对比我熟悉的其他语言的IDE，效率也实在让我受不了。我们就动手开发了HBuilder。
HTML十几年前初生时，是简单的标记语言，确实文本编辑器足矣。那时候写页面的人都不被视为真正的程序员。但时代不同了，现在JS、css已经发展为真正的编程语言，一个工程会非常庞大，此时没有IDE会很低效。就像用文本编辑器写java或Obj-C一样，效率比专业IDE差很多。
过去也确实没有太好的HTML5 IDE，更不用提免费的好工具。因为web IDE开发确实很困难，web语法库没有统一标准，月月更新，JS是无类型的动态语言……
但是有问题，就会有解决问题的人。所以我们花费大力气，建立最全的语法库和浏览器兼容数据库，开发动态JS解析引擎，开源框架语法库。并且我们在开发效率提升上下了非常大的功夫，快是HBuilder最大的特点，能提升数倍开发效率。
另一方面，HTML5的重要价值是开发手机App，HBuilder为开发者提供移动App开发的全套支持，支持插上数据线真机联调，不需xcode等原生开发环境就能打包手机App。此外，我们有项创新的技术是JS调用几十万原生API。
CSDN：HBuilder是针对移动应用的哪一个环节？在这个环节中，现在是一种什么状况？格局是什么样的？
王安：使用HTML5、JS、css开发跨平台手机App，这类工具其实之前已经有Phonegap、Titanium。从品类相比，Phonegap只有Runtime没有IDE，Titanuim的IDE是为其特殊API而制作的专有工具。但HBuilder是一个通用的HTML5开发IDE且又内置了手机runtime。也就是开发者只需要HBuilder就够了，PC web、Mobile web、App，一个工具一套代码。
我们推崇一个理念叫“响应式应用”：一套代码根据不同运行环境调用不同能力来优化用户体验。比如文本框，在普通浏览器下就是一个文本输入框，在Chrome浏览器下运行时加个判断调Chrome的语音输入，而运行在App模式下，则再加一个判断调用原生的语音识别SDK，比如plus.speech。这样一个应用可以根据设备的不同而最大化的优化用户体验，这种模式很有魅力，对用户而言体验更好，对开发者而言成本更低。
当然，比其他同类产品更神奇的一点是，HBuilder里能通过JS代码的写法操作几十万原生API，即Obj-C和Android原生的对象。
CSDN：HTML5在跨平台App开发上有哪些问题？
王安：前景美好，但却有四个致命缺点阻碍它的爆发，就是“性、工、能”缺失，碎片化严重。相对于原生，HTML5的App性能低，工具差，能力弱。原生虽然不跨平台，但HTML5的浏览器兼容性也让开发者挠头。HBuilder为了解决这些难题做了很多努力。
1. 先说工具
HBuilder大幅提升了HTML5开发效率。并且也拥有最全且实时更新的HTML5新语法库。浏览器更新版本后一周内其新增的语法就可以被HBuilder提示出来。
HBuilder追求快，还有一个目的，就是降低开发者对框架的依赖。PC Web里框架非常流行，很多框架简化了开发。但是框架的简化开发建立在性能下降的基础上，手机上HTML5本来就慢，层层封装后只会越来越慢。但开发者使用HBuilder会发现，在HBuilder里不用框架开发的速度，比用其他开发编辑器配合框架的速度，更快。
目前主流HTML5开发工具都更新在没有手机真机联调等功能，HBuilder提供了这些功能才能有效的语法库里帮助开发者开发手机App。
2. 浏览器兼容性
由于浏览器内核不同，自有扩展语法多，新语法增加速度快，导致碎片化很严重，而且是持续性的给开发者造成困扰。HBuilder里每个语法，都有浏览器兼容性说明，是目前最全的浏览器兼容数据库。见下图，-webkit-user-select这个属性的值域all，IE和Firefox自然不支持，图标为灰色。但同为webkit内核，Chrome支持；而Android浏览器不支持，图标为灰色；Safari也只有7.0以上才支持，图标是半亮。
有人说手机上都是webkit内核浏览器，应该没有兼容性问题。但上图告诉开发者残酷的真相：iOS、Safari、Android浏览器、Chrome安卓版，主流的3款手机浏览器一样有兼容性问题。Google和Apple联手打破IE的垄断后，又开始分裂，Chrome去年另起了Blink引擎，开始独立扩展语法。另外虽然Safari的Mac版和iOS版有点差别，但不多；而Chrome的Android版和Android系统自带的浏览器完全是2个产品。作为开发者，我甚至有点怀念IE垄断市场的日子。
我们努力做出这个浏览器兼容库，希望可以帮助到广大开发者。
3. 能力
HTML5规范的好处是跨平台的，但坏处是规范能力比原生差非常多。为了解决这个问题，我们推出了两套方案：HTML5+的跨平台规范和JS直调原生API。
HTML5+的跨平台规范：开发者常用的手机能力，封装在HTMLplus.org规范里，包括二维码、语音输入等，比如在JS里输入plus.barcode调用二维码，plus.speech调用语音输入。开发一次在不同手机上都可以运行。
JS直调原生API：我们提供了plus.ios和plus.android这2个很神奇的对象，使得web开发者不用学习Obj-C，不用买Mac设备，就能在JS里调用原生对象。我们可以这么定义一个JS变量，但实际上是Obj-C对象：我们可以这么定义一个JS变量，但实际上是Obj-C对象：JS直调原生API：我们提供了plus.ios和plus.android这2个很神奇的对象，使得web开发者不用学习Obj-C，不用买Mac设备，就能在JS里调用原生对象。我们可以这么定义一个JS变量，但实际上是Obj-C对象：
var a = plus.ios.implements("NSObject",{"authenticationChanged:":authenticationChanged});
或者如下图中的：var Intent = plus.android.import("android.content.Intent");其中的"android.content.Intent"是Android的原生类。这段代码就是使用JS方式给在安卓手机桌面创建一个App快捷方式。
这样，使用HTML5编程的App，在能力方面就和原生一样强大了。 以前用HTML5做的游戏都无法调用Game Center，O2O应用也调不了Passbook，现在这些都轻而易举。我们相信这对于web工程师而言，是极大的能力解放，充满机会的一扇新窗口！
4. 性能
HTML5应用的性能一直是这个产业发展的瓶颈。
手机硬件比PC差、HTML5作为解释性语言比原生的编译型语言性能差、手机浏览器的默认控件样式未优化导致需要在应用层重新封装UI。这一系列问题叠加在一起，使得性能成为所有HTML5开发者心头的痛。
另外前端工程师大多长于UI，相比服务器工程师，他们的代码性能也要低不少。比如前端工程师很习惯使用框架，框架层层封装越来越慢，性能如何上的去。HBuilder在解决这个问题上也花费了很多心血：
a. 调用原生绘制界面
在HTML5+规范里有一个plus.ui的子集。一些原生样式或动画，比如翻页动画或下拉刷新，使用HTML5+JS+css模拟要写很多代码，执行起来很慢，此时通过plus.ui扩展就可以在窗体上设置一块区域，交给原生绘制。性能可大幅提升。
b. 性能第一的UI库
以前宣称为手机优化的框架，其实都不是把性能作为产品取舍的第一优先，或者为了框架使用者方便、或者为了框架维护者方便而牺牲了执行性能。我们决定自己做一个。这个项目我们还在开发中，不久会上线。
我们没有把它称为框架而是叫UI库，是因为这里的控件都是使用最简单的css样式的，直接写 class=”xxx”。相比于写成data-role，然后在JS运行时才替换Dom，使用class的方式要高效的 多。
控件含有的必要的JS代码，也是本着性能优先的原则开发的，代码极其精简高效，没有$等三方框架，但又可以跨手机浏览器。并且这套UI库会和HBuilder的打包机、Runtime深度整合，做到更高性能的优化。
CSDN：相对于编写大量JS实现来说，HBuilder利用JS调用原生API，有哪些优点？
王安：JS调用原生API，最大的优点，是大大强化了HTML5的能力，突破了浏览器的限制，原生有几十万API，数量远多于HTML5。比如拦截Android来电。
JS的执行效率肯定还是低于原生的，提升性能需要使用前述方案。
这项技术对于JS程序员来讲是非常友好易学的，他不需要学习原生语言和配置开发环境，只需要查询每个原生对象是做什么用的，然后在JS的plus.ios或plus.andriod里把原生类名作为参数传进去，就可以通过JS调用该原生对象的方法。
我们还制作了一批常用原生代码模板，包括创建快捷方式、登录game center的样例代码已经预置在HBuilder里。
CSDN：JS调用原生API，是如何实现的？
王安：这个非常复杂，不同的api需要不同的方法，手机、云、IDE的共同配合。IDE的显示代码、打包机编译、runtime实际运行这几种情况下执行码是不同的。
CSDN：HTML5跨平台开发领域的趋势是怎么的？
王安：HTML5的光明前途是毋庸置疑的，当Java被拦在iOS门外时、当终端和屏幕越来越多样时，HTML5的简单易用和跨平台这些特点都代表了未来的方向。
现在的问题仅仅是阻碍HTML5发展的那几个难题，会在何时、会被哪些人解决。当性能、工具、能力、兼容性得到有效突破时，HTML5必将迎来发展爆发。
CSDN：接下来针对HBuilder，Dcloud还有哪些计划？
王安：除了上面提到的高性能手机UI框架，HBuilder下一步会引入SNS和UGC，强化插件体系，联合众多开发者打造大家更满意的工具和服务。我们很认真的开发着这个免费工具，也希望所有开发者都参与到这个工具的打造中来。目前HBuilder已经在 github.com/dcloudio上设立了3个开源项目，欢迎大家一起打造自己满意的工具。
转载仅供参考，版权属于原作者。祝你愉快，满意请采纳哦
建议先学javascript，javascript是基础，就好比是地基，再高的楼房，也需要牢固的地基。再就是jquery，是基于原生javascript的一个类库，它只是javascript众多基础库中的一个。不过具体的情况具体分析，也有直接学习jquery，具体可以询问【达内教育】。感兴趣的话点击此处，免费学习一下
JavaScript是Web开发领域中的一种功能强大的编程语言，主要用于开发交互式的Web页面。在计算机、手机等设备上浏览的网页，其大多数的交互逻辑几乎都是由【JavaScript】实现的。
对于制作一个网页而言，HTML、CSS和JavaScript分别代表了结构、样式和行为，结构是网页的骨架，样式是网页的外观，行为是网页的交互逻辑。而jQuery是JavaScript的一个库，它简化了使用JavaScript进行网页特效开发的一些复杂性，提供了对常见任务的自动化和复杂任务的简化。使用jQuery不仅能够将原本需要很多JavaScript代码才能实现的功能缩减为几行代码，而且提供了足够高速的性能。
想了解更多有关web前端学习的相关信息，推荐咨询【达内教育】。达内教育集团历时一年，耗资千万，重磅推出“因材施教、分级培优”创新教学模式，同一课程方向，面向不同受众群体，提供就业、培优、才高三个级别教学课程，达内“因材施教、分级培优“差异化教学模式，让每一位来达内学习的学员都能找到适合自己的课程。达内IT培训机构,试听名额限时抢购。
变量名是自己定的。网上常用的定义都是这样的
var canvas = document.getElementById("whatever");
var cxt = canvas.getContext("2d");
cxt其实是Context的缩写。
其它单词也有这样缩写的比如message会缩写成msg，manager缩写成mgr，
最典型的就是control和ctrl了。
改成canvasContext更易读，不过更长。
大家都写cxt就成为习惯了
很重要！
在 JavaScript 社区，随着令人难以置信的框架和工具的混合，每周都会出现新的东西。人们希望旧工具将被新工具所取代。因此我们看到了流行框架交换的想法，以及纳入新诞生框架中的创新元素。所以下半年，你该选择哪个JS框架无关紧要，因为它们的功能大多是可以比较的。
JavaScript 继续迈着令人难以置信的创新步伐在前进。由于 Web 浏览器的快速发布计划，JS 的标准定为了每年更新。众多程序员说，苦逼学习的ES6还没玩溜呢，现在又更新了8个功能，但不得不感叹前端在这几年的快速发展。但只要基础打得好，都是很容易的事情。同时JavaScrip也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。JavaScript也可以用在游戏开发等方面。JavaScript 是客户端和服务器端的脚本语言，可以插入HTML 页函中， 并且是目前较热门的Web 开发语言。同时， JavaScript 也是面向对象的编程语言。
万丈高楼平地起，只有只有过硬的基础知识才能支撑js技术广阔的天地。 js本身就是趋势，随着es9的发布，各大框架也相应给出新的更新，我们只有努力掌握新的知识，才能做到有备无患。
凡是可以用 JavaScript 来写的应用，最终都会用 JavaScript ——Atwood定律。Javascript已经在世界中闪闪发光，未来的各行各业，一定有它的身影，打好基础，向各领域，发起冲击！
js刚开始只是为了较验，随着技术社会的发展，承担的角色越来越重，刚开始玩玩jQuery感觉已经会js了，其实只是冰山一角。随着对js的了解越来越多，他即变态又可爱，即好玩又难控，即有很多兼容问题，但解决兼容是我们基本生存之道。从ajax到jsmvc一路走一路看，高载潮一浪高过一浪。
程序员逻辑思维的培养对软件工程非常重要，思维快的能快速编写逻辑代码。可以从一下几个方面进行慢慢培养。
第一：明确学习目的
逻辑思维学习编程对多数IT业人员来说都是非常有用的。学编程，做一名编程人员，从个人角度讲，可以解决在软件使用中所遇到的问题，改进现有软件，可以为自己找到一份理想的工作添加重要得砝码，有利于在求职道路上谋得一个好的职位；从国家的角度，可以为中国的软件产业做出应有的贡献，一名优秀的程序员永远是被争夺的对象。学习编程还能锻炼思维，使我们的逻辑思维更加严密；能够不断享受到创新的乐趣，将一直有机会走在高科技的前沿，因为程序设计本身是一种创造性的工作。知识经济时代给我们带来了无限的机会，要想真正掌握计算机技术，并在IT行业里干出一番事业来，有所作为，具有一定的编程能力是一个基本条件和要求。
第二打好基础，学好基础知识对我们开发也很重要学编程要具备一定的基础，总结之有以下几方面：
首先是数学基础 从计算机发展和应用的历史来看计算机的数学模型和体系结构等都是有数学家提出的，最早的计算机也是为数值计算而设计的。因此，要学好计算机就要有一定的数学基础，出学者有高中水平就差不多了。
其次是逻辑思维能力的培养 学程序设计要有一定的逻辑思维能力，“逻思力”的培养要长时间的实践锻炼。要想成为一名优秀的程序员，最重要的是掌握编程思想。要做到这一点必须在反复的实践、观察、分析、比较、总结中逐渐地积累。因此在学习编程过程中，我们不必等到什么都完全明白了才去动手实践，只要明白了大概，就要敢于自己动手去体验。谁都有第一次。有些问题只有通过实践后才能明白，也只有实践才能把老师和书上的知识变成自己的，高手都是这样成材的。最后是选择一种合适的入门语言 面对各种各样的语言，应按什么样的顺序学呢？程序设计工具不外乎如下几类： 1）本地开发 应用软件开发的工具有：Visual Basic 、Delphi 、VC++ ( C++ Builder ) 等；数据库开发工具有：Visual Foxpro 、Oracle Developer 、Power Builder 等。 2）跨平台开发 开发工具如 Java 等。 3）网络开发 对客户端开发工具如：Java Script 等；对服务器开发工具如：PHP 、ASP 、JSP 、ISAPI 、NSAPI 、CGI 等。 以上不同的环境下几种开发工具中 VB 法简单并容易理解，界面设计是可设化的，易学、易用。选 VB 作为入门的方向对出学者是较为适合的。
第三：注意理解一些重要概念
一本程序设计的书看到的无非就是变量、函数、条件语句、循环语句等概念，但要真正能进行编程应用，需要深入理解这些概念，在理解的基础上应用，不要只简单地学习语法、结构，而要吃透针对这些语法、结构的应用例子，做到举一反三，触类旁通。
第四：掌握编程思想，编程思想使用较多的就是oop编程思想
学习一门语言或开发工具，语法结构、功能调用是次要的，最主要是学习它的思想。例如学习 VC 就要学习 Windows 的内在机理、什么是线程......；学习 COM 就要知道VTALBE 、类厂、接口、idl......，关键是学一种思想，有了思想，那么我们就可以触类旁通。
第六：多实践、多交流，一切思维来自项目开发的积累
掌握编程思想必须在编程实际工作中去实践和体会。编程起步阶段要经常自己动手设计程序，具体设计时不要拘泥于固定的思维方式，遇到问题要多想几种解决的方案。这就要多交流，各人的思维方式不同、角度各异，各有高招，通过交流可不断吸收别人的长处，丰富编程实践，帮助自己提高水平。亲自动手进行程序设计是创造性思维应用的体现，也是培养逻辑思维的好方法。
第七：养成良好的编程习惯
编程入门不难，但入门后不断学习是十分重要的，相对来说较为漫长。在此期间要注意养成一些良好的编程习惯。编程风格的好坏很大程度影响程序质量。良好的编程风格可以使
程序结构清晰合理，且使程序代码便于维护。如代码的缩进编排、变量命令规则的一致性、代码的注释等。
第八：上网学编程
在网上可以学到很多不同的编程思想、方法、经验和技巧，有大量的工具和作品及相关的辅导材料供下载
8.加强计算机理论知识的再学习
思维培养学编程是符合“理论→实践→再理论→再实践”的一个认识过程。一开始要具有一定的计算机理论基础知识，包括编程所需的数学基础知识，具备了入门的条件，就可以
开始编程的实践，从实践中可以发现问题需要加强计算机理论知识的再学习。程序人人皆可编，但当你发现编到一定程度很难再提高的时候，就要回头来学习一些计算机科学和数
学基础理论。学过之后，很多以前遇到的问题都会迎刃而解，使人有豁然开朗之感。因此在学习编程的过程中要不断地针对应用中的困惑和问题深入学习数据结构、算法、计算机
原理、编译原理、操作系统原理、软件工程等计算机科学的理论基础和数理逻辑、代数系统、图论、离散数学等数学理论基础知识。这样经过不断的学习，再努力地实践，编程水平一定会不断提高到一个新高度。
这就是总结出来的思维培养模式，希望能帮到你，谢谢！