摘要:單頁面應用從前端到后端這本書是一本教讀者怎樣將模塊化,也就是前端同學們常說的模塊化思想,變量避免全局污染以及將功能分塊管理。
《單頁面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文件都是這樣的布局,當文件越來越復雜的時候,前端的代碼會越來越好寫,而且可讀性很高。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/49637.html
摘要:單頁面應用從前端到后端這本書是一本教讀者怎樣將模塊化,也就是前端同學們常說的模塊化思想,變量避免全局污染以及將功能分塊管理。 《單頁面web應用 JavaScript從前端到后端》這本書是一本教讀者怎樣將js模塊化,也就是前端同學們常說的模塊化思想,變量避免全局污染以及將功能分塊管理。 那么應該怎么開始呢? 確定要做頁面的聊天滑塊 進行頁面結構的簡單設計,確定將聊天滑塊放在被關注率和...
摘要:單頁面應用從前端到后端這本書是一本教讀者怎樣將模塊化,也就是前端同學們常說的模塊化思想,變量避免全局污染以及將功能分塊管理。 《單頁面web應用 JavaScript從前端到后端》這本書是一本教讀者怎樣將js模塊化,也就是前端同學們常說的模塊化思想,變量避免全局污染以及將功能分塊管理。 那么應該怎么開始呢? 確定要做頁面的聊天滑塊 進行頁面結構的簡單設計,確定將聊天滑塊放在被關注率和...
摘要:原文鏈接恰當地學習適合第一次編程和非的程序員持續時間到周前提無需編程經驗繼續下面的課程。如果你沒有足夠的時間在周內完成全部的章節,學習時間盡力不要超過周。你還不是一個絕地武士,必須持續使用你最新學到的知識和技能,盡可能地經常持續學習和提高。 原文鏈接:How to Learn JavaScript Properly 恰當地學習 JavaScript (適合第一次編程和非 JavaSc...
摘要:因為用戶不用在第一次進入應用時下載所有代碼,用戶能更快的看到頁面并與之交互。譯高階函數利用和來編寫更易維護的代碼高階函數可以幫助你增強你的,讓你的代碼更具有聲明性。知道什么時候和怎樣使用高階函數是至關重要的。 Vue 折騰記 - (10) 給axios做個挺靠譜的封裝(報錯,鑒權,跳轉,攔截,提示) 稍微改改都能直接拿來用~~~喲吼吼,喲吼吼..... 如何無痛降低 if else 面...
摘要:是需要我們去處理很多事情,為了防止多線程給我們帶來的安全和性能的問題下面就來簡單總結一下我們需要哪些知識點來解決多線程遇到的問題。 前言 不小心就鴿了幾天沒有更新了,這個星期回家咯。在學校的日子要努力一點才行! 只有光頭才能變強 回顧前面: 多線程三分鐘就可以入個門了! Thread源碼剖析 本文章的知識主要參考《Java并發編程實戰》這本書的前4章,這本書的前4章都是講解并發的基...
閱讀 2967·2021-11-25 09:43
閱讀 3633·2021-08-31 09:41
閱讀 1237·2019-08-30 15:56
閱讀 2119·2019-08-30 15:55
閱讀 2993·2019-08-30 13:48
閱讀 2816·2019-08-29 15:15
閱讀 984·2019-08-29 15:14
閱讀 2657·2019-08-28 18:26