原创 HTML居中方法的嘗試
1 CSS版 利用 display: table-cell; vertical-align: middle; <!doctype html> <html> <head> <style> *{padding: 0; ma
2020-02-20 20:27:51
原创 YY前端HTML規範
HTML Guide () HTML規範指南。 文檔目錄 代碼風格 屬性 標籤 head設定 圖片 表單 註釋 1 代碼風格 1.1 縮進 【強制】使用 4 個空格作爲一個縮進層級，不允許使用 2 個空格或 tab 字符；
2020-02-20 20:27:51
原创 抽獎概率
<!doctype html> <html> <head lang="zh"> <meta charset="utf-8"> <title>靈域</title> <meta name="renderer" cont
2020-02-20 20:27:51
原创 關於方塊在九宮格的移動效果
首先，先看效果圖，點擊小圖，放大，大圖變小。 然後想一下，叉，這麼難的效果，可以實現麼 1 接着，言歸正傳，如何實現呢，先看圖，和九宮格很像吧。我的實現思路，先佈局 <div class="wrap"> <div class="
2020-02-20 20:27:51
原创 WEBP
WEBP是什麼呢？WEBP 是google推出的意圖改變web圖片JPG、PNG、GIF三分天下局勢的一種圖片格式。它不僅支持無損或有損壓縮、alpha通道，還支持動畫演示。在同畫質的情況下，webp格式圖片佔用體積相較於jpg圖片大約
2018-08-23 13:19:32
原创 解決CSS移動端1px邊框問題
移動項目開發中，安卓或者IOS等高分辨率屏幕會把1px的border渲染成2px來顯示，網上搜了一下，解決方法如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
2018-08-23 13:19:32
3
原创 《notification》WEB開發桌面通知
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"
2018-08-23 13:19:32
2
原创 dns解析URL過程
域名解析步驟： 當一個用戶在瀏覽器中輸入www.abc.com時，DNS解析將會有將近10個步驟： 第1步，瀏覽器會檢查緩存中有沒有這個域名對應的解析過的IP地址，如果緩存中有，這個解析過程就將結束。瀏覽器緩存域名也是有限制
2018-08-23 13:19:32
2
原创 根據網頁寬度給BODY加不同的類名
<pre name="code" class="html"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>
2018-08-23 13:19:32
2
原创 iphone7遇到INPUT標籤輸入文字時，光標下移的BUG
產生原因，在彈層時 用了 position: fixed 的定位解決方法: 彈窗時，給 body 也加上 position: fixed, width: 100% 的CSS樣式， 消失後取消
2018-08-23 13:19:32
原创 自定義滾動條
<pre name="code" class="html"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>scroll</title> <
2018-08-23 13:19:32
原创 在線人數滾動的效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding: 0;
2018-08-23 13:19:31
原创 defer 與 async
<script src="script.js"></script> 沒有 defer 或 async，瀏覽器會立即加載並執行指定的腳本，“立即”指的是在渲染該 script 標籤之下的文檔元素之前，也就是說不等待後續載入的文檔元素，讀到
2018-08-23 13:19:31
原创 node socket搭建簡單聊天室
html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Socket.IO 聊天室</title> <style> *{paddi
2018-08-23 13:19:31
原创 JS尋找公共項
1 當只有兩項時，遍歷兩個循環就可以了 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
2018-08-23 13:19:31