⑴ 前端菜鳥請教前端大神一個問題
canvas繪制
⑵ 新手怎麼學習WEB前端開發，每日分享
老辦法：勤奮多加練習咯，或者可下載繪學霸APP學習。有資料視頻學習的，可看著一步一步的去學咯，加油~
⑶ 有什麼可以練習前端 的軟體 就那種有習題的
要習題的話去買書，書上都有。
另外還有好多種方式，這里給你介紹幾種：
隨便截一個網站的圖，然後自己去按照圖上的樣子去寫，樣式。
樣式寫完之後再寫交互。
像練邏輯思維的話可以找找編程題目，大部分編程的題目都是通用的，只是寫法不同，邏輯一樣。
⑷ 前端面試題，求大佬給個結果
第一題 true false false true
第二題 true 報錯 false false true false
之前是為了趕著回答，所以隨便答了，後來檢查，發現也是對的了。後面說說分析：
第一個問題：
先分析最簡單的頁面代碼function A(){};和function B(){};只是普通的函數A和B。
然後就是A的原型。
a是普通的構造函數。
先給你科普一下基礎，我們創建的每個函數都有一個prototype（原型）屬性，這個屬性是一個指針，指向一個對象。這裡面的關鍵字是指針！而原型屬性的作用是，讓對象A包含一些共享的屬性和方法，而這里就是共享了方法，A原型裡面的fun。
PS：有時候，面試官還會把a = new A()放在，A.prototype前面，這樣就會導致原型指針混亂的問題，但是你這個問題，相對簡單，沒有這種情況，所以這里我也不說明了。
然後分析，問題的答案：
1、必定是true，因為每個構造函數都有一個constructor屬性，且指向A。但是如果在原型對象裡面自己去設置constructor屬性，這樣就會導致，指向Object對象，且屬性變為可枚舉的，如果你理解了這里，第二個問題就簡單了。
2、false。上面已經提過了，如果在A的原型裡面設置constructor，指向的對象肯定是Object，不信的話，你可以試試console.log(A.prototye.constructor === Object)，這樣一定是true。
3、就是對hasOwnProperty的理解。hasOwnProperty是檢測a對象是否含有'constructor'這個屬性，他檢測的不是原型，而原型僅僅是一個指針，所以是false。
4、沒啥好說的，很簡單，就是true。
第二個問題
先對題目進行分析，new B()產生一個構造函數 而A的原型指向該構造函數
然後，var b = new A(); b和上面的a差不多 只不過A有點改變。
然後分析，答案：
1、在這里我必須說明一下A.prototye ={ } //無論對象裡面是什麼或者做了什麼事，他一定有一個constructor屬性，如果你不主動設置，他一定指向自己，也就是A，不信你自己實驗，所以一定是true。
2、我實在沒有發現代碼中，有類似B.prototype的語句，但是B下面還是有原型屬性B.prototype，只是這個屬性沒有被創建而已。為了確保正確，我查了查，constructor的概念，原來constructor的作用是返回對創建此對象的數組函數的引用。這里涉及了一個關鍵字，就是創建，所以我肯定這個問題的答案是報錯的了。因為這個原型是存在的，但沒被創建。而且constructor的概念，提及了一個重要的概念，引用，我不做說明了，自己網路。
3、其實這里只是繞了一個圈，等你繞過來的時候，他就是問A.prototye = new B();這里的問題了，這時候明顯指向了B，不信，可以把A改為B 一定是true。而這個問題的答案是false。
4、不要被指針影響了，hasOwnProperty檢測的不是原型指針，所以一定是false。
5、沒什麼好說的，明顯為true
6、還是那句原型只是一個指針，b不可能是B的實例，只是A的原型指向了B
綜合，本問題，主要考察的是對原型指針的理解，還有對constructor的認識。
⑸ web前端 基礎 操作題
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>第一題</title>
<style>
html,body{width:100%;height:100%;}
body{position:relative;margin:0;}
button{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100px;height:40px;color:#FFF;font-size:16px;font-family:"微軟雅黑";border-radius:8px;background-color:#f49610;}
</style>
</head>
<body>
<formaction="">
<buttononclick="alert('你點我了~~')">點我</button>
</form>
</body>
</html>
第一題如上（保存文件為.html形式）
---------------------------------------------------------------------------
第二題如下（html部分保存文件為.html形式，JS部分保存為.js文件。兩個文件放在同一個文件夾下，因為我的src路徑是這樣寫的，你可以改）
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>第二題</title>
<scriptsrc="pulsate.js"></script>
<style>
html,body{width:100%;height:100%;}
body{position:relative;margin:0;}
button{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100px;height:40px;color:#FFF;font-size:16px;font-family:"微軟雅黑";border-radius:8px;background-color:#f49610;}
</style>
</head>
<body>
<formaction="">
<button>點我</button>
</form>
</body>
</html>
下面是第二題的，JS部分：
window.onload=function(){
varbtn=document.getElementsByTagName("button")[0];
btn.onclick=function(){
alert("哎呀，你又點我了~");
}
}加油~
⑹ 前端面試題，就是一個矩形，上下左右各有一條線，如果只用一個div，css應該怎麼實現，效果如下圖
div{
width:130px;
height:130px;
border-radius:4px;
border:1pxsolid#333;
box-shadow:inset005px5px#ccc;
} 解析：模擬凹槽線的重要代碼是最後一行，幾個數值分別為
x軸的陰影偏移量
y軸的陰影偏移量
模糊度
模糊長度
⑺ 誰能給我出一兩道 web前端筆試題 上機題啥的，呵呵，比較常考的
[面試題] 某企業前端開發面試題
【HTML & CSS】
1. Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?
2. 行內元素有哪些？塊級元素有哪些？CSS的盒模型？
3. CSS引入的方式有哪些? link和@import的區別是?
4. CSS選擇符有哪些？哪些屬性可以繼承？優先順序演算法如何計算？內聯和important哪個優先順序高？
5. 前端頁面有哪三層構成，分別是什麼？作用是什麼？
6. css的基本語句構成是？
7. 你做的頁面在哪些流覽器測試過？這些瀏覽器的內核分別是什麼?經常遇到的瀏覽器的兼容性有哪些？怎麼會出現？解決方法是什麼？
8. 如何居中一個浮動元素?
9. 有沒有關注HTML5和CSS3?如有請簡單說一些您對它們的了解情況！
10. 你怎麼來實現下面這個設計圖,主要講述思路 （效果圖省略）
11. 如果讓你來製作一個訪問量很高的大型網站，你會如何來管理所有CSS文件、JS與圖片？
12. 你對前端界面工程師這個職位是怎麼樣理解的？它的前景會怎麼樣？
【Javascript】
1. js是什麼，js和html 的開發如何結合？
2. 怎樣添加、移除、移動、復制、創建和查找節點
3. 怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別
4. 面向對象編程:b怎麼繼承a
5. 看看下面alert的結果是什麼
view sourceprint?1.function b(x, y, a) {
.arguments[2] = 10;
.alert(a);
}
b(1, 2, 3);
如果函數體改成下面，結果又會是什麼？
a = 10;
alert(arguments[2] );
6. 請編寫一個JavaScript函數 parseQueryString，它的用途是把URL參數解析為一個對象
var obj = parseQueryString(url);
alert(obj.key0) // 輸出0
7. ajax是什麼? ajax的交互模型? 同步和非同步的區別? 如何解決跨域問題?
8. 什麼是閉包？下面這個ul，如何點擊每一列的時候alert其index?
<ul id=」test」>
<li>這是第一條</li><li>這是第二條</li><li>這是第三條</li>
</ul>
9. 最近看的一篇Javascript的文章是？
10. 常使用的庫有哪些？常用的前端開發工具？開發過什麼應用或組件？
11.說說YSlow(可以詳細一點)
答案在參考資料裡面可以找到，答案在參考資料裡面可以找到，答案在參考資料裡面可以找到
⑻ 請問哪裡可以找到帶答案詳解的css html等前端的題呢
一般初學者都是靠模仿學習的，有了例子可以看看他為什麼這么設置，這些都是用到什麼語法，可以和自己從書上看到的相互印證，也少掉了代碼不熟悉的煩惱
建議樓主去下載一個簡單的源碼（新聞類的，企業建站類的）這些在asp集中營都有
模仿著做兩個站，這樣基本就能出師了，畢竟前台的代碼用dreamweaver都是有代碼提示的。
⑼ 有哪些經典的 Web 前端或者 JavaScript 面試筆試題
一、不定項選擇題 （每題3分，共30分）
1. 聲明一個對象，給它加上name屬性和show方法顯示其name值，以下代碼中正確的是（ D ）
A. var obj = [name:"zhangsan",show:function(){alert(name);}];
B. var obj = {name:」zhangsan」,show:」alert(this.name)」};
C. var obj = {name:」zhangsan」,show:function(){alert(name);}};
D. var obj = {name:」zhangsan」,show:function(){alert(this.name);}};
2. 以下關於Array數組對象的說法不正確的是（ CD ）
A. 對數組里數據的排序可以用sort函數，如果排序效果非預期，可以給sort函數加一個排序函數的參數
B. reverse用於對數組數據的倒序排列
C. 向數組的最後位置加一個新元素，可以用pop方法
D. unshift方法用於向數組刪除第一個元素
3. 要將頁面的狀態欄中顯示「已經選中該文本框」，下列JavaScript語句正確的是（ A ）
A. window.status=」已經選中該文本框」
B. document.status=」已經選中該文本框」
C. window.screen=」已經選中該文本框」
D. document.screen=」已經選中該文本框」
4. 點擊頁面的按鈕，使之打開一個新窗口，載入一個網頁，以下JavaScript代碼中可行的是（ AD ）
A. <input type=」button」 value=」new」
onclick=」open(『new.html』, 『_blank』)」/>
B. <input type=」button」 value=」new」
onclick=」window.location=』new.html』;」/>
C. <input type=」button」 value=」new」
onclick=」location.assign(『new.html』);」/>
D. <form target=」_blank」action=」new.html」>
<inputtype=」submit」 value=」new」/>
</form>
⑽ web前端求助 題目如下
<html>
<head>
<meta charset="UTF-8"/>
<title></title>
<style type="text/css">
ul li{list-style-type: none;}
ul{width: 500px;float: left;}
li{width: 20%;height: 30px;border: 1px solid #f3f3f3;float: left;box-sizing: border-box;}
li:nth-child(2n-1):hover{background: orange;}
li:nth-child(2n):hover{background: #cf0de3;}
</style>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>