摘要:整站分成幾大模塊,每個文件夾代表的模塊,每個文件具體代表的頁面解讀的時候加傷對應(yīng)頁面的鏈接購物車模塊文件夾購物車首頁網(wǎng)站名購物車支付頁面網(wǎng)站名文件夾每個樣式文件的解讀每個文件夾的作用,問什么這樣拆分網(wǎng)站所有樣式都在這一個文件如果有文件,則為
整站vm分成幾大模塊,每個文件夾代表的模塊,每個文件具體代表的頁面 templates
解讀的時候加傷對應(yīng)頁面的鏈接 1.Cart 購物車模塊文件夾 Index.vm 購物車首頁 m.網(wǎng)站名.com/cart.html Payment.vm 購物車支付頁面 m.網(wǎng)站名.com/payment.htmlCss文件夾
1.每個樣式文件的解讀 每個文件夾的作用,問什么這樣拆分 Index.css網(wǎng)站所有樣式都在這一個文件 如果有common.css文件,則為公共樣式文件 2.公共樣式在哪里 common.css/index.css頭部為公共樣式 3. 樣式命名規(guī)則 公用代碼樣式命名規(guī)則image文件夾分享這段代碼為公用代碼,命名規(guī)則為base-功能 非公用樣式命名規(guī)則 針對每個頁面命名,頁面名稱- 例:index-share 4. 樣式需要gulp編譯,運行方法為node_module上層目錄開啟命令行窗口,運行g(shù)ulp 其它:(自由發(fā)揮) 網(wǎng)站更新功能,在后邊新增代碼 新增代碼的樣式就近添加到上邊代碼后邊 效果如下 .base-share{} .test{}
1.每個文件夾的作用,為何這樣拆分 例 根據(jù)不同頁面拆分不同的文件夾 index 存放首頁用到的圖片 pay 存放支付用到的圖片 ter 存放終端頁的圖片 2.圖片的命名規(guī)則 3.圖片添加到服務(wù)器后需要包裹到項目里 其它:(自由發(fā)揮)js
1.每個文件夾的作用,問什么這樣拆分 全站通用一個index_css.js文件 index_css.js 存放整站前端js 2.通用js 存放在index_css.js中的CoObject 3.Js命名規(guī)則 每個頁面一個對象,對象名字為頁面的名字 例: class Index(){} 首頁對象 對象的調(diào)用一般放在頁面的最底部 變量命名駝峰命名,jquery加$前綴,原生js變量不加 4.js交互效果全用class控制不寫style,css() 5.鏈接跳轉(zhuǎn)方式,"/a.html",必須加斜杠,用絕對路徑 6.全站通用api請求方式, 7.對應(yīng)接口字段含義 其它:(自由發(fā)揮)
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/108291.html
摘要:當(dāng)某個屬性發(fā)生變化,觸發(fā)攔截函數(shù),然后調(diào)用自身消息訂閱器的方法,遍歷當(dāng)前中保存著所有訂閱者的數(shù)組,并逐個調(diào)用的方法,完成響應(yīng)更新。 編者按:我們會不時邀請工程師談?wù)動幸馑嫉募夹g(shù)細節(jié),希望知其所以然能讓大家在面試有更出色表現(xiàn)。也給面試官提供更多思路。 showImg(https://segmentfault.com/img/bVbgYyU?w=1200&h=600); 雖然目前的技術(shù)...
摘要:雖然計算屬性在大多數(shù)情況下更合適,但有時也需要一個自定義的偵聽器。當(dāng)某個屬性發(fā)生變化,觸發(fā)攔截函數(shù),然后調(diào)用自身消息訂閱器的方法,遍歷當(dāng)前中保存著所有訂閱者的數(shù)組,并逐個調(diào)用的方法,完成響應(yīng)更新。 雖然目前的技術(shù)棧已由Vue轉(zhuǎn)到了React,但從之前使用Vue開發(fā)的多個項目實際經(jīng)歷來看還是非常愉悅的,Vue文檔清晰規(guī)范,api設(shè)計簡潔高效,對前端開發(fā)人員友好,上手快,甚至個人認為在很多...
摘要:目前處于展開狀態(tài),再次點擊按鈕,下拉隱藏。思路解析外層設(shè)置一個狀態(tài)值,通過添加控制下拉是否顯示。設(shè)想都是美好的,也通過測試這樣沒有問題。設(shè)置初始狀態(tài)為不顯示顯示關(guān)閉浮層點擊任一下拉選擇,隱藏。 angular開發(fā)過程中遇到的$apply問題 由于一直在項目上并嗎使用過angular進行開發(fā),目前會遇到一些比較弱智的問題,所以每次遇到耗時較多的問題都總結(jié)一下。 $apply問題 接到一個...
摘要:通過裝作這些變化,我們實現(xiàn)了從而到達了數(shù)據(jù)變化觸發(fā)函數(shù)的過程。于此同時,我們還實現(xiàn)了來擴展這個可響應(yīng)的結(jié)構(gòu),讓這個對象擁有了觸發(fā)和響應(yīng)事件的能力。最后,根據(jù)我們的實現(xiàn),這是最終的產(chǎn)出,一個框架,了解一下系列文章地址優(yōu)化優(yōu)化總結(jié) 看這篇之前,如果沒有看過之前的文章,移步拉到文章末尾查看之前的文章。 provide / inject 在上一步我們實現(xiàn)了,父子組件,和 props 一樣 pr...
摘要:引言最近做的項目已經(jīng)接近尾聲剛剛發(fā)到線上回顧和總結(jié)一下這段時間遇到的問題和個人的一些想法。通過在指令中比較前后值以及設(shè)置避免不必要更新導(dǎo)致的彈窗渲染。 引言 最近做的項目已經(jīng)接近尾聲,剛剛發(fā)到線上,回顧和總結(jié)一下這段時間遇到的問題和個人的一些想法。 select下拉修改和復(fù)原 //部分下拉選項 {{o...
閱讀 4426·2021-11-19 09:59
閱讀 3344·2021-10-12 10:12
閱讀 2649·2021-09-22 15:25
閱讀 3352·2019-08-30 15:55
閱讀 1198·2019-08-29 11:27
閱讀 1478·2019-08-28 18:06
閱讀 2752·2019-08-26 13:41
閱讀 2567·2019-08-26 13:41