原创 超級簡單三步實現svg圓形進度條

先上效果圖 前置知識 <circle> 定義一個圓 circle有三個屬性 cx=“圓的x軸座標” cy=“圓的y軸座標” r=“圓的半徑” svg的基本屬性 fill 填充 stroke 描邊顏色 stro

原创 一個頁面的技術總結

頁面的技術總結 回來瘋狂玩耍了5天,終於有時間敲一敲代碼了,那麼就從一個京東的首頁開始吧! 項目總覽圖 Github在線鏈接地址 https://singh-1995.github.io/jd-index/# 只是一個非常簡單的

原创 深入理解HTML5之表單元素屬性

表單是頁面上非常重要的一項內容,用戶可以輸入的大部分內容都是在表單的元素中完成的,客戶端與服務端的交互在大多數情況下也是通過表單中點按鈕來完成的。 1.form <form action="/add" method="get" i

原创 css文本與字體常見用法集合

總結一下項目中常見的文本和字體的樣式設置 文本 text-align-last: 段落的最後一行的對齊方式 // 末尾右對齊 p{ text-align-last: right;} text-decoration 文本修飾,下劃線

原创 node中的qost請求參數

在HTTP協議中兩種發送請求的方法兩種分別是get和post,其中get方式的請求參數是放在地址欄中進行傳輸的,而post的請求參數是在請求報文當中進行傳輸。 get方式: post方式: post的參數是通過事件的方式接

原创 node中實用的兩個第三方管理模塊

npm 是node的第三方模塊管理工具,通過npm我們可以下載別人寫好的、具有特定功能的、可以直接使用的模塊。 獲取第三方模塊的網址  npmjs.com 下載第三方模塊 npm install  '第三方模塊名稱' 刪除第三方模塊 np

原创 深入理解HTML5之標籤與文檔結構

在HTML5出現以前,HTML的文檔結構不夠清晰、明確。我們會發現整個頁面的頭部、主體、頁腳、導航,還有邊欄皆是使用DIV元素來構成。 我在學習前端的過程中也經常能看到諸如《DIV+Css》教程之類的書籍,但是<div>並不是一個很能表示

原创 css3 3D轉換以及動畫效果

css3 3D轉換以及動畫效果 不要給我說什麼底層原理、框架內核!老夫敲代碼就是一把梭!複製!粘貼!拿起鍵盤就是幹! 哈哈O(∩_∩)O 通過一個小小的demo學會css3新特性,實在不行那就複製粘貼把。 首先在瞭解3D效果之前