vue开发环境搭建_从零开始搭建vue开发环境
web课程里面会学习到哪几种框架呢？
gizp压缩是一种请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。webpack在打包时可以借助 compression webpack plugin 实现gzip压缩。就目前来说，比较流行且常用的Web前端框架有Angular、React和Vue。AngularJS通过为开发者呈现一个更阶段1.前端核心基础高层次的抽象来简化应用的开发,它主要考虑的是构建CRUD应用,而至少90%的Web应用都是CRUD应用。React是一个用于构建用户界面的JaScript库。详细的情况可以询问【达内教育】。
vue开发环境搭建_从零开始搭建vue开发环境
vue开发环境搭建_从零开始搭建vue开发环境
web前端的框架可谓五花八门，多到让你想象不到，但能沉淀下来的不多，而所谓的前端三大框架，指的是Angular、React、Vue，这三个框架时当下最为流行也时最多人用的框架。如果想学习web前端，不如选择千锋教育，性价比远远高出其他培训机构，
web前端的框架可谓五花八门，多到让你想象不到，但能沉淀下来的不多，而所谓的前端三大框架，指的是Angular、React、Vue，这三个框架时当下最为流行也时最多人用的框架。如果想学习web前端，不如选择千锋教育，性价比远远高出其他培训机构，"
大公司很少用vue的原因 为什么很少用vue
1、如果他只会Vue，那他就真的只会这一个东西了。但是，如果他同时还会Angular或者其它一些前端框架，一般就意味着这个人的性价比会非常高。首先，如果他会Angular，那么降低一个维度去写Vue是完全没有问题的，毕竟Vue里面大部分内容都是从AngularJS 1.x（而不是新版本Angular）里面抄出来的。其次，大量的Angular开发者都同时会一种或几种后端语言，如Ja和C#，这就意味着你用同样的工钱招到了一个能干更多事情的人。如果他告诉你只会Vue，你一定要小心了，原因：
2、只会Vue的人缺乏学习能力，你招到的可能只是个“拷贝工程师”。你经常看到这种小白会吐槽Type是他人生道路上的障碍，而实际上Type的大部分语法都来自于ES6（还有ES7），如果这个人连Type都说难，只能说明一件事情：他根本就没去学ES6和ES7（最近ES8也出来了）。实际上Type的受欢迎程度远远超越你们的想象，包括目前最火的前端开发工具VS Code本身也是用Type开发的，底层是Electron。从另一个角度看，iOS上的开发语言已经演进到了Swift，Android上也开始使用新语言Kotlin了，随着计算机技术的加速发展，各种编程语言还会加速演进。所以，Type不是他人生道路上的障碍，他的障碍是他自己。
3、坐井观天。一般来说，能同时使用多种框架的开发者，心里对各种技术都有自己独到的理解。他们知道整个互联网的发展史、知道Ja语言是怎么一步一步发展到今天的、知道ECMA标准是怎么一回事、知道各种前端框架在设计思想上的异同，在他的心里有一个非常宏观的理解。
4、糟糕的英文水平。有很多人告诉11、# Vue项目前后端分离下的前端鉴权方案 ### 技术栈 前端Vue全家桶，后台net ### 需求分析 1 前端路由鉴权，屏蔽地址栏入侵 2 路由数据由后台管理，前端只按固定规则异步加载路由 3 权限控制到每一个按钮 4 自动更新token。过我，他们之所以用上了Vue，是以为中文文档写得好（这一点我赞同）。反过来说明，这帮人英文水平比较糟糕。一直以来，计算机技术的发源地都是硅谷，到今天依然如此。硅谷一直在创造各种各样的新技术、新思想，而这些东西最初都是英文版的。一本书从英文版出来，到本中文版面市，经常要延迟6个月以上的时间，如果你的开发者连阅读英文技术文档都有困难，你们公司将会永远掌握二手资料。
5、糟糕的团队协作。从之前文章下面的评论能看出来，只会Vue的小白对他们所用的框架充满着宗教般的狂热，只准他们出来黑别人，别人如果胆敢出来哪怕是澄清一下，马上就像刺猬一样炸毛。这种人会把你的团队搅得一团糟，连道理都没法讲。反过来也是成立的，对于正在跳槽或者打算找工作的开发者，当你去一家公司面试的时候，也要长个心眼儿，你一定要问一问，他们公司正在使用（或者曾经用过）哪些前端框架。如果这家公司告诉你，他们就只会用Vue，你要小心了，因为：
6、这种公司一定充斥着各种前端小白，这些人没用过其它任何框架，甚至连快速学习一门新的编程语言都有困难，但是这不妨碍他们起键盘出来。你去了之后可能要给他们提供保姆一样的服务，甚至还要教他们如何搭建Node环境。
7、这种公司的技术负责人很可能是个小白，至少是个盲目的跟风者。他自己是不会去研究技术的，听别人就好了。你去帮这种人做事，注定是不断填坑的命运。
web前端自学要多久？
第八阶段:HTML5原生移动应用开发虽说学习web前端的方式有很多种，可以通过自学，看书，网上找一些相关的视频，或者是进培训班。自学的时间会久一点，因为不知道从哪下手，建议报个培训班比较好。
自学，一般需要一年左右的时间才能掌握web前端开发的一些基本知识和框架。培训，一般都在5-6个月时间就可以掌握web前端开发，并且培训机构会有真实企业项目练手，增加实战经验，求职更有优势。
这个要看个人的实际情况决定；自学最注重个人的自制力和学习力，你要抵御各种，还要有详细的学习规划，才能保证正常的学习，徐徐渐进。下面的学习路线或许对你有帮助：
前端完整学习路线
阶段:
HTML CSS:HTML进阶、CSS进阶、div css布局、HTML css整站开发。
JaScript基础:Js基础教程、js内置对象常用方法、常见DOM树作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JS基本:常见、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动、滚视图。
JS高级特征:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。
第二阶段:HTML5和移动Web开发
HTML5:HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas。
CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。
移动Web开发:跨终端WEB和主流设备、视口、流式布局、弹性盒子、rem、移动终端JaScript、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。
PHP基础:PHP基础语法、使用PHP处理简单的GET或者POST请求。
第四阶段:面向对象进阶
面向对象篇:从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。
面向对象三大特征:继承性、多态性、封装性、接口。
设计模式:面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、模式、装饰者模式、适配器模式、面向切面编程。
第五阶段:封装一个属于自己的框架
框架封装基础:流、冒泡、捕获、对象、框架、选择框架。
框架封装中级:运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
框架封装高级和补充:JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
第六阶段:模块化组件开发
面向组件编程:面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。
面向模块编程:AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS。
第七阶段:主流的流行框架
Web开发工作流:GIT/SVN、Yeoman脚手架、NPMer依赖管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。
常用库:React.js、Vue.js、Zepto.js。
Ionic:Ionic和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新，上拉加载，侧滑导航，选项卡)。
HTML5 :HTML5 产业联盟、HTML5 Plus Runtime环境、HBuilder开发工具、MUI框架、H5 开发和部署。
第九阶段: Node.js全栈开发:
快速入门:Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具、开发流程，调试，测试。
核心模块和对象:全局对象global，process，console，util、驱动，、加密解密，路径做。
这个没有具体的时间，web前端自学要看您自己，web前端零基础学习是没有问题的，学习的时候一定找对方向，我这里有学习web前端的路线，你可以按照顺序学习。
HTML +_CSS核心、JaScript基础语法、JaScript面向对象、JaScript DOM和
BOM编程、jQuery框架
阶段2.HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
阶段3.移动端
移动端核心、移动端适配、移动端
阶段4.端
端开发、数据库作、前后端交互核心、微信公众号开发
阶段5.JaScript高级
JaScript基础深入剖析、JaScript面向对象深入讲解、JaScript异步编程、
JaScript函数式编程JaScript设计模式
阶段6.前端必备
性能优化、版本控制工具、模块化、项目构建工具
阶段7.高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
阶段8.小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue
如果没有编程基础的话，自学可能要比较长时间，具体时间因人而异，也与你每天付出的时间相关。
如果你每天能够投入八小时的软件开发在学习的时候一定要多练而非多看，你可以跟着网上的视频一起作，在作的过程中理解。前期可能会比较难懂，但是慢慢会好起来。话，一个月时间是肯定可以的。如果你投入时间少，可以按比例评估。
前端基础无非就是html，css，js这三大项。除了js稍微有点难度，前两者是比较简单的。
建议你html和css可以一起学习，花2周时间。js再花两周时间学习。
祝你成功！
这个问题因人而异的，一般来说，要想要成为合格的Web前端工程师，那么就需要精通JaScript、Ajax等Web开发技术。
除开以上之外，Web前端工程师还需要精通一种模板语言(Smarty、Velocity、Django等);精通HTML/XHTML、CSS等网页制作技术，熟悉页面架构和布局;具有Mobile WEB/WAP、HTML5/CSS3、nodejs、Flash开发经验;熟悉常见前端类库和框架(如jQuery，Bootstrap等)。
如果你学习能力强，自律性高，又有基础，可能5、6个月就能入门，精通的话就需要更多的时间了；如果你是零基础，那自学时间可能更长，8,9个月甚至一年以上都有可能
自学 ，一堆！~ 没基础 的话 要很久 不要相信 几个月 就可以的话，
因为 不可能，几个月 只能是了解 html css jascript 你能把你学到的都记住 就很牛X了
剩下的还有框架 开发， 各种坑！ 你会发现 明明按照文档流程走 的 但就是 报错 ，让你 头炸！甚至失去耐性！
还有更多细节问题， 面临真正实际工作开发时，你会发现 我竟然这么菜！
web自学一般是需要1-2年时间，而且要自制力比较好的人，如果三天打鱼两天晒网那就不知道啥时候能学完了；有条件还是建议培训好些，毕竟会更系统，时间也不会天太长
如果你是零基础自学web前端的话，那么所花费的时间与精力是不可估计的。 但是如果你系统培训学习的话，时间一般在5-6个月的时间，可以先在千锋试听一下。
vue3的生命周期
2.双向绑定，每一个属性都需要建立watch（页面不用，涉及到组件更新的话需要）vue3的组合式api中，setup中的函数执行相当于在选项api中的beforeCreate和created中执行
除了beforeCreate和created外， 其他生命周期的使用都需要提前引入（轻量化）
除了beforeCreate和created被setup取代之外，选项式api和组合式api的映射如下：
beforeMount -> onBeforeMount ，在挂载前被调用
mounted -> onMounted ，挂载完成后调用
beforeUpdate -> onBeforeUpdate ，数据更新时调用，发生在虚拟 DOM 打补丁之前。此时内存第三阶段:HTTP服务和AJAX编程中的数据已经被修改，但还没有更新到页面上
updated -> onUpdated ，数据更新后调用，此时内存数据已经修改，页面数据也已经更新
beforeUnmount -> onBeforeUnmount ，组件卸载前调用
unmounted -> onUnmounted ，卸载组件实例后调用。
errorCaptured -> onErrorCaptured ，每当处理程序或生命周期钩子抛出错误时调用
renderTracked -> onRenderTracked ，状态跟踪，vue3新引入的钩子函数，只有在开发环境有用，用于跟踪所有响应式变量和方法，一旦页面有update，就会跟踪他们并返回一个nt对象
renderTriggered -> onRenderTriggered ，状态触发，同样是vue3新引入的钩子函数，只有在开发环境有效，与onRenderTracked的效果类似，但不会跟踪所有的响应式变量方法，只会定点发生改变的数据，同样返回一个nt对象
deactivated -> onDeactivated ，与keep-alive一起使用，当keep-alive包裹的组件停用时调用
低学历零基础参加ja培训，能学会吗?
1. 师资力量雄厚很多初中、高中学习的小伙伴来到昌平北大青鸟ja培训中心，询问自己能不能参加ja培训，能不能学好，建议这部分小伙伴最近来的比较多，小编一方面很激动，看到大家有一颗上劲的心，非常好学，作为ja培训起家的昌平北大青鸟IT培训机构对于ja的培训已经相当成熟了，其实低学历零基础参加Ja培训对于培训老师来说也是一种挑战，在保证大家学会，学好的同时还要考虑大家将来的发展和就业。
ja工程师受欢迎程度犹如芝麻开花节节高，具有17年Ja培训经验的昌平北大青鸟ja培训就够承诺低学历零基础可以参加Ja培训，当然只要你肯努力学好也不是问题。面对越来越多的低学历零基础的小伙伴来咨询，今天我就明确的给大家一个答复：其实ja培训并没有想象中的那么难,正常情况下：只要肯学就一定能学会;另外，逻辑思维好的学生学得要好一些，因为ja语言比较抽象化。
低学历通过参加ja培训照样可以成一名ja工程师，但是对于低学历零基础的学员来说学习的周期可能会长一些，想成为ja行业大牛就需要我们付出更多的努力。
低学历零基础参加ja培训选择昌平北大青鸟主要是因activated -> onActivated ，与keep-alive一起使用，当keep-alive包裹的组件激活时调用为：
1.夯实Ja基础：当前的Ja新技术层出不穷，各企业有不同的侧重，根据企业用人需求，只有具备坚实的Ja基础功底的程序员才能快速掌握新技术。昌平北大青鸟Ja基础课程体系的深度在行业内首屈一指，学员会在核心算法、面向对象应用、数据结构及框架、反射、输入输出、多线程、异常处理等方面深入细致地学习，不仅如此，昌平北大青鸟Ja基础课程在广度上还涵盖了Ja8提供的新特性，而这些正是企业面试中经常涉及的问题，是学员获得高薪的基础。
2.熟习Linux作系统：Linux是当前使用广泛的作系统。昌平北大青鸟的Ja授课全程在全新的Linux环境中完成(学员使用电脑全部为Linux环境)，同时还专门设有Linux的相关课程。学员在成为合格的Ja工程师的同时，还会具备熟练的Linux作技巧，这正是在企业面试中获得加分的重要指标之一。
3.深入学习数据库技术：当前的企业及互联网应用完全离不开数据库技术。在任何一个大中型应用中，数据库设计的好坏、数据库访问的效率直接决定了该项目的成败。昌平北大青鸟的数据库技术包括当前主流的Oracle和MySQL两种数据库，内容全面深入。除了数据库体系结构和SQL语句之外，还在数据库设计、SQL语句优化方面有很大的加强。
4.系统的Web前端技术：伴随着互联网技术由Web2.0向Web3.0迈进，Web前端技术，包括HTML、CSS特别是JaScript语言越来越被企业所看重。很多企业专门为此新增“Web前端工程师”岗位。昌平北大青鸟的Ja课程体系为此设置充足时间，让学员充分学习JaScript及其相关的Ajax、JQuery框架、vue框架。毫不夸张地说，如果完全掌握了昌平北大青鸟的Web前端技术，甚至仅凭借JaScript技能就可收获一份不错的工作。
5.手写Tomcat：随着计算机行业成熟，软件企业对员工的基础能力要求越来越高，扎实的开发基础是高薪就业不可或缺的基石，为了应对软件企业的要求，在JaEE课程中会带领学员从基础的API学起，将基础API和面向对象设计思想融合在一起，从行代码开始循序渐进地将Tomcat编写出来，使学员在严谨的实现过程中充分掌握HTTP协议、多线程、TCP编程、线程池、缓冲队列、反射等核心基础技术，进而能深入骨髓地理解Servlet容器的底层原理，为学员未来厚积薄发贮备能量。
6.企业级框架：Ja是组件和框架的世界，几乎所有的Ja程序员和Ja应用企业都了解Ja框架的重要性。昌平北大青鸟技术专家经严谨调研，了解Ja企业客户实际应用需求，按照企业需要定制了企业级框架课程。(1)在Servlet/JSP课程中会完成一个MVC的框架，这样就既了解了MVC模式优势，又深入学习了MVC框架的底层原理。(2)作为Ja框架的佼佼者，Spring在企业应用中的地位一路攀升。新课程体系中进一步增加Spring的课程量，加强学员对Spring的深入了解，并且会涉及到由Spring衍生出的SpringSide等“脚手架”型框架。(3)在深入领悟Spring核心IOC/AOP基础之上，重点加强目前流行的SpringMVC和SpringJDBC内容，与企业实际应用接轨。(4)数据持久层框架重点学习编码简洁，运行高效的MyBatis框架，并且还可以进一步学习经典的轻量级框架Hibernate课程内容。(5)在学习了流行的Spring+SpringMVC+MyBatis(SSM)框架整体解决方案之后，还扩展学习经典的SSH整合使用技术，全面且不落伍。
7.专门的企业开发及部署环境：企业在开发、测试、部署实际项目时需要有特定的软件环境。很多企业和学员不太重视这些环境，导致在入职时出现问题和失误甚至被淘汰。昌平北大青鸟Ja课程体系中加入了专门的企业开发及部署环境课程，重点讲述Linux高级命令及脚本编程、远程登录、单元测试技术、Men构建技术、SVN应用技术等等。
8.规范的企业开发流程及文档：软件开发是需要团队合作的，因此企业开发流程和文档规范尤为重要。这也是企业区分“草根程序员”和“正规程序员”的重要指标之一。昌平北大青鸟Ja课程所有的实践项目，无论规模大小，都严格按照企业开发的流程进行(需求分析、系统设计、编码实现、单元测试、系统测试、部署上线)，所有的开发文档完全达到甚至已经超过了大多数企业的要求。
9.云计算与互联网架构技术：云计算和互联网架构技术已经广泛应用到互联网软件开发与生产过程中，已经成为软件开发不可或缺的一部分。昌平北大青鸟提供了云计算和互联网架构应用课程，从基础的云到完整的互联网架构搭建，从基础Ja环境安装到Redis、Nginx应用详实完整，全力助力学员的全栈能力。
对于低学历零基础参加ja培训昌平北大青鸟会将的比较慢一些，主要是先让大家巩固和了解ja基础和ja逻辑思维，这也是对于低学历零基础参加ja培训的，毕竟掌握真才实学才能和高薪挂钩，如果你是低学历零基础参加ja培训还是担心自己能不能学会，你可以来昌平北大青鸟参加免费体验课，只要你填写下面的信息就可以获得试听资格，来听听看看我们的大牛老师能否教会你。
有关vue的常见面试题（上）
在子组件中接收，并执行 callback 函数防抖 ：一个频繁触发的函数，在规定时间内，只让一次生效，前面的不生效。
例：防抖经常用在我们搜索框输入搜索，点击提交，防止等；节流 ：一个频繁触发的函数，在规定时间内，函数执行一次后，只有大于设定的执行周期后才会执行第二次。
例：节流一般在onresize、mousemove、滚动等中使用，防止过多的请求造成压力
盒模型的组成：元素的内容content、元素的内边距padding、元素的外边距margin、元素的边框border
盒模型分为 ： W3C标准盒子 、IE盒子
W3C标准盒子（content-box） ：又称内容盒子，是指块元素box-sizing属性为content-box的盒模型，盒子总宽度 = margin + border + padding + width
IE盒子（border-box） ：又称怪异盒模型（边框盒子），是指块元素box-sizing属性为border-box的盒模型，盒子总宽 = margin + width
1.toString()与join()一样都是把数组转成以逗号分割的字符串
2.pop() 删除数组的一项
3.push() 往数组添加新数据
4.shift() 删除数组最前面的一项
var定义的变量可以修改，如果不初始化会输出undefined，不会报错。
const定义的变量不可以修改，而且必须初始化
let是块级作用域，函数内部使用let定义后，对函数外部无影响。
1.都支持端渲染
2.都有虚拟dom,组件化开发,都有‘props’的概念,允许父组件往子组件传送数据,都实现webComponent规范
3.数据驱动视图
4.都有支持native的方案,React的React native,Vue的weex
5.构建工具
React和Vue都有自己的构建工具，你可以使用它快速搭建开发环境。React可以使用Create React App (CRA)，而Vue对应的则是vue-cli。都有管理状态，React有redux,Vue有自己的Vuex
设计思想
react
1.函数式思想，all in js ,jsx语法，js控css
2.单项数据流
3.setState重新渲染
4.每当应用的状态被改变时，全部子组件都会重新渲染。当然，这可以通过shouldComponentUpdate这个生命周期方法来进行控制，如果为true继续渲染、false不渲染，但Vue将此视为默认的优化。
vue
3.Vue宣称可以更快地计算出虚拟 DOM的异，这是由于它在渲染过程中，会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树
性能
扩展性
react
1 类式写法api少，更容易结合ts
2 可以通过高阶组件来扩展
vue
1 声明式写法，结合ts比较复杂
2 需要通过mixin方式来扩展
vue-router提供了导航钩子:全局前置导航钩子 beforeEach和全局后置导航钩子 afterEach
导航钩子3个参数(to,from,next):
到达这个组件时：
离开这个组件时：beforeRouteLee:(to,from,next)=>{}
确认离开next();取消离开next(false)；
beforeEnter:(to,from,next)=>{}，用法与全局守卫一致。只是，将其写进其中一个路由对象中，只在这个路由下起作用。
方法一：
在子组件中绑定一个，并给这个定义一个函数
在父组件中定义并绑定 handleChange
方法二：
通过 callback 函数
先在父组件中定义一个callback函数，并把 callback 函数传过去
方法三：
通过 $parent /$children 或 $refs 访问组件实例
这两种都是直接得到组件实例，使用后可以直接调用组件的方法或访问数据。
这种方式的组件通信不能跨级
方法四：
$attrs和$listeners
Vue.js为什么不支持templateUrl模式
1.响应式思想，也就是基于数据可变的。把html、js、css、组合到一起，也可以通过标签引擎组合到一个页面中Angular的世界里，templateURL 或者 ng-include 允许使用者在运行时动态的加载远程模板文件，这个低学历零基础学习参加ja培训首先需要锻炼大家的逻辑思维能力，具有编程的逻辑思维之后，对于以后的学习是非常有帮助的。昌平北大青鸟采用因材施教，分级教学，对于ja培训课程分别设定了ja零基础就业班、ja才高班、ja大数据班，昌平北大青鸟有专门为低学历零基础开始额的ja零基础就业班。看起来很方便，作为一个自带功能，但是让我们来重新审视下这个功能。
首先，它允许我们能够编写一个分离的html文件作为模板，这样子我们就能在编辑的时候看到正确的语法高亮，这也是很多开发者喜欢的原因（注：我觉得这是因为现在的人越来越懒，越来越依赖IDE的原因）。但是分离你的js和html代码真的是个好主意么？在Vue.js的组件中，js和html天然紧耦合，事实上，这些代码在一个文件更简单易懂。在2个文件中来回切换上下文逻辑实际上让开发者更不爽。在vue的概念里，组件才是vue.js的基本构建单位，并不是模板文件。每一个vue.js的模板都伴随着他的好基友js，分离他们太过于残忍了。
其次，因为templateURL是在运行时通过ajax的方式加载模板，不需要构建步骤为了你分离的文件。开发的时候，这很爽，但是上线部署的时候，你就麻烦了。在HTTP2.0没有大面积支持前，HTTP的请求数仍然是页面加载的最关键因素。想象一下，在你的网站中，每个组件都是用templateURL，那么页面出来前，你可能需要加载几十个HTTP请求。可能你并不知道，大多数的浏览器是限制同一域名的并发请求数量的。当你超过这个限额的时候，你页面的初始渲染时间就得等待每次请求的返回。当然，有工具可以帮助你提前注册你所有的模板，但是这就多了一个构建步骤，事实上，这就是大型网站的必然趋势。
那么，在没有templateURL的情况下，我们怎么处理开发环境问题呢？
在js里面拼接字符串是的做法，使用