[TOC]
# 示例代碼
```
/**
* 示例代碼
* 可參照此代碼進行復制進行擴展
* @author hongwei 2018-05-18
*/
layui.define(['jquery','layer','form','laytpl','func','ajax'], function(exports){
'use strict';
var $ = layui.$
,layer = layui.layer
,form = layui.form
,laytpl = layui.laytpl
,func = layui.func
,ajax = layui.ajax
//外部接口
, example = {
config: {} //全局配置項
//設置全局項
,set:function (options) {
//
}
}
//字符常量
, MOD_NAME = 'example'
//構造器
,Class = function(options){
var that = this;
that.init(); //基本操作
};
//默認配置
Class.prototype.config = {
debug : false //調試開關,true打開,false關閉
};
//初始基本操作
Class.prototype.init = function() {
var that = this
, options = that.config;
//todo
};
//渲染
example.render = function(options){
var inst = new Class(options);
return inst;
};
exports(MOD_NAME, example);
});
```
# 使用
```
<script>
layui.config({
base: GV.ROOT+'static/larry/lib/'
}).extend({
login: 'agent/login'
}).use(['form','layer','login','jqform','jqajax'],function () {
let form = layui.form
,layer = layui.layer
,login = layui.login;
login.render();
});
</script>
```
- javascript封裝
- jquery封裝
- layui封裝
- 基本知識
- 匿名函數
- 嚴格模式
- 代碼規范工具
- 使用JSHint和JSLint
- 構建
- Grunt
- gulp
- Gulp使用入門操作十一步壓縮JS
- 注意
- 初級
- 中級
- 高級
- 將es6代碼轉成es5
- 我常用的
- 報錯處理
- 《編寫可維護的Javascript》
- 第1章:基本的格式化
- 縮進層級
- 語句結尾
- 行的長度
- 換行
- 空行
- 命名
- 變量和函數
- 常量
- 構造函數
- 直接量
- 第2章:注釋
- 單行注釋
- 多行注釋
- 使用注釋
- 文檔注釋
- 第3章:語句和表達式
- 花括號的對齊方式
- 塊語句間隔
- switch語句
- 第4章:變量函數運算符
- 變量聲明
- 函數聲明
- 函數調用間隔
- 立即調用函數
- 嚴格的模式
- 相等
- 第5章:UI的松耦合
- 什么是松耦合
- 將javascript從css中抽離
- 將css從javascript中抽離
- 將javascript從html中抽離
- 將html從javascript中抽離
- 第6章:避免使用全局變量
- 全局變量帶來的問題
- 意外的全局變量
- 單全局變量方式
- 零全局變量
- 第7章:事件處理
- 典型用法
- 規則1:隔離應用邏輯
- 規則2:不要分發事件對象
- 第8章:避免“空比較”
- 檢測原始值
- 檢測應用值
- 檢測屬性
- 第9章:將配置數據從代碼中分離出來
- 什么是配置數據
- 抽離配置數據
- 保存配置數據
- 第10章:拋出自定義錯誤
- 錯誤的本質
- 在javascript拋出錯誤
- 拋出錯誤的好處
- 何時拋出錯誤
- try-catch語句
- 錯誤類型
- 第11章:不是你的對象不要動
- 什么是你的
- 原則
- 更好的途徑
- 關于Polyfill的注釋
- 阻止修改
- 第12章:瀏覽器嗅探
- User-Agent嗅探
- 特性檢測
- 避免特性推斷
- 避免瀏覽器推斷
- 應當如何取舍
- 第13章:目錄和文件結構
- 最佳實踐
- 基本結構
- 第14章:Ant
- 安裝
- 配置文件
- 執行構建
- 目標操作的依賴
- 屬性
- Buildr項目
- 第15章:校驗
- 查找文件
- 任務
- 增強的目標操作
- 其他方面的改進
- Buidr任務
- 第16章:文件的合并與加工
- 任務1
- 行尾結束符
- 文件頭和文件尾
- 加工文件
- 第17章:文件的精簡與壓縮
- 文件精簡
- 壓縮
- 第18章:文檔化
- JSDoc Toolkit
- YUI DOC
- 第19章:自動化測試
- YUI Test Selenium引擎
- Yeti
- PhantomJS
- JsTestDriver
- 第20章:組裝到一起
- Javascript編碼風格指南