NO IMAGE

問題:

所有的html標籤都可以加上點選事件嗎??
html佈局方式有多少種,如flex佈局??
網頁佈局(layout)是CSS的一個重點應用?

web前端入坑第五篇:秒懂Vuejs、Angular、React原理和前端發展歷史- http://blog.csdn.net/xllily_11/article/details/69527396

前端頁面優化技巧- http://blog.csdn.net/tanhao_282700/article/details/66970845

1500套HTML5模版分享- http://blog.csdn.net/banketree/article/details/52766933

Js/H5/Hybrid-
http://blog.csdn.net/dj0379/article/category/6010009

V8 JavaScript Engine是 Google 的開源 JavaScript 引擎。

> 先寫html程式碼 然後在加入JS和CSS樣式的

APICloud requestJS

總結一些JavaScript開發的著名開源專案- http://blog.csdn.net/dj0379/article/details/54707658

js 上拉載入,下拉重新整理DEMO- http://download.csdn.net/download/qq_35194926/9571050

js下拉載入分頁- http://blog.csdn.net/vindraz/article/details/38059029
H5基於iScroll實現下拉重新整理,上拉載入更多- http://www.cnblogs.com/sword-successful/p/4609498.html

JQuery滾動條分頁載入資訊- http://blog.csdn.net/kingcruel/article/details/8286783

> 使用AJAX實現頁面跳轉- http://blog.csdn.net/xyw591238/article/details/51441772
   window.location.href = ‘你的跳轉的目標地址’;
a 標籤中呼叫js的幾種方法- http://blog.csdn.net/ysy441088327/article/details/6311703

JavaScript動畫實現初探- http://www.codeceo.com/article/javascript-animation-start.html

監聽到了input 值,然後改變按鈕的顏色
js 實時監聽input中值變化- http://www.cnblogs.com/super-chao/p/6168996.html
js的正規表示式檢測電話號碼- https://zhidao.baidu.com/question/515469044.html?qq-pf-to=pcqq.c2c
js觸發按鈕點選事件- http://hbiao68.iteye.com/blog/1844768
document.getElementById(‘btnName’).disabled = true;//按鈕失效
document.getElementById(‘btnName’).disabled = false;//按鈕可用

Android上沒有問題,蘋果手機上input的button按鈕顏色顯示問題- https://zhidao.baidu.com/question/425892271200387292.html?qq-pf-to=pcqq.c2c

Android高階之第十一講Hybird開發- http://blog.csdn.net/reboot123/article/details/51669303
JavaScript 檔案上傳詳解- http://geek.csdn.net/news/detail/160304%20

Jquery的示例專案Demo- http://blog.csdn.net/NUPTboyZHB/article/category/1604995
Jquery ajax json servlet原理和Demo- http://blog.csdn.net/nupt123456789/article/details/10842215
Jquery zTree演示程式Demo總結- http://blog.csdn.net/nupt123456789/article/details/12224731

前端知識問答- https://www.zhihu.com/people/feclass/answers?page=1

Html5遊戲開發- http://blog.csdn.net/cdnight/article/category/6048860
  http://blog.csdn.net/a345017062/article/details/51612607

JavaScript導航點選選中效果重構- http://www.cnblogs.com/starof/p/4612411.html
HTML5 UTF-8 中文亂碼的解決方法- http://www.jb51.net/html5/117758.html

點選按鈕出現60秒倒計時js程式碼- http://www.cnblogs.com/Nbge/p/3857767.html

html5( H5學習之旅)- http://blog.csdn.net/u010321471/article/category/5818661

HTML5捕魚達人原始碼- http://download.csdn.net/download/yanyi1210/9481292

Javascript 模組化程式設計- http://blog.csdn.net/qq_37810594/article/details/61414052?ref=myread
web前端開發分享—css,js入門篇- http://blog.csdn.net/qq_37810594/article/details/61416254
CSS學習: 編寫CSS檔案- http://www.cnblogs.com/niuniu1985/archive/2009/09/22/1571786.html

> bootstrap是樣式表:
bootstrap官網- http://v3.bootcss.com/css/ , 
bootstrap原始碼- https://github.com/twbs/bootstrap

 html引入css檔案和js檔案方式- http://blog.csdn.net/wozaifeiyang0/article/details/6888371
 最近測試html5頁面,發現預設都允許使用者縮放頁面,或者在螢幕雙擊放大或縮小。即相當於這樣設定 
<meta name=”viewport” content=”width=device-width, initial-scale=1.0 user-scalable=yes” /> 
如果要禁止此情形,修改相應引數即可。 
<meta content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;” name=”viewport” />
 使用AJAX實現頁面跳轉- http://blog.csdn.net/xyw591238/article/details/51441772
 混合開發(一)——WebView開發高階技巧之載入網頁以及JavaScript,載入進度條- http://blog.csdn.net/qq_26787115/article/details/52195970

> 網頁適配PC和移動端的JS
如何解決PC端和移動端自適應問題?- http://www.cnblogs.com/jtjds/p/5480857.html
PC端、移動端的頁面適配及相容處理- http://www.cnblogs.com/shenxiaolin/p/5388464.html
jQuery模擬原生態App上拉重新整理下拉載入效果程式碼- http://justcoding.iteye.com/blog/2215557 ,https://github.com/ximan/dropload

> 常見 JavaScript 任務的函式,包括動畫、DOM 操作以及 Ajax 處理。
主要的 jQuery 函式是 $() 函式(jQuery 函式)。如果您向該函式傳遞 DOM 物件,它會返回 jQuery 物件,帶有向其新增的 jQuery 功能。
jQuery 允許您通過 CSS 選擇器來選取元素。

JavaScript 方式:
function myFunction()
{
var obj=document.getElementById(“h01”);
obj.innerHTML=”Hello jQuery”;
}
onload=myFunction;
等價的 jQuery 是不同的:
jQuery 方式:
function myFunction()
{
$(“#h01”).html(“Hello jQuery”);
}
$(document).ready(myFunction);
上面程式碼的最後一行,HTML DOM 文件物件被傳遞到 jQuery :$(document)。
當您向 jQuery 傳遞 DOM 物件時,jQuery 會返回以 HTML DOM 物件包裝的 jQuery 物件。

> Window 物件
所有瀏覽器都支援 window 物件。它表示瀏覽器視窗。
所有 JavaScript 全域性物件、函式以及變數均自動成為 window 物件的成員。
全域性變數是 window 物件的屬性。
全域性函式是 window 物件的方法。
甚至 HTML DOM 的 document 也是 window 物件的屬性之一:
window.document.getElementById(“header”);
與此相同:
document.getElementById(“header”);

有三種方法能夠確定瀏覽器視窗的尺寸(瀏覽器的視口,不包括工具欄和滾動條)。
  對於Internet Explorer、Chrome、Firefox、Opera 以及 Safari:
window.innerHeight – 瀏覽器視窗的內部高度
window.innerWidth – 瀏覽器視窗的內部寬度
  對於 Internet Explorer 8、7、6、5:
document.documentElement.clientHeight
document.documentElement.clientWidth
  或者
document.body.clientHeight
document.body.clientWidth

>jquery.min.js:3 XMLHttpRequest cannot load file:///C:/xampp/htdocs/slide-up-down/html/demo.txt. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.???- 
http://stackoverflow.com/questions/27742070/angularjs-error-cross-origin-requests-are-only-supported-for-protocol-schemes
https://stackoverflow.com/questions/10752055/cross-origin-requests-are-only-supported-for-http-error-when-loading-a-local/23758738#23758738

>   這幾年裡,單頁面應用的框架令人應接不暇,各種新的概念也層出不窮。從過去的 jQuery Mobie、Backbone 到今天的 Angular 2、React、Vue 2,除了版本號不同,他們還有很多的相同之處。用 jQuery 來實現功能很容易,找到一個相應的 jQuery 外掛,再編寫相應的功能即可。對於單頁面應用亦是如此,尋找一個相輔助的外掛就可以了,如 jQuery Mobile。路由(頁面跳轉及模組關係).

  — 當移動裝置的效能越來越好時,開發者們開始在瀏覽器裡渲染頁面:
1.使用 jQuery 來做頁面互動
2.使用 jQuery Ajax 來從服務端獲取資料
3.使用 Backbone 來負責路由及 Model
4.使用 Mustache 作為模板引擎來渲染頁面
5.使用 Require.js 來管理不同的模板
6.使用 LocalStorage 來儲存使用者的資料

在html中include一個檔案內容的幾種方法- http://blog.csdn.net/vebasan/article/details/5207893
jquery滑鼠放上去顯示懸浮層即彈出定位的div層- http://www.jb51.net/article/49386.htm
滑鼠懸停控制下拉框的顯示和隱藏- http://blog.csdn.net/phantom521/article/details/41120985
  a標籤的屬性,選擇未訪問、已訪問、懸浮和活動連結,並設定它們的樣式:
a:link    {color:blue;}
a:visited {color:blue;}
a:hover   {color:red;}
a:active  {color:yellow;}

> html5視訊播放

webview 載入h5頁面,播放視訊 全屏,實現簡單封裝- http://blog.csdn.net/u010918416/article/details/52705732
相容性很好的webview框架,就是騰訊X5
js繼承的6種繼承方式- https://my.oschina.net/wangch5453/blog/865918
html5視訊播放解決方案- http://www.cnblogs.com/wellsoho/p/3498852.html   ,  http://www.w3school.com.cn/html5/html_5_audio.asp

HTML5 CSS3 專題 :誘人的例項 3D旋轉木馬效果相簿- http://download.csdn.net/detail/lmj623565791/7625793

jCarrousel是一款炫酷且強大的3D旋轉木馬效果輪播圖jQuery外掛。由於IE瀏覽器不支援transform-style: preserve-3d;屬性,所以在IE瀏覽器中看到的3D效果會有些變形。

3D旋轉木馬,jCarrousel外掛的github地址是:https://github.com/DIYgod/jCarrousel 

3D旋轉木馬,Carrousel外掛的github地址是:https://github.com/LikaiLee/Carousel

H5視訊播放外掛Video.js –
http://www.jq22.com/jquery-info404
   
https://github.com/videojs/video.js 

類似旋轉木馬效果的converflow,3D視覺效果- http://blog.csdn.net/lidhsr/article/details/7987564
利用CSS3D效果製作簡易旋轉木馬效果- http://www.cnblogs.com/chunyangji/p/6098517.html  , https://www.oschina.net/code/snippet_2505907_53397
github優秀前端專案分享(轉)- http://www.cnblogs.com/webpush/p/4963002.html

淘寶造物節H5 css 3d引擎- https://github.com/shrekshrek/css3d-engine
Github資源彙集, JavaScript, CSS- http://www.cnblogs.com/Leo_wl/p/4255816.html
HTML5 CSS3 專題 :誘人的例項 3D展示商品資訊- http://blog.csdn.net/lmj623565791/article/details/32974051

html裡實現div的隱藏 – http://wangyou871228.blog.163.com/blog/static/2769515220099228503476/
h5如何實現左右滑動效果,一個滑動外掛幫你搞定- http://www.tuicool.com/articles/BZfmmqU

> 前端基礎問題

JSP?
HTML中使用cookie儲存登入賬戶- http://blog.csdn.net/su20145104009/article/details/52735292
html 頁面之間跳轉和傳值- http://blog.csdn.net/caofeilong20941/article/details/9030521
關於多個html標籤單擊事件的實現細節- http://blog.csdn.net/zbw18297786698/article/details/51303723
JS控制HTML元素的顯示和隱藏- http://www.cnblogs.com/unpolishedgem/p/3247098.html
JS和jQuery中ul li遍歷獲取對應的下角標- http://www.cnblogs.com/wangzhenhai/p/6484933.html

> H5頁面的引用路徑配置:

絕對路徑: /專案名/fun_css/dropload.css
相對路徑: ../fun_css/dropload.css

> chrome二維碼外掛安裝地址:https://chrome.google.com/webstore/detail/%E6%9E%81%E7%AE%80%E4%BA%8C%E7%BB%B4%E7%A0%81/bfpobnbhgondhofhkolbelkijdmgfjfm
  github地址:https://github.com/aTool-org/chrome-qrcode
  QR Image from URL是一款可以將當前Chrome中的網址生成二維碼的谷歌瀏覽器外掛- http://chromecj.com/productivity/2015-01/347/download.html

JS新增html程式碼塊,如何模擬ajax請求json資料,div動態新增標籤 JS/Jquery
(http://ons.me/tools/dropload/json.php?page=1&size=5)
 JS把內容動態插入到DIV- http://www.cnblogs.com/findumars/p/3164232.html

> ajax開發模擬後端資料介面(mockjax和mockjson)- http://www.cnblogs.com/myqianlan/p/4196007.html http://www.cnblogs.com/sunhaoyu/articles/4703603.html
 jquery.mockjax.js- https://github.com/jakerella/jquery-mockjax 
 jquery-mockJSON- https://github.com/mennovanslooten/mockJSON

H5 SVG繪製線條與三角形?
JavaScript常用程式碼總結- http://gcdn.gcpowertools.com.cn/showtopic-36950-1-3.html?ref=myread