乙個js框架,首先需要起乙個名字,我思考再三,最終決定用我給即將出生的孩子起的名字允迪(yundi)來命名,取首字母,即jyd. 允迪取自 南朝·梁·任昉《為蕭揚州薦薦士表》:「竊見秘書丞琅玡臣王暕,年二十一,字思晦,七葉重光,海內冠冕。神清氣茂,允迪中和。」,允迪有誠實遵循的意思。
為了方便後續的分模組開發,採用如下js模式進行框架構建,此模組有私有變數和函式,有公有函式,m.方法即可以外部訪問。
1//23var jyd = (function
(m)
10//
public
11 m.log = function
(msg)
14return
m;15 }(jyd || {}));
事件繫結,採用如下的**段進行實現:
1function
_on(obj, type, handle) catch
(e) catch (e) 10}
11var events = obj['the' +type];
12if (!events)
16 }
方法連綴的實現,可以在方法後return this來實現:
1 m.first = function() 6
return
this;7
};8 m.last = function
() 14
return
this
;15 };
1<
script
src="jyd.js"
>
script
> //引入js
).ele().value
jyd.$("#frm input"
).ele()
jyd.$("input:checked"
).ele()[0].value
jyd.$("input[type=text]"
).ele()[0].value
jyd.$(".classname"
).ele()[0].value
jyd.$(".classname"
).first().ele()
"name3"
:"name3"
, "name6"
:"name6"
, "name7"
:"name7"
, "name2"
:"2017-08-08"
, "name1"
:"audi"
, "ajdsfa"
:false,
"fruit"
:"桃子"
, "fruit1"
:"香蕉"
, "hobby"
: ["**"
, "游泳"
],};
jyd.$("#frm"
).bindjson(_json)
jyd.$("#frm"
).serialize() //name3=name3&name6=name6&name7=name7&name2=2017-08-08
jyd.$("#frm"
).reset()
jyd.$("input"
).disabled()
jyd.$("select"
).disabled()
jyd.$("button"
).disabled()
jyd.$("input"
).enable()
jyd.$("select"
).enable()
jyd.$("button"
).enable()
).off("click"
).on("click"
, function(e) );
//custom event
var sender =
jyd.$("#cediv"
).ele();
var target =
jyd.$("#btnce"
).ele();
jyd.createce(sender, "divbtnclick"
, }, target, "click"
); //冒泡
jyd.$("#cediv"
).on("divbtnclick"
, function(e) );
).addclass("red"
).removeclass("clss"
)jyd.$("#txt2"
).css();
) .params(jyd.$("#frm"
).serialize() +
"&table=22"
) .success(function (data) ).error(function (data) )
.send();
jyd.iselement(document.getelementbyid("frm"
))jyd.is.array()
wepy框架使用
今天使用wepy框架,發現和vue,react還是有很大區別的,在此聊下元件傳值方面的問題 1 寫乙個mp cell元件,然後動態傳值,一般我們要傳入的值是從後台取回來的會放到乙個物件中,此時按照下面傳值是不成功的,除非把name掛在data上,也即name tom 在傳入name。這樣太麻煩了。2...
Druid,spring框架使用
druid 資料庫連線池實現技術,由阿里巴巴提供的 步驟 1.匯入jar包 druid 1.0.9.jar 2.定義配置檔案 是properties形式的 可以叫任意名稱,可以放在任意目錄下 注意不要新增多餘字元,比如空格,會出現異常 3.載入配置檔案。properties 用getresource...
使用spring框架
使用spring框架 spring框架目前為市面上較為流行的一款全能型框架,它依賴ioc 控制反轉 和aop 面向切面程式設計思想 來進行實現 準備步驟 一 最少jar包 spring beans jar spring context jar spring core jar spring expre...