本篇文章给大家谈谈j*ascript变量拼接，以及j*ascript 变量对应的知识点，希望对各位有所帮助，不要忘了收***本站喔。 今天给各位分享j*ascript变量拼接的知识，其中也会对j*ascript 变量进行解释，如果能碰巧解决***现在面临的问题，别忘了关注本站，现在开始吧！

1. js拆分字符串？

1、js拆分字符串？

万变不离其宗：

横向切割业务/功能，纵向切割技术层。

先从功能出发把 site.js 分成多个**的模块

：如果 site.js 只用在一个页面上，就按照页面上的功能拆分成模块；又或者 site.js 用在多个页面中，可以将 site.js 拆分成一对一页面的入口小模块，这些页面之间可能有相似的模块，这些模块也单独拆出来，入口模块放置每个页面单独的逻辑，并组织共享的模块。以一个聊天工具为例，可以拆解为：

虽然是平行放置的，但组件是有层次的，小组件功能**，大组件负责初始化和组合小组件。

再从技术架构的角度将***码划分为多个层次

：注意，并不是所有的项目都需要划分层次，可以按照项目的大小和复杂程度划分层次。项目越复杂就越需要注意将***码划分成不同的层次，而简单的项目就没有必要了，甚至***码都不用放在不同的文件。
技术分层的方案就是 MVC，不管***或者流行的框架如何解读 MVC，MVC 是一种以不变应万变的架构。例如：

components

就放着 View + Controller，View 和 Controller 相对来说联系是比较紧密的，可以放在一起：

chat.js 主要用来初始化其他模块，绑定**，处理**，充当 Controller

style.css 样式，没什么可说的

view.html 放着模板，业务简单的话，也可以去掉 view.html 直接在 chat.js 中拼接字符串

model

：如果项目简单这里放的就是和服务器端进行数据交互的部分，比如 Ajax 请求等。如果项目复杂的话，可以分成两层 Ajax 请求和 Model（View Model 或者数据集中管理的地方）。这部分很可能在很多 component 都会用到，所以可以**。

router

：不多说，如果***的项目复杂到一定程度，有 router 的话，这是单独放置的。

单独说说 component：

一个模块基础组成：

config：配置，来自源全局，或者来自于父组件

state：自身的状态，比如是聊天是通畅还是短线了，其他方***运行的过程中需要这些状态来判断进一步的操作

bindEvents：可以把大堆大堆的 $ 选择绑定**的***码都放在这里

eventHandler：很多**处理器

modifyView：很多对视图更改

每个层都会有很多模块，这些模块又是按照业务/功能切分的。

工具篇：

切分原则都有了，工具的选择也没什么难的。

项目不复杂，不重要，模块拆下来之后也不多，那可以用像 RequireJS，Sea.js 这样的加载器。主要就是处理下 JS 的模块化。直接撸了之后，压缩下，也不用合并，就在线上跑着也没啥问题。

项目复杂，重要，模块多，那可以用用 browserify，使用 CommonJS，来组织***码（也可以继续使用 RequireJS，生态和工具还可以）。上线的时通过工具做好合并压缩。

如果******用的非常标准的模块化开发，即每个模块都有独自的模板、Controller、样式、图片，那用 webpack 吧，webpack 的优势就如它的名字一样，不是 js bundle，不是js loader，是 webpack，即其他**也可以帮***打包处理好，这对于全模块化开发来讲就爽多了。不用想该怎么组织除了 JS 之外的**。

到此，以上就是小编对于j*ascript变量拼接的问题就介绍到这了，希望介绍关于j*ascript变量拼接的1点解答对大家有用。