原创 實現最外層盒子高度100%

很多人都知道 width屬性可以繼承100%,不設置絕對寬度就可以佔滿整個瀏覽器; 但是height設置100%無法佔滿整個瀏覽器高度; 原因:最外層的盒子需要繼承父級元素的width和height,            它的父級爲ht

原创 css僞元素實現關閉和選項按鈕

原理很簡單; 關閉按鈕:通過盒子的僞元素(::before和::after)實現關閉那倆叉; 選項按鈕:同上,不同的是要借用一個i標籤; 直接寫好demo拉走,很短,包含兩個按鈕樣式 <!DOCTYPE html> <html lang

原创 js實現滾動條自動滾動(scrollTop)

效果類似於直播網站的評論,會一條接着一條向上 go out ;   js部分很簡單:通過控制scrollTop的值來實現自動滾動效果;                         很重要兩點:    1、scrollTop的值不可以加

原创 git常用命令=>慢慢更

、、、 查看所有分支: git branch 切換分支: git checkout ‘分支名稱’ 工作目錄和暫存區狀態: git status 克隆項目: git clone ‘項目鏈接’ 、、、 提交到暫緩區: git add .

原创 css滾動條-webkit-scrollbar

介紹之前,先穿插一個小知識點,大神略過; 經常看見  在css屬性前加上-webkit之類的代碼,也就是兼容不同瀏覽器的代碼; -webkit 兼容chrome(谷歌)、safari(MacOS端瀏覽器); -moz 兼容firefox(

原创 原生ajax+封裝ajax+使用方法

剛開始接觸ajax覺得很深奧,看了教學視頻也一蒙一蒙的,後來自己親身使用了下終於有所開竅,下面來說說我的思路 ajax分爲get、post兩種方式,只要記住運行的五個步驟就行了 1、創建XMLHttpRequest對象; 2、使用對象op

原创 純CSS實現3D立方體

廢話不多說,上代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi

原创 3D變換(transform,translate)

一個方塊理解3d轉換 先放個dome, 還是有些細節不懂, 不過自己敲一遍應該可以理解個七八分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m

原创 初識vue-環境搭建

首先必備環境: 1、node.js 2、git 自行傻瓜式安裝 下面開始介紹項目 一、碼雲(以碼云爲例) 在碼雲綁定公鑰,創建項目,拉到本地 創建公鑰: ssh-keygen -t rsa -C "[email protected]" 查看公鑰:

原创 註冊表清除FTP殘留用戶信息

第一步: win+r >> regedit >> 打開註冊表 第二步: HKEY_CURRENT_USER\Software\Microsoft\FTP\Accounts 根據目錄尋找到Accounts,會看見這個項下子項

原创 CSS3濾鏡系統(filter)

filter10條實現10種濾鏡效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> *{ pa

原创 純CSS3帶遮罩的彈出層插件

99行代碼熟練CSS3高效代碼 dome直接拉走看 重點幾個CSS3屬性註釋標的很清 熟練運用這幾個屬性可以做各種層次界面 <!DOCTYPE html> <html lang="en"> <head> <meta chars

原创 線性漸變實現蒙版遮罩

線性漸變、背景尺寸、定位、混合模式綜合實現蒙版遮罩 實現CSS3主要屬性: background: linear-gradient( dir, color1, color2,...); //先定義一個線型漸變 background-s

原创 註冊表添加桌面右鍵二級菜單

註冊表添加桌面右鍵二級菜單 效果圖: 想要通過註冊表實現這種效果,只需要創建一個爸爸、一個兒子。 註冊表修改詳細步驟講解 1、win+r輸入regedit快捷打開註冊表。(當然也可以去C路徑下的Windows目錄下尋找) 註冊表

原创 原生JS實現tab,簡單原理dome

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> *{ mar