中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)站前端開發(fā)三個實用的小技巧

2020-08-06    分類: 網(wǎng)站建設

在進行網(wǎng)站開發(fā)的時候,如何合理使用代碼標簽讓網(wǎng)站建設更簡單?成都網(wǎng)站開發(fā)公司工作人員教你以下三個小技巧,讓前端開發(fā)更輕松。

一、a標簽打開與刷新頁面標簽作為常用標簽,當跳轉(zhuǎn)鏈接時,常用屬性target,

_self:默認值。在相同的框架或窗口中載入目標文檔。即當前;

_blank:在一個新的未命名的窗口載入文檔。即新開窗口;

_parent:把文檔載入父窗口或包含了超鏈接引用的框架的框架集,如果沒有,則行為類似_self。即上級窗口中;

_top:把文檔載入包含該超鏈接的窗口,取代任何當前正在窗口中顯示的框架。如果沒有上下文環(huán)境,則行為類似_self。即頂級窗口中。

不過,target屬性還有一個特征,可以自定義內(nèi)容或URL。

二、網(wǎng)頁一鍵換膚優(yōu)化實現(xiàn)將一個網(wǎng)頁的顏色相關(guān)一鍵切換

links[0].href = val

通過JS控制標簽的href屬性切換引用的css文件

弊端:如果網(wǎng)站需要切換的內(nèi)容過多,每次引用CSS的加載會有一定量的延時,不具有流暢感,交互體驗較差。

有趣的title屬性 在實現(xiàn)一鍵換膚的其他方法之前,要聊一下這個在標簽中的title屬性。

當標簽具有title屬性且有值時,link標簽就變成一個可控制的特殊元素,即可以通過DOM對象的disabled屬性控制link是否渲染。

但是,在實測過程中,除IE外無論link標簽是否具有title屬性,都可以直接使用DOM對象的disabled屬性,但IE確實需要title。

let links = document.getElementsByTagName('link'); links = [].slice.call(links); links[0].disabled = true;

alternate備選 在標簽中,rel屬性有很多值,常用的是stylesheet,但是還有一個alternate表示當前文檔的替代版本,也就是加載但不執(zhí)行。

利用這個特性,結(jié)合DOM對象的disabled屬性,可以提前加載另一套css方案,解決交互性問題。代價是多一點點流量。

三、CSS矢量圖內(nèi)聯(lián)在前端項目中,使用到的圖標類大多會使用SVG來實現(xiàn),靜態(tài)文件的減少有利于性能的提升。當然,可以用靜態(tài)資源緩存(blog鏈接)減少文件請求,高速渲染,引用地址使用內(nèi)聯(lián),即直接將SVG放入路徑(不建議超級大圖,會極大增加文件體積)。

采用base64

采用標簽直接內(nèi)聯(lián)

在直接引入之前,需要對一些特殊符號進行轉(zhuǎn)譯",%,#,{,},<,>。(IE也兼容的!)

標題名稱:網(wǎng)站前端開發(fā)三個實用的小技巧
本文來源:http://m.rwnh.cn/news49/84799.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設小程序開發(fā)、搜索引擎優(yōu)化、品牌網(wǎng)站建設、品牌網(wǎng)站設計、網(wǎng)站營銷

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

手機網(wǎng)站建設
岱山县| 宿迁市| 蒲城县| 泌阳县| 湾仔区| 江安县| 肃宁县| 凤山市| 衡阳市| 湄潭县| 峨山| 阳曲县| 北安市| 呼图壁县| 乌恰县| 大丰市| 红河县| 望奎县| 石屏县| 汶上县| 乌鲁木齐市| 民权县| 湖口县| 奉化市| 望奎县| 抚顺市| 石阡县| 平乐县| 马边| 盐源县| 甘孜| 玉田县| 清苑县| 玉山县| 三门峡市| 靖宇县| 胶南市| 明水县| 汶川县| 旌德县| 阳城县|