A. 求指導web項目開發,前端js代碼的整理。多個Js文件,方法功能都是相同的,請問怎樣提高js代碼的
加參數就行啦
比如:
function aa(cl){
$("#"+cl).removeClass("aa");
}
B. 有關網頁編程javascript語言的問題。
你好!
這個全是都是js!
簡單說就是用id來觸發滑鼠經過和滑鼠移開兩個事件(onmouseover,nmouseout)
document.getElementById("subMenu1").onmouseover = mousegoesover;
document.getElementById("subMenu1").onmouseout = mousegoesout;
這兩句就是分別給id叫subMenu1的元素滑鼠經過(onmouseover )的時候觸發mousegoesover()函數 mousegoesout函數就是移開!
下面這個方法就是當觸發這個事件的時候把subMenu1的的css調用成abc cls1
function mousegoesover()
{
document.getElementById("subMenu1").className='abc cls1';
}
這個就是移開的時候ubMenu1的的css調用成abc;
function mousegoesout()
{
document.getElementById("subMenu1").className='abc';
}
請採納一下吧
C. 剛入行前端編程,基礎很薄弱,感覺很迷茫,請問該怎麼學習
慕課網找視頻,或者網上有人會發布免費的視頻。先基礎,在高級,webaoi,es6。
D. 前端什麼樣的代碼開發工具好用
為了讓入行新人能夠更快的掌握Web前端開發,千鋒武漢小編推薦五個優秀的前端開發工具,供小夥伴們參考。
框架類:Bootstrap
全世界最流行的響應式前端框架。基於HTML、CSS、JAVASCRIPT的,它在jQuery的基礎上進行了更為個性化和人性化的完善,形成一套自己獨有的網站風格。並兼容大部分jQuery插件。簡潔靈活,使得Web開發更加快捷。國內一些移動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基於Bootstrap源碼進行性能優化而來。
代碼編輯器:Codepen、VScode
CodePen是一個在線的HTML、CSS和JavaScript代碼編輯器,能夠編寫代碼並即時預覽效果。可以用於在線展示的作品,也可以看到其他人在網頁中實現的各種令人驚奇的效果。
VScode免費開源的現代化輕量級代碼編輯器,支持幾乎所有主流的開發語言的語法高亮、智能代碼補全、自定義熱鍵、括弧匹配、代碼片段、代碼對比 Diff、GIT 等特性,支持插件擴展,並針對網頁開發和雲端應用開發做了優化。軟體跨平台支持 Win、Mac 以及 Linux。
性能測試:Google PageSpeed Insights
PageSpeed是谷歌的網頁測試工具,通相信有接觸前端開發的大神們都聽說過Google官方的PageSpeed Tools,這個網頁載入速度檢測工具有在線版本也有一個 Chrome擴展,叫PageSpeed Insights。PageSpeed Insights的Chrome擴展是由谷歌官方開發的一款可以分析頁面載入的各個方面,包括資源、網路、DOM以及時間線等等信息的插件,過檢測評分給你優化建議。
調試類:AtomAptana Studio
它是非常強悍的JavaScript編輯器和調試器,可以支持多種AJAX和JavaScript工具箱,包括JavaScript編輯和調試。具有智能代碼完成、瀏覽器兼容性提示、代碼錯誤提示、文檔結構樹等功能。
HTML5:HTML5測試得分能夠提示您正常使用的瀏覽器對於HTML5標准和相關規范的支持情況的指標。
前端開發工具數量很多,這里只是推薦了千鋒武漢HTML5前端小編覺得比較好的5個前端開發工具。如果你有更好的意見,歡迎給我們留言分享。
E. web前端開發你們是怎麼學習的
前端學習大致方向:
1、學習HTML、CSS,完成各標簽的實現作用,熟悉HTML5、CSS3新特性,獨立完成一個頁面布局;
2、在上述基礎上,對主流瀏覽器兼容性問題的解決,平時做好代碼碎片管理,積累實例。
3、學習JavaScript,完成原生的JS的代碼實現頁面各種行為,積累實例(這部分深入學習對以後幫助相當大);
4、在學習JavaScript的基礎上,學習一兩個框架(JQuery、Bootstrap、AngularJS),對以後快速開發一個頁面幫助很大;
5、學會簡單使用PS、AI、CDR,可以幫助自己提高頁面布局,UI美化的技能。
PS:前期多看別人的代碼,多自己敲代碼,多看幫助手冊,少粘貼復制
HTMLCSS ,上手較快,主要是熟練度問題;
JS,上手不易,前期基礎要打好,學習周期稍長些(一般連續學習2-4個月就可以脫手自己寫大部分的代碼);
學習框架,有良好JS基礎上手較快,多做實例就可以達到熟練程度。
以上都學好了,基本上開發一個完成的網站不成問題,後期感興趣可以再去接觸後端,實現各種交互功能,逐步向全棧工程師發展。
F. 前端編程里保存代碼怎麼寫
location.search是獲取客戶端Url參數,這是判斷傳的參數,?表示傳值,這你應該知道吧,跟在?後面的是參數名,=後面的是這個參數的值,"?id=1″這就是傳的id=1,如果是傳的這個參數,就怎樣怎樣,下面的也是。
G. 前端開發,如何寫出優秀js代碼
每位前端工程師都喜歡易理解、可擴展、易維護的代碼,如何寫出優秀的JavaScript代碼,也是每位前端工程師的功課。如何才能寫出優秀的JavaScript代碼呢?
1.寫代碼前一定要搞清楚你要解決的問題是什麼,你的方案是否能夠解決問題。
2.擁有良好的命名規范,注意變數名區分大小寫,允許包含字母、數字、美元符號($)和下劃線,但第一個字元不允許是數字,不允許包含空格和其他標點符號。
3.多寫代碼注釋。編寫代碼時的注釋應當盡量全面一些,這便於自己再次瀏覽代碼時好理解。
4.能不使用with語句的時候盡量不要使用with語句,盡量少使用eval ,每次使用eval需要消耗大量時間。
擁有一手好代碼的前端開發者,更具有大神風范,所以好代碼不僅要精煉,更要易讀。
H. 什麼叫做前端編程
前端開發工程師(也叫「網頁製作」、「網頁製作工程師」、「前端製作工程師」等),主要職責是與交互設計師、 視覺設計師協作,根據設計圖用HTML和CSS完成頁面製作。其代碼被用戶端瀏覽器閱讀並解釋呈現,故名前端。後端開發工程師開發的代碼則運行在伺服器端,這是最大的不同。另外,前端開發工程師,應該具有一定的審美能力和基礎的美工操作能力,能很好的與交互及視覺協作。
I. 前端開發,網頁上防止內容拷貝的東西是怎麼做到的
<BODY oncontextmenu="return false" onselectstart="return false"
ondragstart="return false" onbefore="return false" on=document.selection.empty() onselect=document.selection.empty()>
-----------------------------------------------
防止復制的js
-----------------------------------------------
<SCRIPT language=JavaScript1.2>
function disableselect(e){
return false}
function reEnable(){return true
}
file://if IE4+
document.onselectstart=new Function ("return false")
file://if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</SCRIPT>
<SCRIPT language=JavaScript type=text/JavaScript>
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</SCRIPT>
-------------------------------------------------------
防止下載的js
-------------------------------------------------------
<noscript><iframe src=""></iframe></noscript>
--------------------------------------------------------
下面是防止右鍵的js:
--------------------------------------------------------
<script language="JavaScript">
<!--
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu() {
event.cancelBubble = true
event.returnValue = false;
return false;
}
function norightclick(e) {
if (window.Event){
if (e.which == 2 || e.which == 3)
return false;
}else{
if (event.button == 2 || event.button == 3){
event.cancelBubble = true
event.returnValue = false;
return false;
}
}
}
document.oncontextmenu = nocontextmenu; // for IE5+
document.onmousedown = norightclick; // for all others
//-->
</script>
J. Web前端開發中應該遵循的幾項編程原則
1、善用DIV來布局
當開發一個Web頁面時,要考慮第一件事就是區分頁面重點。將這些內容用DIV標簽包含起來,頁面的代碼會呈現出整潔、縮進良好的風格。
2、將HTML標簽和CSS樣式表分割開來
好的頁面應該將HTML標簽和CSS樣式表分割開來。這是每一個Web開發者在首次接觸Web開發時就應該知道的一條原則。然而,直到今天,仍然有很多開發者沒有嚴格遵循這一原則。不要在HTML標簽里內嵌樣式表代碼。開發者應該養成習慣,單獨建立文件,用以存放CSS樣式表。而這也將方便其他開發者在修改你的代碼時,能迅速完成工作。
3、優化CSS代碼
現如今,為網站添加多個CSS文件的做法已經很普遍。但是,當網站包含的CSS文件過多時,會降低網站的響應速度。解決辦法是:精簡代碼並對多個CSS文件進行優化,將其合並成一個文件。這個辦法能顯著提升網站的載入速度。此外,有很多工具可以用來優化CSS文件,例如CSS Optimizer、Clean CSS等。
4、優化JavaScript文件,並將其放到頁面底部
和CSS一樣,為頁面添加多個Javascript文件也是很普遍的做法。但這同樣會降低網站的響應速度。為此,開發者應該精簡、優化這些Javascript文件。
5、善用標題元素
到這些元素用來突出頁面的重點內容。這有助於用戶更加關注頁面的重點部分。對於博客,推薦使用標簽來突出博客標題。因為,博客標題幾乎是頁面中最重要的部分。
以上就是在Web前端開發中需要遵循的Web前端開發編程原則,希望這些開發語言對從事Web前端的小夥伴們有幫助。當下Web前端的應用方向還是很廣泛的,如果你能掌握Web前端開發技術,那麼在未來前端職業發展過程中,必定會有長久的發展。