原创 認識jQuery(1)
什麼是jQ?jQ的出現是爲了簡化js的開發，jQ裏封裝了很多預定義的對象和實用函數，能幫助使用者輕鬆地建立有高難度交互的Web2.0特性的富客戶端頁面，並且兼容各大瀏覽器。 爲甚學jQ？write less , do more.
2020-06-29 06:54:36
原创 做不到完美，這很正常！
幕後產品瞭解用戶系列之親力親爲的研究用戶詩沐作點擊打開鏈接 文章所講，讓我深受觸發。作爲一個音樂狂熱者pm，我居然從來沒有思考過以下這些問題。那些00后里流行着什麼樣的音樂？爲什麼現在的人越來越懷念80年代的舊曲？爲什麼有些
2020-05-30 22:12:48
原创 模擬滾動條
是 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模擬滾動條</title> <style type="text/css"> #div
2020-02-22 00:31:05
原创 事件默認行爲
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //
2020-02-22 00:30:54
原创 自動生成10個Li
自動生成10個Li，代碼如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width:50px;
2020-02-22 00:30:54
原创 事件淺談之事件冒泡
什麼是事件？ 簡單來說，事件就是文檔或瀏覽器窗口發生的一些特定的交互瞬間。它最早時是用作分擔服務器運算負載的一種手段。後來DOM2級規範開始嘗試以一種符合邏輯的方式來標準化DOM事件。但是它並沒有規範所有的事件類型。後來，DOM3級又增強
2020-02-22 00:30:53
原创 arguments實參集合&參數&局部變量的關係
arguments能讀能改，爲實參的集合。fn1(1,2,3); function fn1(){ //形參可不寫 alert(arguments[arguments.length-1]); //3 } 上面代碼中的argu
2020-02-22 00:30:53
原创 拖拽方法的封裝
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>拖拽的封裝</title> <style> #div1{ width:100px;
2020-02-22 00:30:53
原创 transform應用
1.transform導航<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>transform導航</title> <style> ul{
2020-02-22 00:30:53
原创 拖拽原理
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>拖拽原理</title> <style> #div1{ width:100px;
2020-02-22 00:30:53
原创 限制範圍的拖拽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>限制範圍的拖拽</title> <style> #div1{ width:100p
2020-02-22 00:30:52
原创 拖拽改變層大小例如：瀏覽器的窗口大小改變
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>拖拽改變層大小</title> <style type="text/css"> #div
2020-02-22 00:30:52
原创 transform
實例1：transform：rotate（）旋轉變換 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>transform:rotate()</
2020-02-22 00:30:52