成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

VM開(kāi)發(fā)項(xiàng)目總結(jié)

LeviDing / 2369人閱讀

摘要：整站分成幾大模塊，每個(gè)文件夾代表的模塊，每個(gè)文件具體代表的頁(yè)面解讀的時(shí)候加傷對(duì)應(yīng)頁(yè)面的鏈接購(gòu)物車模塊文件夾購(gòu)物車首頁(yè)網(wǎng)站名購(gòu)物車支付頁(yè)面網(wǎng)站名文件夾每個(gè)樣式文件的解讀每個(gè)文件夾的作用，問(wèn)什么這樣拆分網(wǎng)站所有樣式都在這一個(gè)文件如果有文件，則為

整站vm分成幾大模塊，每個(gè)文件夾代表的模塊，每個(gè)文件具體代表的頁(yè)面 templates 
解讀的時(shí)候加傷對(duì)應(yīng)頁(yè)面的鏈接
1.Cart 購(gòu)物車模塊文件夾
    Index.vm 購(gòu)物車首頁(yè) m.網(wǎng)站名.com/cart.html
    Payment.vm 購(gòu)物車支付頁(yè)面 m.網(wǎng)站名.com/payment.html
Css文件夾 
1.每個(gè)樣式文件的解讀 每個(gè)文件夾的作用，問(wèn)什么這樣拆分
    Index.css網(wǎng)站所有樣式都在這一個(gè)文件
    如果有common.css文件，則為公共樣式文件

2.公共樣式在哪里
    common.css/index.css頭部為公共樣式

3. 樣式命名規(guī)則
   公用代碼樣式命名規(guī)則
   
分享
這段代碼為公用代碼，命名規(guī)則為base-功能
   非公用樣式命名規(guī)則
   針對(duì)每個(gè)頁(yè)面命名，頁(yè)面名稱- 例：index-share
 4. 樣式需要gulp編譯，運(yùn)行方法為node_module上層目錄開(kāi)啟命令行窗口，運(yùn)行g(shù)ulp
 其它：(自由發(fā)揮)
       網(wǎng)站更新功能，在
后邊新增代碼

       新增代碼的樣式就近添加到上邊代碼后邊 效果如下
           .base-share{}
           .test{}
image文件夾 
1.每個(gè)文件夾的作用，為何這樣拆分 例
    根據(jù)不同頁(yè)面拆分不同的文件夾
    index 存放首頁(yè)用到的圖片
    pay 存放支付用到的圖片
    ter 存放終端頁(yè)的圖片
2.圖片的命名規(guī)則
3.圖片添加到服務(wù)器后需要包裹到項(xiàng)目里
其它：(自由發(fā)揮)
js 
1.每個(gè)文件夾的作用，問(wèn)什么這樣拆分
    全站通用一個(gè)index_css.js文件
    index_css.js 存放整站前端js
2.通用js
    存放在index_css.js中的CoObject
3.Js命名規(guī)則
    每個(gè)頁(yè)面一個(gè)對(duì)象，對(duì)象名字為頁(yè)面的名字 例：
    class Index(){} 首頁(yè)對(duì)象 對(duì)象的調(diào)用一般放在頁(yè)面的最底部
    變量命名駝峰命名，jquery加$前綴，原生js變量不加
4.js交互效果全用class控制不寫(xiě)style，css()
5.鏈接跳轉(zhuǎn)方式,"/a.html",必須加斜杠，用絕對(duì)路徑
6.全站通用api請(qǐng)求方式，
7.對(duì)應(yīng)接口字段含義
其它：(自由發(fā)揮)

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/108291.html

相關(guān)文章

  • 做面試的不倒翁：淺談 Vue 中 computed 實(shí)現(xiàn)原理

    摘要：當(dāng)某個(gè)屬性發(fā)生變化，觸發(fā)攔截函數(shù)，然后調(diào)用自身消息訂閱器的方法，遍歷當(dāng)前中保存著所有訂閱者的數(shù)組，并逐個(gè)調(diào)用的方法，完成響應(yīng)更新。 編者按：我們會(huì)不時(shí)邀請(qǐng)工程師談?wù)動(dòng)幸馑嫉募夹g(shù)細(xì)節(jié)，希望知其所以然能讓大家在面試有更出色表現(xiàn)。也給面試官提供更多思路。 showImg(https://segmentfault.com/img/bVbgYyU?w=1200&h=600); 雖然目前的技術(shù)...

    Anonymous1 評(píng)論0 收藏0

  • 淺談Vue中計(jì)算屬性computed的實(shí)現(xiàn)原理

    摘要：雖然計(jì)算屬性在大多數(shù)情況下更合適，但有時(shí)也需要一個(gè)自定義的偵聽(tīng)器。當(dāng)某個(gè)屬性發(fā)生變化，觸發(fā)攔截函數(shù)，然后調(diào)用自身消息訂閱器的方法，遍歷當(dāng)前中保存著所有訂閱者的數(shù)組，并逐個(gè)調(diào)用的方法，完成響應(yīng)更新。 雖然目前的技術(shù)棧已由Vue轉(zhuǎn)到了React，但從之前使用Vue開(kāi)發(fā)的多個(gè)項(xiàng)目實(shí)際經(jīng)歷來(lái)看還是非常愉悅的，Vue文檔清晰規(guī)范，api設(shè)計(jì)簡(jiǎn)潔高效，對(duì)前端開(kāi)發(fā)人員友好，上手快，甚至個(gè)人認(rèn)為在很多...

    laznrbfe 評(píng)論0 收藏0

  • angular之$apply嘗試

    摘要：目前處于展開(kāi)狀態(tài)，再次點(diǎn)擊按鈕，下拉隱藏。思路解析外層設(shè)置一個(gè)狀態(tài)值，通過(guò)添加控制下拉是否顯示。設(shè)想都是美好的，也通過(guò)測(cè)試這樣沒(méi)有問(wèn)題。設(shè)置初始狀態(tài)為不顯示顯示關(guān)閉浮層點(diǎn)擊任一下拉選擇，隱藏。 angular開(kāi)發(fā)過(guò)程中遇到的$apply問(wèn)題 由于一直在項(xiàng)目上并嗎使用過(guò)angular進(jìn)行開(kāi)發(fā)，目前會(huì)遇到一些比較弱智的問(wèn)題，所以每次遇到耗時(shí)較多的問(wèn)題都總結(jié)一下。 $apply問(wèn)題 接到一個(gè)...

    yzd 評(píng)論0 收藏0

  • VUE - MVVM - part13 - inject & 總結(jié)

    摘要：通過(guò)裝作這些變化，我們實(shí)現(xiàn)了從而到達(dá)了數(shù)據(jù)變化觸發(fā)函數(shù)的過(guò)程。于此同時(shí)，我們還實(shí)現(xiàn)了來(lái)擴(kuò)展這個(gè)可響應(yīng)的結(jié)構(gòu)，讓這個(gè)對(duì)象擁有了觸發(fā)和響應(yīng)事件的能力。最后，根據(jù)我們的實(shí)現(xiàn)，這是最終的產(chǎn)出，一個(gè)框架，了解一下系列文章地址優(yōu)化優(yōu)化總結(jié) 看這篇之前，如果沒(méi)有看過(guò)之前的文章，移步拉到文章末尾查看之前的文章。 provide / inject 在上一步我們實(shí)現(xiàn)了，父子組件，和 props 一樣 pr...

    niuxiaowei111 評(píng)論0 收藏0

  • 前端項(xiàng)目發(fā)布后的問(wèn)題總結(jié)

    摘要：引言最近做的項(xiàng)目已經(jīng)接近尾聲剛剛發(fā)到線上回顧和總結(jié)一下這段時(shí)間遇到的問(wèn)題和個(gè)人的一些想法。通過(guò)在指令中比較前后值以及設(shè)置避免不必要更新導(dǎo)致的彈窗渲染。 引言 最近做的項(xiàng)目已經(jīng)接近尾聲,剛剛發(fā)到線上,回顧和總結(jié)一下這段時(shí)間遇到的問(wèn)題和個(gè)人的一些想法。 select下拉修改和復(fù)原 //部分下拉選項(xiàng) {{o...

    endless_road 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<