Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 久草草在线观看永无域名,国产精品视频大全,免费大片黄在线观看日本

          整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          基于Python的倉庫庫存管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)

          基于Python的倉庫庫存管理系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)》該項(xiàng)目采用技術(shù)Python的django框架、mysql數(shù)據(jù)庫 ,項(xiàng)目含有源碼、論文、PPT、配套開發(fā)軟件、軟件安裝教程、項(xiàng)目發(fā)布教程、核心代碼介紹視頻等

          軟件開發(fā)環(huán)境及開發(fā)工具:

          開發(fā)語言:python

          使用框架:Django

          前端技術(shù):JavaScript、VUE.js(2.X)、css3

          開發(fā)工具:pycharm、Visual Studio Code、HbuildX

          數(shù)據(jù)庫:MySQL 5.7.26(版本號(hào))

          數(shù)據(jù)庫管理工具:phpstudy/Navicat或者phpstudy/sqlyog

          python版本:python3.0及以上

          管理員:首頁、個(gè)人中心、貨品類別管理、貨品信息管理、倉庫員管理、貨品入庫管理、貨品出庫管理等

          倉庫員:首頁、個(gè)人中心、貨品信息管理、貨品入庫管理、貨品出庫管理等功能

          系統(tǒng)功能完整,適合作為畢業(yè)設(shè)計(jì)、課程設(shè)計(jì)、數(shù)據(jù)庫大作業(yè)。

          下面是資料信息截圖:

          下面是系統(tǒng)運(yùn)行起來后的一些截圖:

          程序開發(fā)過程中,我們始終要謹(jǐn)記的一點(diǎn)就是:程序是寫給人看的,不是寫給機(jī)器看的。任何項(xiàng)目開發(fā),都必須要考慮到人員迭代,我們不能讓下一個(gè)接手你代碼的人,在看到你寫的代碼時(shí)會(huì)說出這樣的話,“這個(gè)代碼是人寫出來的嗎?可讀性太差了”。因此,我們必須遵循一定的規(guī)范,讓代碼的可讀性更強(qiáng)。

          今天,我們就一起來看下前端開發(fā)過程所能涉及到的跟HTML有關(guān)的規(guī)范問題。

          HTML5

          文檔類型

          在HTML文件中,推薦使用支持HTML5特性的文檔聲明,<!DOCTYPE html>。

          命名規(guī)范

          首先是在文件的命名上,應(yīng)當(dāng)采用駝峰式命名,首字母小寫,后面每個(gè)單詞首字母大寫,而且對于具體的文件應(yīng)當(dāng)具有語義化,能夠給人一種直觀的感受這個(gè)文件的作用是什么。現(xiàn)在前端開發(fā)開發(fā)過程中都講求模塊化開發(fā),甚至是組件化開發(fā),在文件命名時(shí)更應(yīng)該以模塊名或者組件名來命名。

          例如在寫一個(gè)AngularJS應(yīng)用時(shí),由于會(huì)涉及到Controller,Service,F(xiàn)ilter等概念,我們會(huì)分別建立一個(gè)文件,假如這個(gè)模塊的名字是庫存管理stockManage,我們可以這樣來命名文件。

          • stockManageCtrl

          • stockChangeService

          • stockChangeFilter

          語義化

          我們所說的語義化指的是使用具有語義化的標(biāo)簽,在H5中添加了類似于header, nav, article, section, aside, footer等標(biāo)簽,從單詞的意思上我們也很容易看出標(biāo)簽的含義。

          我們不推薦使用只有div標(biāo)簽的頁面,例如

          不推薦使用

          而是應(yīng)該使用以下這種帶有語義化的標(biāo)簽。

          推薦使用

          img標(biāo)簽

          img標(biāo)簽是網(wǎng)頁用來顯示照片的標(biāo)簽,在頁面所有標(biāo)簽中占據(jù)的比例非常之高,但是在使用img標(biāo)簽時(shí)也有下面需要注意的點(diǎn)。

          • 給定width和height屬性

          因?yàn)闉g覽器在加載圖片的過程中,需要先下載圖片,然后再解析圖片的高度和寬度,如果不給img元素設(shè)定高度和寬度,這樣在圖片加載過程中會(huì)不斷的計(jì)算,重排頁面的布局,在網(wǎng)絡(luò)不好的時(shí)候就會(huì)經(jīng)常出現(xiàn)元素出現(xiàn)不規(guī)律移動(dòng)的情況。因此給img元素設(shè)定width和height屬性是必要的。

          • alt屬性

          img標(biāo)簽的alt屬性表示的是在圖片無法顯示時(shí),使用文字來代替顯示,它可以用在以下幾個(gè)場景中:

          1. 網(wǎng)路延遲太大

          2. src屬性指定路徑出錯(cuò)

          3. 瀏覽器禁用圖像

          由于其有良好的信息提示效果,并且有助于網(wǎng)頁SEO效果,強(qiáng)烈建議在img標(biāo)簽中使用alt屬性

          而且很重要的一點(diǎn)是img標(biāo)簽的引入是需要呈現(xiàn)出與頁面相關(guān)的內(nèi)容,其他情況應(yīng)該使用CSS樣式實(shí)現(xiàn)。例如我們不推薦下面這種情況。

          不推薦

          而推薦使用下面這種情況

          推薦使用

          文件分離

          前端文件主要包括HTML頁面文件,CSS樣式文件和Javascript腳本文件。我們應(yīng)該讓三者各司其職,在HTML中不應(yīng)該出現(xiàn)CSS和JS表達(dá)式;在JS文件中,不應(yīng)該出現(xiàn)大量的HTML和CSS代碼。在HTML文檔中應(yīng)當(dāng)盡量少的引入CSS和JS文件。為了保證文件的純凈,我們應(yīng)當(dāng)遵循下面的原則。

          1. 一個(gè)HTML文件應(yīng)該只引入一個(gè)CSS文件

          2. 合理運(yùn)用JS合并技術(shù)(Gulp, Webpack插件),保證引入JS文件不多于兩個(gè)

          3. 不使用行內(nèi)腳本元素(<script>alert('Hello World')</script>)

          4. 不在標(biāo)簽上使用style內(nèi)聯(lián)樣式

          不要使用style屬性

          腳本加載

          腳本加載在網(wǎng)頁加載過程中是一個(gè)很耗性能的過程,如果把JS文件放在head標(biāo)簽里,它的加載會(huì)一直阻塞DOM的解析,造成頁面延遲。

          因此現(xiàn)在講求的是腳本的異步加載過程,我們會(huì)使用到async關(guān)鍵字,考慮到瀏覽器的兼容性,我們推薦使用下面的方式加載腳本。

          推薦方式

          合理使用ID和錨點(diǎn)

          合理使用ID和錨點(diǎn)可以非常方便的實(shí)現(xiàn)當(dāng)前頁面間的跳轉(zhuǎn),現(xiàn)在越來越多的教程網(wǎng)頁由于是單頁面,經(jīng)常會(huì)用到錨點(diǎn)跳轉(zhuǎn)。

          對錨點(diǎn)知識(shí)還不了解的,可以看看我寫的這篇文章《神奇的html錨點(diǎn),讓你的網(wǎng)頁在內(nèi)部自由的跳轉(zhuǎn)》。

          總結(jié)

          今天這篇文章主要總結(jié)了前端開發(fā)過程中的HTML規(guī)范問題,相信大家也或多或少遇到過,希望這篇文章能加深大家的認(rèn)識(shí)。

          程序開發(fā)過程中,我們始終要謹(jǐn)記的一點(diǎn)就是:程序是寫給人看的,不是寫給機(jī)器看的。任何項(xiàng)目開發(fā),都必須要考慮到人員迭代,我們不能讓下一個(gè)接手你代碼的人,在看到你寫的代碼時(shí)會(huì)說出這樣的話,“這個(gè)代碼是人寫出來的嗎?可讀性太差了”。因此,我們必須遵循一定的規(guī)范,讓代碼的可讀性更強(qiáng)。

          今天,我們就一起來看下前端開發(fā)過程所能涉及到的跟HTML有關(guān)的規(guī)范問題。

          HTML5

          文檔類型

          在HTML文件中,推薦使用支持HTML5特性的文檔聲明,<!DOCTYPE html>。

          命名規(guī)范

          首先是在文件的命名上,應(yīng)當(dāng)采用駝峰式命名,首字母小寫,后面每個(gè)單詞首字母大寫,而且對于具體的文件應(yīng)當(dāng)具有語義化,能夠給人一種直觀的感受這個(gè)文件的作用是什么。現(xiàn)在前端開發(fā)開發(fā)過程中都講求模塊化開發(fā),甚至是組件化開發(fā),在文件命名時(shí)更應(yīng)該以模塊名或者組件名來命名。

          例如在寫一個(gè)AngularJS應(yīng)用時(shí),由于會(huì)涉及到Controller,Service,F(xiàn)ilter等概念,我們會(huì)分別建立一個(gè)文件,假如這個(gè)模塊的名字是庫存管理stockManage,我們可以這樣來命名文件。

          • stockManageCtrl

          • stockChangeService

          • stockChangeFilter

          語義化

          我們所說的語義化指的是使用具有語義化的標(biāo)簽,在H5中添加了類似于header, nav, article, section, aside, footer等標(biāo)簽,從單詞的意思上我們也很容易看出標(biāo)簽的含義。

          我們不推薦使用只有div標(biāo)簽的頁面,例如

          不推薦使用

          而是應(yīng)該使用以下這種帶有語義化的標(biāo)簽。

          推薦使用

          img標(biāo)簽

          img標(biāo)簽是網(wǎng)頁用來顯示照片的標(biāo)簽,在頁面所有標(biāo)簽中占據(jù)的比例非常之高,但是在使用img標(biāo)簽時(shí)也有下面需要注意的點(diǎn)。

          • 給定width和height屬性

          因?yàn)闉g覽器在加載圖片的過程中,需要先下載圖片,然后再解析圖片的高度和寬度,如果不給img元素設(shè)定高度和寬度,這樣在圖片加載過程中會(huì)不斷的計(jì)算,重排頁面的布局,在網(wǎng)絡(luò)不好的時(shí)候就會(huì)經(jīng)常出現(xiàn)元素出現(xiàn)不規(guī)律移動(dòng)的情況。因此給img元素設(shè)定width和height屬性是必要的。

          • alt屬性

          img標(biāo)簽的alt屬性表示的是在圖片無法顯示時(shí),使用文字來代替顯示,它可以用在以下幾個(gè)場景中:

          1. 網(wǎng)路延遲太大

          2. src屬性指定路徑出錯(cuò)

          3. 瀏覽器禁用圖像

          由于其有良好的信息提示效果,并且有助于網(wǎng)頁SEO效果,強(qiáng)烈建議在img標(biāo)簽中使用alt屬性

          而且很重要的一點(diǎn)是img標(biāo)簽的引入是需要呈現(xiàn)出與頁面相關(guān)的內(nèi)容,其他情況應(yīng)該使用CSS樣式實(shí)現(xiàn)。例如我們不推薦下面這種情況。

          不推薦

          而推薦使用下面這種情況

          推薦使用

          文件分離

          前端文件主要包括HTML頁面文件,CSS樣式文件和Javascript腳本文件。我們應(yīng)該讓三者各司其職,在HTML中不應(yīng)該出現(xiàn)CSS和JS表達(dá)式;在JS文件中,不應(yīng)該出現(xiàn)大量的HTML和CSS代碼。在HTML文檔中應(yīng)當(dāng)盡量少的引入CSS和JS文件。為了保證文件的純凈,我們應(yīng)當(dāng)遵循下面的原則。

          1. 一個(gè)HTML文件應(yīng)該只引入一個(gè)CSS文件

          2. 合理運(yùn)用JS合并技術(shù)(Gulp, Webpack插件),保證引入JS文件不多于兩個(gè)

          3. 不使用行內(nèi)腳本元素(<script>alert('Hello World')</script>)

          4. 不在標(biāo)簽上使用style內(nèi)聯(lián)樣式

          不要使用style屬性

          腳本加載

          腳本加載在網(wǎng)頁加載過程中是一個(gè)很耗性能的過程,如果把JS文件放在head標(biāo)簽里,它的加載會(huì)一直阻塞DOM的解析,造成頁面延遲。

          因此現(xiàn)在講求的是腳本的異步加載過程,我們會(huì)使用到async關(guān)鍵字,考慮到瀏覽器的兼容性,我們推薦使用下面的方式加載腳本。

          推薦方式

          合理使用ID和錨點(diǎn)

          合理使用ID和錨點(diǎn)可以非常方便的實(shí)現(xiàn)當(dāng)前頁面間的跳轉(zhuǎn),現(xiàn)在越來越多的教程網(wǎng)頁由于是單頁面,經(jīng)常會(huì)用到錨點(diǎn)跳轉(zhuǎn)。

          對錨點(diǎn)知識(shí)還不了解的,可以看看我寫的這篇文章《神奇的html錨點(diǎn),讓你的網(wǎng)頁在內(nèi)部自由的跳轉(zhuǎn)》。

          總結(jié)

          今天這篇文章主要總結(jié)了前端開發(fā)過程中的HTML規(guī)范問題,相信大家也或多或少遇到過,希望這篇文章能加深大家的認(rèn)識(shí)。


          主站蜘蛛池模板: 一区二区福利视频| 国产精品va无码一区二区| 无码av免费毛片一区二区| 天堂成人一区二区三区| 亚洲午夜日韩高清一区| 亚洲第一区视频在线观看| 国产激情一区二区三区成人91| 日本激情一区二区三区| 精品国产亚洲一区二区三区| 国产综合无码一区二区三区| 一区二区三区视频观看| 日本在线视频一区| 精品在线一区二区三区| 在线观看国产一区二区三区| 日韩精品免费一区二区三区 | 成人精品一区二区电影| 人妻久久久一区二区三区| 人妻aⅴ无码一区二区三区| 国产成人一区二区三区在线观看| 最美女人体内射精一区二区| 中文字幕AV一区中文字幕天堂 | 日本精品无码一区二区三区久久久| 亚洲av无码一区二区三区观看 | 亚洲国产视频一区| 国产精品第一区揄拍| 国精产品999一区二区三区有限| 国产未成女一区二区三区 | 一区高清大胆人体| 亚洲美女一区二区三区| 无码福利一区二区三区| 亚洲乱色熟女一区二区三区蜜臀 | 日韩视频一区二区在线观看| 国产精品久久久久久一区二区三区 | 国产精品无码一区二区三区毛片| 亚洲熟妇无码一区二区三区导航 | 蜜芽亚洲av无码一区二区三区| 亚洲日韩国产一区二区三区在线| 日本国产一区二区三区在线观看| 国产一区二区三区四| 亚洲综合无码精品一区二区三区 | 成人精品一区二区三区中文字幕|