前端面试一般问什么? 前端面试一般会问什么问题
\u9762\u8bd5Web\u524d\u7aef\u9700\u8981\u6ce8\u610f\u4ec0\u4e48\uff1f\u4f1a\u9762\u8bd5\u54ea\u4e9b\u95ee\u9898\uff1f\u4f5c\u4e3a\u4e00\u540dHTML5\u524d\u7aef\u5de5\u7a0b\u5e08\uff0c\u4e3a\u4e86\u5de5\u4f5c\uff0c\u4e3a\u4e86\u5c31\u4e1a\u6211\u4eec\u514d\u4e0d\u4e86\u8981\u53c2\u52a0\u5404\u79cd\u5404\u6837\u7684\u9762\u8bd5\u3002\u4e3a\u6b64\u603b\u7ed3\u4e86\u9762\u8bd5\u524d\u7684\u6ce8\u610f\u4e8b\u9879\uff1a
\u7b2c\u4e00\uff1a\u6ce8\u610f\u81ea\u5df1\u7684\u4eea\u5bb9\u4eea\u8868
\u9762\u8bd5\u4e4b\u524d\uff0c\u4e00\u5b9a\u8981\u518d\u6b21\u4ece\u5934\u5230\u811a\u5730\u5c06\u81ea\u5df1\u7684\u4eea\u5bb9\u4eea\u8868\u68c0\u67e5\u4e00\u904d\u3002\u68c0\u67e5\u65f6\u4e3b\u8981\u5305\u62ec\uff0c\u81ea\u5df1\u7684\u7259\u7f1d\u662f\u4e0d\u662f\u8fd8\u6709\u98df\u7269\u6b8b\u6e23\uff0c\u6240\u4ee5\u4f60\u9700\u8981\u5c31\u8fd1\u627e\u4e00\u4e2a\u536b\u751f\u95f4\uff0c\u5982\u679c\u6ca1\u6709\u536b\u751f\u95f4\u5c31\u8fd1\u627e\u4e00\u4e2a\u89d2\u843d\u4e5f\u662f\u53ef\u4ee5\u7684\uff0c\u4f46\u662f\u5207\u8bb0\u4e00\u5b9a\u4e0d\u8981\u5728\u5927\u5ead\u5e7f\u4f17\u4e4b\u4e0b\u3002\u56e0\u6b64\uff0c\u4e3a\u4e86\u7ed9\u81ea\u5df1\u6574\u7406\u51fa\u7740\u88c5\u7684\u65f6\u95f4\u8bf7\u5728\u7ea6\u5b9a\u65f6\u95f4\u524d20\u5206\u949f\u5230\u8fbe\u3002
\u7b2c\u4e8c\uff1a\u518d\u6b21\u68c0\u67e5\u9762\u8bd5\u65f6\u6240\u9700\u7684\u8d44\u6599\u662f\u5426\u90fd\u5df2\u5e26\u5168
\u8fd9\u4e9b\u8d44\u6599\u4e3b\u8981\u5305\u62ec\uff1a\u8eab\u4efd\u8bc1\u660e\u3001\u5b66\u5386\u6587\u51ed\u8bc1\u660e\u3001\u4e2a\u4eba\u7b80\u5386\u3001\u4ee5\u5f80\u4f5c\u54c1\u7b49\u7b49\uff0c\u5982\u679c\u8fd9\u4e9b\u4e1c\u897f\u9f50\u5168\u4e4b\u540e\uff0c\u9700\u8981\u5bf9\u8fd9\u4e9b\u8d44\u6599\u505a\u4e00\u4e2a\u6574\u7406\u4e0e\u6392\u5e8f\u3002\u56e0\u4e3a\u6ca1\u6709\u54ea\u4e2a\u9762\u8bd5\u5b98\u5e0c\u671b\u770b\u5230\u9762\u8bd5\u8005\u62ff\u51fa\u4e00\u5806\u201c\u83ab\u540d\u5176\u5999\u201d\u7684\u4e1c\u897f\u585e\u7ed9\u4ed6\uff0c\u8ba9\u4ed6\u81ea\u5df1\u518d\u4e00\u9875\u4e00\u9875\u7684\u7ffb\u627e\u81ea\u5df1\u9700\u8981\u7684\u5185\u5bb9\uff0c\u5982\u679c\u8bf4\u8fd9\u4e9b\u8d44\u6599\u5728\u9762\u8bd5\u5b98\u624b\u4e2d\u4e0d\u5c0f\u5fc3\u6563\u843d\u4e00\u5730\uff0c\u7ed3\u679c\u53ef\u60f3\u800c\u77e5\u3002\u8fd9\u6837\u7684\u6c42\u804c\u8005\u5728\u9762\u8bd5\u5b98\u773c\u4e2d\u4e5f\u4e00\u5b9a\u4e0d\u662f\u4e00\u4e2a\u8ba9\u4eba\u653e\u5fc3\u3001\u6709\u6761\u4e0d\u7d0a\u7684\u5458\u5de5\u3002\u5f53\u7136\u5982\u679c\u68c0\u67e5\u65f6\u53d1\u73b0\u8d44\u6599\u6ca1\u6709\u5e26\u5168\uff0c\u4e5f\u4e0d\u8981\u7d27\u5f20\u3002\u53cd\u800c\u4f60\u8981\u5e86\u5e78\u5e78\u4e8f\u53ca\u65f6\u68c0\u67e5\uff0c\u4e5f\u6709\u8db3\u591f\u7684\u65f6\u95f4\u7ec4\u7ec7\u8bed\u8a00\u53bb\u5411\u9762\u8bd5\u5b98\u89e3\u91ca\u3002
\u7b2c\u4e09\uff1a\u9762\u8bd5\u4e4b\u524d\u5c06\u901a\u4fe1\u5de5\u5177\u8c03\u6210\u632f\u52a8\u6216\u5173\u95ed\u72b6\u6001
\u867d\u7136\u8bf4\u9762\u8bd5\u8005\u4e0e\u9762\u8bd5\u5b98\u4e4b\u95f4\u662f\u4e00\u4e2a\u5e73\u7b49\u7684\u5173\u7cfb\uff0c\u4f46\u6bd5\u7adf\u4f60\u662f\u53bb\u4eba\u5bb6\u516c\u53f8\u6c42\u804c\u7684\uff0c\u59cb\u7ec8\u5904\u4e8e\u4e00\u4e2a\u88ab\u52a8\u7684\u72b6\u6001\uff0c\u6240\u4ee5\u6700\u8d77\u7801\u7684\u5c0a\u91cd\u8fd8\u662f\u8981\u505a\u5230\u7684\u3002\u66fe\u7ecf\u6709\u8c03\u67e5\u663e\u793a\uff0c\u5bf9\u4e8e\u9762\u8bd5\u8fc7\u7a0b\u4e2d\u63a5\u7535\u8bdd\u6216\u662f\u88ab\u7535\u8bdd\u6253\u65ad\u7684\u6c42\u804c\u8005\uff0c\u4f1a\u88abHR\u51cf\u5206\u3002
\u7b2c\u56db\uff1a\u7b49\u5019\u9762\u8bd5\u5b98\u65f6\uff0c\u4ed4\u7ec6\u89c2\u5bdf\u591a\u4e86\u89e3\u9762\u8bd5\u516c\u53f8
\u5728\u7b49\u5019\u9762\u8bd5\u5b98\u65f6\uff0c\u53ef\u4ee5\u6697\u81ea\u89c2\u5bdf\u4e00\u4e0b\u516c\u53f8\u7684\u5927\u4f53\u60c5\u51b5\u6bd4\u5982\u5458\u5de5\u7684\u7740\u88c5\u98ce\u683c\u3001\u516c\u53f8\u7684LOGO\u6216\u662f\u8d34\u5728\u5899\u4e0a\u7684\u4f01\u4e1a\u6587\u5316\u3001\u516c\u53f8\u7684\u73af\u5883\u7b49\u7b49\uff0c\u4e00\u6765\u53ef\u4ee5\u5728\u63a5\u4e0b\u6765\u7684\u9762\u8bd5\u8fc7\u7a0b\u4e2d\u8868\u73b0\u51fa\u81ea\u5df1\u5bf9\u516c\u53f8\u7684\u8ba4\u540c\u611f\uff0c\u4e8c\u6765\u4e5f\u53ef\u4ee5\u8ba9\u81ea\u5df1\u5bf9\u6c42\u804c\u516c\u53f8\u591a\u4e9b\u4e86\u89e3\uff0c\u4ee5\u786e\u5b9a\u662f\u5426\u8981\u63a5\u53d7\u8fd9\u91cc\u7684\u5de5\u4f5c\u3002\u5982\u679c\u4f60\u8eab\u8fb9\u6709\u516c\u53f8\u7684\u8d44\u6599\u5ba3\u4f20\u67b6\uff0c\u4e0d\u59a8\u53d6\u4e00\u672c\u7ffb\u770b\u4e00\u4e0b\uff0c\u4e5f\u4f1a\u589e\u52a0HR\u5bf9\u4f60\u7684\u597d\u611f\u3002
\u7b2c\u4e94\uff1a\u653e\u677e\u5fc3\u60c5\uff0c\u4fdd\u6301\u81ea\u4fe1
\u9762\u8bd5\u65f6\u4e00\u5b9a\u8981\u4fdd\u6301\u4e00\u5b9a\u7684\u81ea\u4fe1\uff0c\u8fd9\u6837\u4e5f\u4f1a\u7ed9\u9762\u8bd5\u5b98\u7559\u4e0b\u5f88\u597d\u7684\u5370\u8c61\u3002\u9762\u8bd5\u53ea\u662f\u4f60\u6b65\u5165\u5de5\u4f5c\u7684\u7b2c\u4e00\u6b65\uff0c\u5373\u4fbf\u662f\u5931\u8d25\u4e86\u90a3\u4e5f\u662f\u4eba\u751f\u91cd\u8981\u7684\u7ecf\u5386\u3002\u5931\u8d25\u662f\u4e3a\u4e86\u66f4\u597d\u7684\u8fce\u63a5\u4e0b\u4e00\u4e2a\u6311\u6218\u3002
\u4f5c\u4e3a\u4e00\u540dweb\u524d\u7aef\u5de5\u7a0b\u5e08\u5343\u4e07\u4e0d\u8981\u89c9\u5f97\u61c2\u6280\u672f\u9762\u8bd5\u5c31\u80fd\u4e07\u4e8b\u5927\u5409\u4e86\uff0c\u50cf\u4ee5\u4e0a\u4e94\u70b9\u7ec6\u8282\u6027\u7684\u4e1c\u897f\u4e5f\u662f\u4e00\u5b9a\u8981\u638c\u63e1\u7684\u3002
\u9762\u8bd5\u9898\u7cfb\u5217\uff1a
\u7f51\u9875\u94fe\u63a5
\u5b8f\u89c2
\u4e2a\u4eba\u6001\u5ea6
\u804c\u4e1a\u7d20\u517b
\u6280\u672f\u6c34\u5e73
\u4e2a\u4eba\u54c1\u884c
\u85aa\u8d44\u6c34\u5e73
\u57fa\u7840js\uff0ccss\u57fa\u7840\uff08\u5fc5\u987b\u7262\u9760\uff09
\u57fa\u672c\u7684\u7b97\u6cd5\uff08underscore\u91cc\u9762\u7684\u5e38\u7528\u65b9\u6cd5\u5b9e\u73b0\uff09
BOM\uff0cDOM\u4e0b\u7684\u4e00\u4e9b\u7279\u6027
css3
\u7ed3\u5408\u7b80\u5386\u63d0\u95ee
\u9ad8\u9636\u6027\u80fd\u4f18\u5316\uff0c\u7f13\u5b58
\u5de5\u7a0b\u7ba1\u7406\uff0c\u6301\u7eed\u96c6\u6210\uff0c\u4ee3\u7801\u7ec4\u7ec7
\u5b89\u5168\u548c\u81ea\u52a8\u5316\u6d4b\u8bd5
\u540e\u7aef\u8bed\u8a00\u7684\u719f\u6089nodejs,python,php\u7b49\u7b49
\u79fb\u52a8\u7aef\u5f00\u53d1\u7684\u91cd\u8981\u7279\u6027
\u5176\u4ed6\u5f15\u5bfc\u5f0f\u63d0\u95ee\uff0c\u5224\u65ad\u9762\u8bd5\u8005\u89e3\u51b3\u95ee\u9898\u80fd\u529b
\u5bf9\u516c\u53f8\u4ea7\u54c1\u6216\u7ade\u54c1\u662f\u5426\u719f\u6089
\u5f00\u6e90\u6216\u95ee\u7b54\u793e\u533a\u4e2d\u7684\u53c2\u4e0e\u5ea6\u548c\u4e86\u89e3\u7a0b\u5ea6
web前端面试会问人事方面的内容和web前端技术的内容;
人事的面试
web前端人事面试方面,需要注意如何自我介绍、性格有哪些优劣势、职业规划方向是什么、你的特长是什么、对于加班之类你是怎么看待等人事面试内容;
web前端技术的面试
技术面试,需要注意HTML+CSS+JavaScript以及JS主流框架的使用,比如Vue、React等,前端相关技术,比如tcp握手协议、网络安全、后端技术等;
对于web前端面试准备,建议你去看“决胜前端”(min app),它里面包含了很多web前端技术面试、人事面试等面试真题,而且针对面试题做了详细的分析与解答。
我给你截图看一下例子吧
前端面试,一般会问一些前端常用的知识功能,以及你的做过的东西,遇到的问题,你最好能说出自己的突出能力,能让人留下深刻的印象。
面试问什么问题是吧,那是问什么问题关主角,主要看着面试官的了,有的时候这个面试官问的问题也是模棱两可,这一脚天小弟不怎么着调的,这种情况也是有的,也有的呢是比较务实的,问一些和工作有关系的,看看你有什么能力的,这种也有的,所以呢,你要多准备一下,可以想到的问题都准备一下
1227阿里巴巴子公司端点科技,给我做电话面试,看看问了哪些前端问题
前段面试一般的来说面试官是想了解你的基本沟通能力和大体的处事性格和能力
绛旓細鍥涖佺患鍚堢礌璐ㄧ被闂锛氶櫎浜嗘妧鏈棶棰樹箣澶锛岄潰璇曚腑涔熶細娑夊強涓浜涜冨療缁煎悎绱犺川鐨勯棶棰橈紝渚嬪浣犵殑鑱屼笟瑙勫垝鏄粈涔堬紵浣犳槸濡備綍淇濇寔鎶鏈洿鏂扮殑锛熶綘閬囧埌鎶鏈毦棰樻椂鏄浣曡В鍐崇殑锛熻繖浜涢棶棰樼湅浼肩畝鍗曪紝浣嗚兘澶熷緢濂藉湴鍙嶆槧搴旇仒鑰呯殑鑱屼笟鎬佸害鍜屼釜浜虹礌璐ㄣ傚浜庤繖绫婚棶棰橈紝闇瑕佺湡璇氬洖绛旓紝灞曠幇浣犵殑鑱屼笟杩芥眰鍜岄棶棰樿В鍐宠兘鍔涖備互涓婂氨鏄鍓...
绛旓細鍦ㄨ繘琛學eb鍓嶇鐨勭數璇濋潰璇曟椂锛浠ヤ笅鏄垜浣滀负闈㈣瘯瀹樺彲鑳戒細鎻愬嚭鐨勯棶棰橈細1. 鑷垜浠嬬粛锛氳繖鏄潰璇曠殑鍩烘湰鐜妭锛岄氳繃绠鐭殑鑷垜浠嬬粛锛屾垜鍙互鍒濇浜嗚В搴旇仒鑰呯殑娌熼氳兘鍔涘拰涓汉鑳屾櫙锛屽苟褰㈡垚绗竴鍗拌薄銆2. 涓撲笟鎬ч棶棰锛氬鏋滈潰璇曠殑寮濮嬮儴鍒嗚繘琛屽緱姣旇緝椤哄埄锛屾垜浼氳繘鍏ヤ笅涓涓幆鑺傦紝鍗虫彁鍑轰笓涓氭ч棶棰橈紝浠ヨ瘎浼板簲鑱樿呯殑涓撲笟姘村钩...
绛旓細鍓嶇闈㈣瘯閫氬父娑夊強鍙岄噸鑰冨療锛鏃㈡湁浜轰簨鏂归潰鐨勯棶棰橈紝涔熸湁鎶鏈眰闈㈢殑鍐呭銆傚湪浜轰簨闈㈣瘯鐜妭锛闈㈣瘯瀹樹細鍏虫敞浣犵殑鑷垜浠嬬粛锛岃闂綘鐨勬ф牸鐗圭偣鍙婂叾浼樺姡鍔匡紝浜嗚В浣犵殑鑱屼笟瑙勫垝锛屼互鍙婁綘鐨勭壒闀挎墍鍦ㄣ傚浜庡姞鐝瓑鐜板疄宸ヤ綔鎯呭喌锛屼綘搴旇〃杈惧嚭鍚堢悊鐨勬佸害锛屽睍鐜颁綘鐨勫伐浣滄佸害鍜岃矗浠绘劅銆傛妧鏈潰璇曞垯鏇翠晶閲嶄簬浣犵殑涓撲笟鎶鑳斤紝鍖呮嫭HTML銆丆...
绛旓細09銆鍓嶇闇瑕佹敞鎰鍝簺SEO锛熷浣曞仛SEO浼樺寲锛10銆佸钩鏃跺浣曠鐞嗕綘鐨勯」鐩紵
绛旓細1銆侀噸缁樺拰閲嶆帓鐨勫叧绯伙細閲嶇粯涓嶄細寮曡捣閲嶆帓锛屼絾閲嶆帓涓瀹氫細寮曡捣閲嶇粯锛屼竴涓厓绱犵殑閲嶆帓閫氬父浼氬甫鏉ヤ竴绯诲垪鐨勫弽搴旓紝鐢氳嚦瑙﹀彂鏁翠釜鏂囨。鐨勯噸鎺掑拰閲嶇粯锛屾ц兘浠d环鏄珮鏄傜殑銆2銆侀噸缁樼殑姒傚康锛氶噸缁樻槸涓涓厓绱犲瑙傜殑鏀瑰彉鎵瑙﹀彂鐨勬祻瑙堝櫒琛屼负锛屼緥濡傛敼鍙榲isibility銆乷utline銆佽儗鏅壊绛夊睘鎬с傛祻瑙堝櫒浼氭牴鎹厓绱犵殑鏂板睘鎬ч噸鏂扮粯鍒讹紝浣...
绛旓細鍓嶇闈㈣瘯棰樻眹鎬,鍩烘湰涓婁細鏈夊洓澶х被闂,鍏蜂綋濡備笅:涓銆丠TML1銆丏octype浣滅敤?涓ユ牸妯″紡涓庢贩鏉傛ā寮忓浣曞尯鍒?瀹冧滑鏈変綍鎰忎箟?2銆丠TML5 涓轰粈涔堝彧闇瑕佸啓 <!DOCTYPE HTML>?3銆佽鍐呭厓绱犳湁鍝簺?鍧楃骇鍏冪礌鏈夊摢浜? 绌(void)鍏冪礌鏈夐偅浜?4銆侀〉闈㈠鍏ユ牱寮鏃,浣跨敤link鍜孈import鏈変粈涔堝尯鍒?5銆佷粙缁嶄竴涓嬩綘瀵规祻瑙堝櫒鍐呮牳鐨勭悊瑙?6銆佸父瑙...
绛旓細13. arguments鍙傛暟 arguments鏄被鏁扮粍瀵硅薄锛岀敤浜庤闂嚱鏁拌皟鐢ㄦ椂鐨勫弬鏁帮紝閫氳繃绱㈠紩閬嶅巻銆14. URL缂栫爜鍑芥暟 escape宸插簾寮冿紝encodeURI鍜宔ncodeURIComponent鐢ㄤ簬缂栫爜URL锛宔ncodeURI閽堝鏁翠釜URL锛宔ncodeURIComponent缂栫爜鍙傛暟鍊笺15. 瑙i噴鎬т笌缂栬瘧鍨嬭瑷 瑙i噴鎬ц瑷濡侸avaScript閫愯鎵ц锛岀紪璇戝瀷璇█濡侸ava鍏堢紪璇戝悗...
绛旓細闈㈣瘯鍓嶇鍩虹鏃讹紝鍏抽敭鍦ㄤ簬鑷俊鍜岀啛鎮夊熀纭鐭ヨ瘑銆備互涓嬫槸涓浜涘父瑙佺殑闈㈣瘯闂鍜岀煡璇嗙偣姒傝锛闈㈣瘯鏃锛屼繚鎸佸喎闈欙紝濡傚疄鍥炵瓟浼氱殑鐐癸紝濡傦細鍘熺敓JS鍩虹锛坣ew, BFC, 娓呴櫎娴姩绛夛級銆丠TML5鏂板厓绱犮佸彉閲忓0鏄庯紙var, const, let锛夈丳romise鍩虹銆佸師鍨嬮摼銆乤xios璇锋眰銆丆SS甯冨眬锛坱able, flex, float, 鍝嶅簲寮忥級銆丆SS鐩掓ā鍨嬨...
绛旓細web鍓嶇 闈㈣瘯蹇呴棶鐨勫嚑涓棶棰?鏈夐偅浜? 鏍规嵁闈㈣瘯瀹樼殑涓嶅悓锛岄潰璇曠殑鍐呭椤典笉涓鏍风殑銆涓鑸鐨勮瘽灏辨槸+css甯冨眬鍗犱竴閮ㄥ垎锛屼緥濡傚悇娴忚鍣ㄧ殑鐩稿鎬э紝鐒跺悗灏辨槸js鐨刟jax锛岄棴鍖咃紝鍐掓场浠涔鐨勶紝js浼氬崰寰堝ぇ涓閮ㄥ垎锛屼篃鏈変竴閮ㄥ垎闈㈣瘯瀹樹細鎶涘紑杩欎簺锛岀洿鎺ラ棶鍏徃闇瑕佺殑鍐呭锛岃繖鏍风殑璇濆氨鏄冮獙浣犵殑瀹為檯鎿嶄綔浜嗭紝杩欑被鐨勯潰璇曞畼...
绛旓細鍙岃秺鑰佸笀鍦ㄦ厱璇剧綉鐩存挱涓垎浜簡鍓嶇闈㈣瘯鐨勬妧宸у拰缁忛獙锛屼互涓嬫槸閮ㄥ垎鍚屽鎻愰棶鍜岃佸笀鐨勫洖绛旀眹鎬汇1. 瀵逛簬璁$畻鏈轰笓涓氬ぇ浜屽鐢燂紝鑰佸笀寤鸿灏嗛噸鐐规斁鍦ㄥ熀纭瀛︿範涓婏紝鍓嶇宀椾綅瀵圭畻娉曢渶姹備笉楂橈紝鍏堟帉鎻″熀纭鐨勭畻娉曞拰鏁版嵁缁撴瀯锛屼笉蹇呮ヤ簬搴旂敤銆傜郴缁熷涔 JS 璁捐妯″紡鍙互鍙傝冦妀s璁捐妯″紡銆嬭绋嬶紝浠庣悊瑙e父鐢ㄦā寮忓紑濮嬨2. 澶т笁...