簡介 · 前端面試每日3+1

[官網](http://www.h-camel.com/index.html) | [中文](https://github.com/haizlin/fe-interview/blob/master/README.md) | [English](https://github.com/haizlin/fe-interview/blob/master/README-en.md) <div align="center"> <a href="http://www.h-camel.com"><img src="http://www.h-camel.com/statics/images/logo.png" width="250px"></a> </div> <p align="center"> <a href="https://github.com/haizlin/fe-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=html" alt="html"></a> <a href="https://github.com/haizlin/fe-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=css" alt="css"></a> <a href="https://github.com/haizlin/fe-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=javascript" alt="javascript"></a> <a href="https://github.com/haizlin/fe-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=skill" alt="skill"></a> <a href="https://github.com/haizlin/fe-interview/stargazers"><img src="https://img.shields.io/redmine/plugin/stars/redmine_xlsx_format_issue_exporter.svg" alt="Statr"></a> </p> <p align="center"> 勤思考 - 多動手 - 善總結 - 能堅持 </p> > :star: 這是一個涉及前端知識題庫 **最多（4000+）、最全**，參與人數最多的免費開源項目！ :hash: [我也要出題](http://www.h-camel.com/contribution.html) | :bulb: 基礎 | [HTML 700+](category/html.md) | [CSS 700+](category/css.md) | [JS 700+](category/js.md) | [軟技能 700+](category/skill.md) | | | | | :---: | :---- | :--- | :---- | :---- | :---- | :---- | :---- | | :newspaper: 專題 | [Vue 296+](lib/Vue.md) | [React 338+](lib/React.md) | [AngularJs](lib/AngularJs.md) | [ECMAScript 45+](category/ECMAScript.md) | [NodeJs 90+](category/nodejs.md) | [jQuery](lib/jQuery.md) | [小程序](lib/wxapp.md) | | :hammer: 工具 | [webpack 13+](tools/webpack.md) | | :coffee: 匯總 | [周](category/week.md) | [歷史題目](category/history.md) | ## :clock430: 今天的知識點 (2021.06.15) —— 第791天         :one: [html] [寫一個移動端懸浮框效果](https://github.com/haizlin/fe-interview/issues/4078)         :two: [css] [使用SVG+CSS3制作一個圓形倒計時滾動條效果](https://github.com/haizlin/fe-interview/issues/4079) ### :camel: 歷史題目 - 第1天 (2019.04.17) :one: [html] [頁面導入樣式時，使用link和@import有什么區別？](https://github.com/haizlin/fe-interview/issues/1) :two: [css] [圣杯布局和雙飛翼布局的理解和區別，并用代碼實現](https://github.com/haizlin/fe-interview/issues/2) :three: [js] [用遞歸算法實現，數組長度為5且元素的隨機數在2-32間不重復的值](https://github.com/haizlin/fe-interview/issues/3) ………… - 第790天 (2021.06.14) :one: [html] [寫一個大轉盤抽獎的交互](https://github.com/haizlin/fe-interview/issues/4074) :two: [css] [使用CSS3制作立體式3D旋轉的動畫效果](https://github.com/haizlin/fe-interview/issues/4075) - **[查看全部](category/history.md)** ### :baby_chick: 交流討論歡迎大家前來討論，如果覺得對你的學習有一定的幫助，歡迎點個[**Star**](https://github.com/haizlin/fe-interview), 同時歡迎微信掃碼關注 **前端劍解** 公眾號，并加入 **“前端學習每日3+1”** 微信群相互交流（點擊公眾號的菜單：進群交流）。 :point_right: [點擊查看 “卓越-九周年” 視頻](https://v.youku.com/v_show/id_XNDI2NDUyOTY2MA==.html?spm=a2h3j.8428770.3416059.1) <p align="center"> <img src="https://github.com/haizlin/fe-interview/raw/master/resource/images/qrcode_liang.jpg" width="500px"> </p> ### :smiley: 寄語 - 《論語》，曾子曰：**“吾日三省吾身”**（我每天多次反省自己） - 孔子曰：**“不憤不啟，不悱不發。舉一隅不以三隅反，則不復也”** - 前端面試每日3+1，以面試題來驅動學習，每天進步一點！ - 學習不打烊，充電加油只為**遇到更好的自己**，365天無節假日，**每天早上5點**純手工發布面試題（**死磕自己，愉悅大家**）。 - 希望大家在這**浮夸**的前端圈里，保持**冷靜**，堅持每天花20分鐘來學習與思考。 - 在這千變萬化，類庫層出不窮的前端，建議大家不要等到找工作時，才狂刷題，提倡**每日學習**！（**不忘初心**，html、css、javascript才是基石！） - 讓努力成為一種習慣，讓奮斗成為一種享受！ - 相信 **堅持** 的力量！！！ ### :question: 如何學習 - 不管題目懂與不懂都要先思考再百度，思考后一定要去寫出來 - 如果是原生js的題，不要依賴使用第三方庫，如jquery等 - 每天的題目都是獨立的，不需要按順序來，但建議每道題都去答下，有你會的和有你不會的，答了才知道 - 不懂的題百度學習后，不要直接復制一大段過來，要用自己的話精簡地總結概括出來 ### :palm_tree: 同步更新 - [前端向朔-CSDN](https://blog.csdn.net/u013778905) | [掘金專欄](https://juejin.im/user/5b5ff865f265da0f6b771700/posts) | [知乎專欄](https://zhuanlan.zhihu.com/fe-interview) | [Github](https://github.com/haizlin/fe-interview) | [Gitee](https://gitee.com/haizhilin/fe-interview) | [簡書專欄](https://www.jianshu.com/c/1ba24fbe0006) | [segmentfault專欄](https://segmentfault.com/blog/frontend-interview) | [新浪微博](https://weibo.com/haizlin) | [開發者頭條專欄](https://toutiao.io/subjects/359261) | [看云](http://www.hmoore.net/aya001001/fe-interview) | 前端劍解(掃碼關注) ### :fire: 重大事件 * [查看更多](./resource/md/event.md) ### :family: 友情鏈接 * 【推薦】歡迎跟 jsliang 一起折騰前端，系統整理前端知識，目前正在折騰 LeetCode，打算打通算法與數據結構的任督二脈。[GitHub 地址](https://github.com/LiangJunrong/document-library) * [查看更多](./resource/md/link.md) ### :trophy: 感謝 * 感謝所有為"前端面試每日3+1"做出貢獻的朋友！，當然不僅僅只有這些貢獻者，這里就不一一列舉了，如果未添加到這個名單中，請與我聯系。 * 請在提交PR前先閱讀[貢獻指南](https://github.com/haizlin/fe-interview/blob/master/.github/PULL_REQUEST_TEMPLATE.md) <a href="https://github.com/qq674785876"> <img src="https://avatars1.githubusercontent.com/u/24448911?s=400&v=4" width="50px"> </a> <a href="https://github.com/undefinedYu"> <img src="https://avatars1.githubusercontent.com/u/38064049?s=400&v=4" width="50px"> </a> <a href="https://github.com/qingleizhang123"> <img src="https://avatars1.githubusercontent.com/u/49708488?s=400&v=4" width="50px"> </a> <a href="https://github.com/yxkhaha"> <img src="https://avatars1.githubusercontent.com/u/36123736?s=400&v=4" width="50px"> </a> <a href="https://github.com/AnsonZnl"> <img src="https://avatars1.githubusercontent.com/u/29278068?s=400&v=4" width="50px"> </a> <a href="https://github.com/xiangshuo1992"> <img src="https://avatars1.githubusercontent.com/u/21164035?s=400&v=4" width="50px"> </a> <a href="https://github.com/xiqi99520"> <img src="https://avatars1.githubusercontent.com/u/7972665?s=400&v=4" width="50px"> </a> <a href="https://github.com/LeannaLady"> <img src="https://avatars1.githubusercontent.com/u/20693413?s=400&v=4" width="50px"> </a> <a href="https://github.com/cxwht"> <img src="https://avatars1.githubusercontent.com/u/48351839?s=400&v=4" width="50px"> </a> <a href="https://github.com/zhaoqian0901"> <img src="https://avatars1.githubusercontent.com/u/49831394?s=400&v=4" width="50px"> </a> <a href="https://github.com/hiyangguo"> <img src="https://avatars1.githubusercontent.com/u/15609339?s=400&v=4" width="50px"> </a> <a href="https://github.com/Wscats"> <img src="https://avatars1.githubusercontent.com/u/17243165?s=400&v=4" width="50px"> </a> ### :exclamation: 轉載聲明 > 近期，看到很多網絡上的朋友濫用鏈接，濫用面試題，包裝了下就收費了，讓有需要的朋友找不到最新的試題，違背了我的初衷，特添加了些聲明： - 聲明 1. 可以轉載里面的所有面試題用到任何地方，但請添加倉庫的地址，因為轉載后你們很少會更新了，但此倉庫每天都會準時更新。 2. 此開源倉庫從不收取任何費用，**現在不會，以后也不會**，也不會授權任何人/機構進行收費。 3. 大家不需要對此倉庫進行爬蟲，如有需要什么格式的，可以私聊我，比如本地閱讀的PDF，我有時間會做成PDF的，方便大家！ ### :copyright: License [![MIT](http://api.haizlin.cn/api?mod=interview&ctr=issues&act=generateSVG&type=a.svg)](https://github.com/haizlin/fe-interview/blob/master/LICENSE)