html教程

CSS命名規範 BEM

良好的程式碼結構,HTML和css元素之間的關係,對於專案交付是很重要的! BEM解釋: (1).block 是BEM的區塊(B),包含內容和風格。如bootstrap框架的.container。 (2).block-element 代表自子容器(E)。如bootstrap框架的輪播圖,.carouse

(利用DOM)在新開啟的頁面點選關閉當前瀏覽器視窗

1.在開發過程中我們前端的使用者體驗中有時候會要求點選一個按鈕,關閉當前瀏覽器視窗。用html DOM就可做到。 2.注意:本次寫法要求在新視窗中關閉。 target="_blank" 3. 由a.html 中開啟b.html 在b頁面中點選按鈕關閉B頁面 4. a頁面程式碼 <!

html 裡面的 role 屬性是什麼意義和用途

使用role屬性告訴輔助裝置(如螢幕閱讀器)這個元素所扮演的角色,屬於WAI-ARIA. 例如點選的按鈕,就是role="button";會讓這個元素可點選; 本質上是增強語義性,當現有的HTML標籤不能充分表達語義性的時候,就可以藉助role來說明。通常這種情況出現在一些自定義的元件上(例如

淺談BFC與高度塌陷

這個概念我大概是去年時候接觸到的吧,略略記錄了一下,沒有深入研究,恰逢最近秋招,在這裡寫一寫,順便加深自己的印象。 什麼是BFC? 頁面中的元素都隱含一個屬性Block Formatting Context(塊級格式化上下文) 簡稱BFC。 BFC有什麼用?如何開啟BFC?開啟BFC後會發生

一篇搞定微信分享和line分享

轉載:http://www.cnblogs.com/liuyongjia/p/7581813.html 前言 在h5的頁面開發中,分享是不可或缺的一部分,對於一些傳播性比較強的頁面,活動頁之類的,分享功能極為重要。例如,京東等電商年末時會有一系列的總結h5在微信中傳播,就不得不提到微信的分享機制。 微信

JavaScprit30-6 學習筆記

今天學習的是  仿即時搜尋詩句效果   第一個問題: fetch() Fetch API  提供了一個 JavaScript介面,用於訪問和操縱HTTP管道的部分,例如請求和響應。它還提供了一個全域性 fetch()方法,該方法提供了一種簡單,合乎邏輯的方式來跨網路非同步獲取資源。 一個基本

JavaScprit30-5 學習筆記

最近忙這忙那...好久沒看視訊學習了...但是該學的還是要學。 這次要實現的效果是利用 flex 的 特性 來實現 可伸縮的圖片牆演示 頁面的展示...:   效果挺炫酷啊... 那麼就來總結一下 學到了哪些我所不瞭解的知識吧! 首先 讓我們來看CSS 和 HTML 的程式碼: html: <

gulp之自動化壓縮合並加版本號

gulp之自動化壓縮合並加版本號 這個方案主要是為了實現js/css/image的壓縮合並、自動新增版本號、自動加瀏覽器字首和壓縮html。 gulp-sequence //順序執行任務 gulp-csso //css壓縮 gulp-jshint //js檢查 gulp-uglify’)

前端圖片預覽

——不控制高寬—— html <input type="file"><img src="" height="200" alt="Image preview area..." title="preview-img&

HTML5 桌面通知:Notification API

前言 Notification API 是 HTML5 新增的桌面通知 API,用於向用戶顯示通知資訊。該通知是脫離瀏覽器的,即使使用者沒有停留在當前標籤頁,甚至最小化了瀏覽器,該通知資訊也一樣會置頂顯示出來。 使用者許可權 想要向用戶顯示通知訊息,需要獲取使用者許可權,而相同的域名只需要獲取一次許可權

大家好,我給大家介紹一下,這是CSS偽元素:before與:after

之前對於CSS偽元素的應用並不多,最近在用一款建站系統為客戶做企業入口網站時,發現網頁HTML程式碼中經常出現::before和::after。後經查資料才瞭解,這都是CSS的為元素。CSS 偽元素用於向某些選擇器設定特殊效果。所以本文將和大家一起分享交流CSS的偽元素的使用知識。     基本語法

Nuxt SSR 阿里雲部署之nginx代理--詳解篇

前言:由於很多小夥伴私信我,關於阿里雲部署NUXT 應用的問題,在這裡具體詳細的介紹一下我的伺服器版本是CentOS7~ 所需工具: Xftp5 Xshell5(有遠端倉庫的就不需要Xftp5 直接推到你的伺服器)步驟: 1 安裝配置 nvm(node)2 mysql3配置 nginx(Tengine)

圖片輪播元件實現

為什麼要自己實現 圖片輪播,這其實已經是一個爛大街的功能,到處可見;網上也有很多現成的元件,那為什麼還要自己來實現呢?主要的原因有兩個效能 定製化 一個是網上的元件良莠不齊,在pc跑跑還可以,到了移動端,各種卡。另外一個原因,是因為有諸多定製化的互動要實現,所以還是自力更生,豐衣足食! 舉兩個栗子

2.0581550598145