原创 利用fiddler將本地網頁放到某個域下
注：學習慕課網前端開發課程《搜索框的製作》，利用fiddler將本地網頁放到某個域下進行調試，解決跨域問題 如果我們請求一個服務器上不存在的文件一般是跳轉到一個404頁面，但是利用fiddler工具可以實現修改服務器響應的結果，呈現給
2020-02-23 08:48:53
原创 js轉換人民幣大寫
將人民幣小寫轉換成人民幣大寫 function convertCurrency(currencyDigits) { var MAXIMUM_NUMBER = 99999999999.99; var CN_ZERO = "零"; v
2019-04-24 07:55:40
原创 全屏切換效果 -- 慕課網學習
https://www.imooc.com/learn/374 如何實現jQuery插件框架 1、閉包的作用 $是形參，實參是jQuery對象 2、開發方式有兩種： 3、鏈式調用，jQuery最大
2018-11-07 04:26:25
原创 炫麗的倒計時效果
慕課學習-->前端開發-->炫麗的倒計時效果Canvas繪圖與動畫基礎 使用canvas畫布實現絢麗的倒計時動畫 heml <!doctype html> <html lang="en" style="height:100%;"> <h
2018-09-06 18:54:04
1
原创 絢麗的時鐘效果
慕課學習-->前端開發-->炫麗的倒計時效果Canvas繪圖與動畫基礎 使用canvas畫布實現絢麗的時鐘動畫 html <!doctype html> <html lang="en" style="height:100%;"> <he
2018-09-06 18:54:04
原创 CSS深入理解之line-height
慕課學習-->前端開發-->HTML/CSS-->CSS深入理解之line-height line-height 一、line-height的定義 行高line-height，兩行文字基線之間的距離。 1、什麼是基線？字符（x）下邊緣
2018-09-03 18:41:06
原创 滑動門特效
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>sliding doors</title> <link rel="stylesheet" h
2018-09-03 18:41:06
2
原创 CSS深入理解之vertical-align
慕課學習-->前端開發-->HTML/CSS-->CSS深入理解之vertical-align Vertical-align 一、vertical-align基本認識 vertical-align支持的屬性值及組成：除了inherit
2018-09-03 18:41:06
原创 圖片有序預加載
1、圖片有序預加載 -- 不使用插件<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator"
2018-09-03 18:41:06
原创 CSS深入理解之absolute
慕課學習-->前端開發-->HTML/CSS-->CSS深入理解之absolute absolute 一、absolute與float 鮮爲人知的兄弟關係，相同的特性表現： 包裹性 <!doctype html> <html> <he
2018-09-03 18:40:55
原创 自定義會話管理器->SESSION
慕課學習-->PHP中的會話控制-->第三章 SESSION的使用-->3-5自定義會話管理器 <?php class CustomSession implements SessionHandlerInterface{ private
2018-09-03 18:40:55
原创 CSS深入理解之z-index
慕課學習-->前端開發-->HTML/CSS-->CSS深入理解之z-index Z-index 一、Z-index基礎 1、z-index屬性指定了元素及其子元素的z順序 ，而z順序 可以決定當元素髮生覆蓋的時候，哪個元素在上面。
2018-09-03 18:40:55
原创 vertical-align的兼容性問題
慕課學習-->前端開發-->HTML/CSS-->CSS深入理解之vertical-align-->第八章vertical-align糟糕的兼容性 IE6/IE7 IE8/Chrome/FireFox/... 1、Baseline （1
2018-09-03 18:40:55
原创 CSS深入理解之margin
慕課學習-->前端開發-->HTML/CSS-->CSS深入理解之margin margin 一、margin與容器尺寸 1、CSS margin可以改變容器的尺寸 2、Margin與可視尺寸： （1）適用於沒有設定width/hei
2018-09-03 18:40:55
原创 上傳圖片時，選擇圖片後顯示縮略圖
<input id="file1" name="filename" type="file" /> <img id="img1" src="" style="width:200px;height:160px;"><script langua
2018-09-03 18:40:54