摘要:月份的時(shí)候做過(guò)一段時(shí)間的開發(fā),之后換工作,了解到目前所在的公司是打算使用來(lái)做服務(wù)端渲染,當(dāng)時(shí)對(duì)的接觸很少,或許可以通過(guò)這個(gè)項(xiàng)目,可以讓我對(duì)有更多的了解,所以就決定接受目前這家公司的。在開發(fā)過(guò)程中遇到了很多問(wèn)題,在這里做記錄備忘。
6月份的時(shí)候做過(guò)一段時(shí)間的vue開發(fā),之后換工作,了解到目前所在的公司是打算使用node來(lái)做服務(wù)端渲染,當(dāng)時(shí)對(duì)node的接觸很少,或許可以通過(guò)這個(gè)項(xiàng)目,可以讓我對(duì)node有更多的了解,所以就決定接受目前這家公司的offer。在開發(fā)過(guò)程中遇到了很多問(wèn)題,在這里做記錄備忘。
express + jade + layui
在項(xiàng)目首頁(yè),點(diǎn)設(shè)置按鈕會(huì)調(diào)轉(zhuǎn)到用戶的設(shè)置中心頁(yè)面,剛開始是直接通過(guò)更改location.href的路徑并且將一些參數(shù)拼接到url后面的方式來(lái)做頁(yè)面跳轉(zhuǎn),但是這樣貌似看著不是很好看,所以就決定將跳轉(zhuǎn)的方式改為post的方式,將需要渲染的數(shù)據(jù)通過(guò)post的方式傳給express路由,下面上一個(gè)小例子:
$.ajax({ url:userPath+"/menu", type:"POST", async:false, data:{ menuArr:JSON.stringify(menuArr) }, success:function(res){ if(res === "OK"){ location.href = userPath+"/userinfo-company" } }, error:function(error){ console.log(error); } })
router.post("/menu", function(req, res, next) { menuArr = JSON.parse(req.body.menuArr); res.send("OK"); }); router.get("/userinfo-company", function(req, res, next) { subMenuArr = menuArr[0]; res.render( "userInfo/company", { title: "企業(yè)資料", menuArr: menuArr, subMenuArr:subMenuArr } ); });
menu需要從后臺(tái)請(qǐng)求,通過(guò)jade來(lái)渲染,所以需要將menu的數(shù)組通過(guò)post的方式來(lái)傳遞給index路由。
用js給select標(biāo)簽的option選項(xiàng)設(shè)置選中狀態(tài)做三級(jí)聯(lián)動(dòng)的時(shí)候,需要給的select動(dòng)態(tài)加載option選項(xiàng),并且需要?jiǎng)討B(tài)設(shè)置默認(rèn)狀態(tài),我當(dāng)時(shí)首先想到的就是
$(".selector").find("option[text="xxx"]").attr("selected",true);
但是經(jīng)過(guò)測(cè)試這種方法沒(méi)有起作用,因?yàn)閇]是attribute選擇器,text是property,所以選不到,這里可以用JQuery的
$(".selector").find("option:contains("pxx")").attr("selected",true);
選擇器給option設(shè)置默認(rèn)選中狀態(tài)。
attribute和property的不同property是DOM中的屬性,是JavaScript里的對(duì)象,每一個(gè)dom節(jié)點(diǎn)都是一個(gè)對(duì)象,這些dom對(duì)象有很多屬性,例如:clientHeight,className,innerHTML,innerText等;
attribute是HTML標(biāo)簽上的特性(即:標(biāo)簽所特有的屬性),它的值只能夠是字符串,例如:class,id,value等;
Document
打印的輸出結(jié)果如下,同時(shí)我們還可以在第四行看到attribute屬性
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/92565.html
摘要:紀(jì)錄下前幾天遇到的問(wèn)題前幾天一個(gè)項(xiàng)目中寫了個(gè)登錄功能算是入行以來(lái)寫的第一個(gè)功能遇到幾個(gè)問(wèn)題稍微記錄下簡(jiǎn)單介紹這項(xiàng)目只調(diào)用了和還有一些插件我基本都是在寫原生的方法用的少運(yùn)用保持用戶登錄狀態(tài)原理就不贅述了百度很多登錄發(fā)送賬號(hào)密碼給后端后端返回前 紀(jì)錄下前幾天遇到的問(wèn)題 前幾天一個(gè)項(xiàng)目中寫了個(gè)登錄功能,算是入行以來(lái)寫的第一個(gè)功能,遇到幾個(gè)問(wèn)題稍微記錄下 簡(jiǎn)單介紹這項(xiàng)目,只調(diào)用了layui和j...
摘要:寫這篇文章,主要是在前不久的微信公眾號(hào)開發(fā)的時(shí)候,遇到了一些問(wèn)題,記錄一下,并希望其他在遇到這些問(wèn)題,可以進(jìn)行快速定位及處理。 寫這篇文章,主要是在前不久的微信公眾號(hào)開發(fā)的時(shí)候,遇到了一些問(wèn)題,記錄一下,并希望其他在遇到這些問(wèn)題,可以進(jìn)行快速定位及處理。 微信底部工具欄白條,1.首先,底部工具欄白條出現(xiàn)的原因是由于,瀏覽器跳轉(zhuǎn)留下了歷史信息,所以如果我們用H5開發(fā)時(shí),如果需要跳轉(zhuǎn)頁(yè)面...
摘要:最近用了一個(gè)月的時(shí)間快速開發(fā)了一套管理系統(tǒng),前后端分離的開發(fā)模式,前端采用的技術(shù)路線,頁(yè)面是第三方框架。下面總結(jié)一下我在開發(fā)工程中遇到的一些問(wèn)題。比如我需要一個(gè)彈框插件,而上頁(yè)沒(méi)注冊(cè)。 最近用了一個(gè)月的時(shí)間快速開發(fā)了一套管理系統(tǒng),前后端分離的開發(fā)模式,前端采用vue-cli+webpack的技術(shù)路線,頁(yè)面UI是第三方bootstrap框架。下面總結(jié)一下我在開發(fā)工程中遇到的一些問(wèn)題。1....
閱讀 3564·2021-10-15 09:43
閱讀 3487·2021-09-02 15:21
閱讀 2193·2021-08-11 11:23
閱讀 3238·2019-08-30 15:54
閱讀 1923·2019-08-30 13:54
閱讀 3199·2019-08-29 18:35
閱讀 668·2019-08-29 16:58
閱讀 1736·2019-08-29 12:49