jYD框架使用

2022-02-17 05:36:19 字數 2610 閱讀 8928

乙個js框架,首先需要起乙個名字,我思考再三,最終決定用我給即將出生的孩子起的名字允迪(yundi)來命名,取首字母,即jyd. 允迪取自 南朝·梁·任昉《為蕭揚州薦薦士表》:「竊見秘書丞琅玡臣王暕,年二十一,字思晦,七葉重光,海內冠冕。神清氣茂,允迪中和。」,允迪有誠實遵循的意思。

為了方便後續的分模組開發,採用如下js模式進行框架構建,此模組有私有變數和函式,有公有函式,m.方法即可以外部訪問。

1//2

3var jyd = (function

(m)

10//

public

11 m.log = function

(msg)

14return

m;15 }(jyd || {}));

事件繫結,採用如下的**段進行實現:

1

function

_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...