## 框架基礎庫
* 框架前端 JavaScript 基礎庫放置在（./public/js/base.js），在開發過程中只需繼承前后臺基類模板后即可直接使用 框架基礎腳本庫的屬性、方法、事件。
* 框架前端 JavaScript 后臺庫放置在（./public/js/admin.js），在開發后臺管理時需繼承后臺基類模板后才能使用呆錯后臺腳本庫的屬性、方法、事件。
* 框架前端 JavaScript 前臺庫放置在（./public/js/front.js），在開發網站前臺時需繼承前臺基類模板后才能使用呆錯前臺腳本庫的屬性、方法、事件。
* DaiCuo框架核心腳本庫依賴于Jquery3、Bootstrap4；故在JS引入前需要先引入Jquery3與Bootstrap4。
* 呆錯框架JavaScript[基礎庫](https://www.daicuo.org/help?type=javascript)所有屬性、方法、事件可通過呆錯官網的文檔中心查閱。
* 自2.1.13版本起，為了減小基礎庫的體積，加快網頁加載的速度，故將一些不常用的方法分拆打包在后臺基礎庫（admin.js）、前臺基礎庫（front.js）。
### 引入框架基礎庫
* 模板繼承：在插件應用的對應模板里可使用（模板繼承 機制）自動按順序引入相關的Jquery、Bootstrap、base.js、zh-cn.js。
```
{extend name="apps/common/view/front.tpl" /}
{block name="header_meta"}......{/block}
{block name="header_header"}......{/block}
{block name="header_main"}......{/block}
{block name="header_footer"}......{/block}
```
* 傳統引用：在未使用ThinkPhp模板引擎或繼承基類模板的場景下，可使用傳統的方法按順序引入。
```
<script src="/public/js/base.js"
data-id="daicuo"
data-file="{$file}"
data-root="{$path_root}"
data-view="{$path_view}"
data-upload="{$path_upload}"
data-module="{$module}"
data-controll="{$controll}"
data-action="{$action}"
data-page="{$page}"
data-user-id="{$user.user_id|default=0}"
data-lang="{:config('default_lang')}"
></script>
```
## 插件腳本庫
* 插件應用腳本放置在 apps/應用名/theme/主題名/base.js、在開發里需要自行創建該文件。
* 插件應用腳本必須在呆錯框架基礎腳本庫創建后引入，所以在插件腳本庫里可直接調用呆錯核心腳本庫的相關屬性、方法、事件。
### 引入插件腳本庫
* 模板繼承：通過繼承基類模板的方式會自動根據規則加載應用的腳本路徑，以(apps/index/theme/default_pc/index/index.tpl)為例。
```
{block name="js"}
<script>
$(function(){
daicuo.lazyload.init();
daicuo.language.init({method:'auto'});
});
</script>
{/block}
```
* 傳統引用：在未使用ThinkPhp模板引擎或繼承基類模板的場景下，可使用傳統的方法引入。
```
<script src="{:DcUrlJs($domain, $path_root.$path_view.'theme.js')}"></script>
```
## 調用呆錯基礎庫方法實例
```
$(function(){
daicuo.lazyload.init();
daicuo.language.init({method:'auto'});
daicuo.page.init();
});
```
