成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

項目開發(fā)遇到的一些問題

Bamboy / 1914人閱讀

摘要:月份的時候做過一段時間的開發(fā),之后換工作,了解到目前所在的公司是打算使用來做服務(wù)端渲染,當(dāng)時對的接觸很少,或許可以通過這個項目,可以讓我對有更多的了解,所以就決定接受目前這家公司的。在開發(fā)過程中遇到了很多問題,在這里做記錄備忘。

6月份的時候做過一段時間的vue開發(fā),之后換工作,了解到目前所在的公司是打算使用node來做服務(wù)端渲染,當(dāng)時對node的接觸很少,或許可以通過這個項目,可以讓我對node有更多的了解,所以就決定接受目前這家公司的offer。在開發(fā)過程中遇到了很多問題,在這里做記錄備忘。
express + jade + layui

express通過post請求跳轉(zhuǎn)頁面

在項目首頁,點設(shè)置按鈕會調(diào)轉(zhuǎn)到用戶的設(shè)置中心頁面,剛開始是直接通過更改location.href的路徑并且將一些參數(shù)拼接到url后面的方式來做頁面跳轉(zhuǎn),但是這樣貌似看著不是很好看,所以就決定將跳轉(zhuǎn)的方式改為post的方式,將需要渲染的數(shù)據(jù)通過post的方式傳給express路由,下面上一個小例子:

$.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需要從后臺請求,通過jade來渲染,所以需要將menu的數(shù)組通過post的方式來傳遞給index路由。

用js給select標簽的option選項設(shè)置選中狀態(tài)

做三級聯(lián)動的時候,需要給的select動態(tài)加載option選項,并且需要動態(tài)設(shè)置默認狀態(tài),我當(dāng)時首先想到的就是

$(".selector").find("option[text="xxx"]").attr("selected",true);

但是經(jīng)過測試這種方法沒有起作用,因為[]是attribute選擇器,text是property,所以選不到,這里可以用JQuery的

$(".selector").find("option:contains("pxx")").attr("selected",true);

選擇器給option設(shè)置默認選中狀態(tài)。

attribute和property的不同

property是DOM中的屬性,是JavaScript里的對象,每一個dom節(jié)點都是一個對象,這些dom對象有很多屬性,例如:clientHeight,className,innerHTML,innerText等;


attribute是HTML標簽上的特性(即:標簽所特有的屬性),它的值只能夠是字符串,例如:class,id,value等;


下面一行代碼看懂a(chǎn)ttribute和property:




    
    Document


    

打印的輸出結(jié)果如下,同時我們還可以在第四行看到attribute屬性

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/92565.html

相關(guān)文章

  • 項目遇到一些問題

    摘要:紀錄下前幾天遇到的問題前幾天一個項目中寫了個登錄功能算是入行以來寫的第一個功能遇到幾個問題稍微記錄下簡單介紹這項目只調(diào)用了和還有一些插件我基本都是在寫原生的方法用的少運用保持用戶登錄狀態(tài)原理就不贅述了百度很多登錄發(fā)送賬號密碼給后端后端返回前 紀錄下前幾天遇到的問題 前幾天一個項目中寫了個登錄功能,算是入行以來寫的第一個功能,遇到幾個問題稍微記錄下 簡單介紹這項目,只調(diào)用了layui和j...

    Aomine 評論0 收藏0
  • 微信公眾號開發(fā)遇到一些問題

    摘要:寫這篇文章,主要是在前不久的微信公眾號開發(fā)的時候,遇到了一些問題,記錄一下,并希望其他在遇到這些問題,可以進行快速定位及處理。 寫這篇文章,主要是在前不久的微信公眾號開發(fā)的時候,遇到了一些問題,記錄一下,并希望其他在遇到這些問題,可以進行快速定位及處理。 微信底部工具欄白條,1.首先,底部工具欄白條出現(xiàn)的原因是由于,瀏覽器跳轉(zhuǎn)留下了歷史信息,所以如果我們用H5開發(fā)時,如果需要跳轉(zhuǎn)頁面...

    jayzou 評論0 收藏0
  • 我在vue-cli+webpack項目開發(fā)遇到一些問題總結(jié)

    摘要:最近用了一個月的時間快速開發(fā)了一套管理系統(tǒng),前后端分離的開發(fā)模式,前端采用的技術(shù)路線,頁面是第三方框架。下面總結(jié)一下我在開發(fā)工程中遇到的一些問題。比如我需要一個彈框插件,而上頁沒注冊。 最近用了一個月的時間快速開發(fā)了一套管理系統(tǒng),前后端分離的開發(fā)模式,前端采用vue-cli+webpack的技術(shù)路線,頁面UI是第三方bootstrap框架。下面總結(jié)一下我在開發(fā)工程中遇到的一些問題。1....

    mykurisu 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<