摘要：单页面应用从前端到后端这本书是一本教读者怎样将模块化，也就是前端同学们常说的模块化思想，变量避免全局污染以及将功能分块管理。
《单页面web应用 JavaScript从前端到后端》这本书是一本教读者怎样将js模块化，也就是前端同学们常说的模块化思想，变量避免全局污染以及将功能分块管理。
那么应该怎么开始呢？确定要做页面的聊天滑块
进行页面结构的简单设计，确定将聊天滑块放在被关注率和点击率最高的右下角
确定滑块需要实现的功能
当打开页面的时候滑块处于最小化
当点击滑块时，滑块实现最小化和最大化之间的切换
接下来的事情：单页应用的初步试探js文件结构的确定：
确定js的入口文件spa.js
确定spa.shell.js核心的js文件，可以调用应用中的任何子模块，比如接下来所说的spa.chat.js，但是的子模块之间是不可以随意调用的。
那接下来就是实现具体功能的模块spa.chat.js
来一张比较清晰的线框图：
图上清楚的显示shell是核心的js，chat是真正分离出来的功能块，在chat中是处理聊天滑块的文件。
这样其实架子就算是搭起来了，我们就可以开始码代码啦啦啦啦~~~~
滑块代码直接放到chat中就可以了，前边已经提到，这种模块思想中有避免变量污染全局，所以每一个功能模块都有自己的命名空间。也就是，spa，spa.shell，spa.chat。
具体到代码总体来说，每个文件中的代码都有配置，初始化的功能，作者已经给出，配置使用configMap，初始化使用initModule,当开始书写代码的时候，首先要确定在此命名空间下中需要的变量（当然也包括函数变量名称），要一次提前声明好。这样在每个文件中的代码也会清晰的展现。
比如：
变量区域
公共方法区域
公共的工具区域
事件方法区域
初始化区域
这样每个js文件都是这样的布局，当文件越来越复杂的时候，前端的代码会越来越好写，而且可读性很高。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/111179.html
《单页面web应用 JavaScript从前端到后端》这本书是一本教读者怎样将js模块化，也就是前端同学们常说的模块化思想，变量避免全局污染以及将功能分块管理。 那么应该怎么开始呢？ 确定要做页面的聊天滑块 进行页面结构的...
《单页面web应用 JavaScript从前端到后端》这本书是一本教读者怎样将js模块化，也就是前端同学们常说的模块化思想，变量避免全局污染以及将功能分块管理。 那么应该怎么开始呢？ 确定要做页面的聊天滑块 进行页面结构的...
原文链接：How to Learn JavaScript Properly 恰当地学习 JavaScript （适合第一次编程和非 JavaScript 的程序员） 持续时间：6 到 8 周 前提：无需编程经验 继续下面的课程。 更新（2013年 9月 16日）： 几天前成立了刚刚开始这个路线...
...且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。 文章的原地址：https://github.com/answershut...。 在学习过程中，为Vue加上了中文的注释http… Async/Await是这样简化JavaScript代码的 在As...
...发的基础的。要是能好好理解这些基础，那么我们往后的学习就会事半功倍。 当然了，《Java并发编程实战》可以说是非常经典的一本书。我是未能完全理解的，在这也仅仅是抛砖引玉。想要更加全面地理解我下面所说的知识点...
阅读 311·2021-10-09 09:44
阅读 664·2021-09-22 15:54
阅读 3939·2021-09-22 10:55
阅读 1116·2019-08-29 18:41
阅读 498·2019-08-29 11:24
阅读 1784·2019-08-28 18:20
阅读 744·2019-08-26 11:51
阅读 2620·2019-08-26 11:00
