原创 前端系列教程之推薦(實用網站 Can I use)

今天給大家推薦一個網站:Can I use,點我跳轉 劃重點: 說一下這個網站是幹嘛的,它是一個查詢CSS、JS、HTML5、CSS、SVG在箇中流行瀏覽器鐘的特性和兼容性的網站 打開頁面是這樣的 我們通過查詢當前比較流行的佈局

原创 微信小程序rich-text 導入京東商城數據樣式丟失

問題描述:導入京東商城數據,因爲導入的京東商城數據圖片使用css樣式進行控制,微信小程序不支持渲染link標籤,導致數據無法加載 解決辦法: 首先看一下導入的京東商城數據,可以看到並沒有我們想要的img標籤,所有樣式通過CSS背

原创 前端實習那些事兒

距離上次更博已是半年前的事了, 那就從停博開始說起吧 時間轉至2019年4月 此時在一家小公司做產品官網,使用的技術很單純,wordpress企業建站 這也是我第一次使用wordpress按照需求進行建站 ,附上網站鏈接Dalic

原创 關於自學前端

其實不僅前端,大部分從事開發的朋友都會經歷這個階段,那就是自學和培訓,題主也在自學中,歡迎正在自學和準備自學的朋友一起學習。 關於自學,學什麼,怎麼學? 學什麼: 前端三座大山(HTML、CSS、JavaScript)希望你一定要掌

原创 前端系列教程之HTML(移動端適配)

說一下自己對移動端適配的一個體會吧,理論就不多說了,咱們重點說方法: 移動端適配大致有三種適配方案加上常用的佈局方案 三種適配方案: 一、 百分比適配(%) 百分比主要在於主視角的定位和縮放,百分比的取值以原設計稿的尺寸爲標準。 舉個

原创 前端系列教程之推薦(測試 草料二維碼)

爲什麼要推薦這個網站呢,有點像搞小聰明吧,嘻嘻嘻 之前說到移動端適配,當然我們可以使用F12開發者工具,進行測試,但是相比真機測試還是有些差距的,除了在電腦上安裝模擬器還有其他辦法嗎? 草料二維碼,手機掃一掃,樣式藏不掉 這是網站首頁

原创 前端系列教程之HTML(常用meta標籤)

<head> <!-- 聲明文檔使用的字符編碼 --> <meta charset='utf-8'> <!-- 優先使用 IE 最新版本和 Chrome --> <meta http-equiv="X-

原创 前端系列教程之推薦(博客搭建 Hexo)

今天給大家分享一個快速搭建博客的網站,Hexo,點我跳轉 官網對於它的描述:快速、簡潔且高效的博客框架 它的優點: 1. Node.js 所帶來的超快生成速度,讓上百個頁面在幾秒內瞬間完成渲染。 2. Hexo 支持 GitHub

原创 前端系列教程之JS(自認爲有用代碼)

以下代碼並不唯一,僅供參考 1.保證自己的頁面不被嵌入其他框架 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>保證自己的頁面不被嵌入其他框架</tit

原创 前端系列教程之JS(常規驗證規則)

<!DOCTYPE HTML> <head> <title>常見的驗證規則</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <

原创 前端系列教程之CSS(邊框和輪廓)

邊框 • border 簡寫屬性在一個聲明設置所有的邊框屬性 • border-color 屬性設置四條邊框的顏色,此屬性可設置 1 到 4 種顏色。 • border-radius 簡寫屬性,用於設置四個border-*-ra

原创 前端系列教程之CSS(盒模型)

盒模型 Margin(外邊距) - 清除邊框區域。Margin沒有背景顏色,它是完全透明 Border(邊框) - 邊框周圍的填充和內容。邊框是受到盒子的背景顏色影響 Padding(內邊距) - 清除內容周圍的區域。會受到框中填充

原创 前端系列教程之CSS(引入)

CSS 引入 當讀到一個樣式表時,瀏覽器會根據它來格式化 HTML 文檔。 插入樣式表的方法有三種: 外部樣式表 內部樣式表 內聯樣式 一、外部樣式表 當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下

原创 前端系列教程之CSS屬性

css屬性