mirror of
https://github.com/haizlin/fe-interview.git
synced 2026-01-25 16:25:49 +00:00
update readme
This commit is contained in:
wangjian
parent
e0bf3ea2ed
commit
fdb3e6f4fa
184
README.md
184
README.md
@ -1,20 +1,60 @@
|
||||
# 前端面试每日 **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="200px"></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>
|
||||
|
||||
## 今天的知识点 (2020.07.07) —— 第448天 ([我也要出题](http://www.h-camel.com/contribution.html))
|
||||
- [html] [如何通过表单下载文件？](https://github.com/haizlin/fe-interview/issues/2608)
|
||||
- [css] [在固定宽度的div下，怎么让字体自适应大小，不超出宽度，也不要换行](https://github.com/haizlin/fe-interview/issues/2609)
|
||||
- [js] [用函数实现扑克牌排序](https://github.com/haizlin/fe-interview/issues/2610)
|
||||
- [软技能] [如果给你配台新电脑，你需要什么样的配置？说说你的理由？](https://github.com/haizlin/fe-interview/issues/2611)
|
||||
### :clock430: 今天的知识点 (2020.07.07) —— 第448天
|
||||
:one: [html] [如何通过表单下载文件？](https://github.com/haizlin/fe-interview/issues/2608)
|
||||
:two: [css] [在固定宽度的div下，怎么让字体自适应大小，不超出宽度，也不要换行](https://github.com/haizlin/fe-interview/issues/2609)
|
||||
:three: [js] [用函数实现扑克牌排序](https://github.com/haizlin/fe-interview/issues/2610)
|
||||
:four: [软技能] [如果给你配台新电脑，你需要什么样的配置？说说你的理由？](https://github.com/haizlin/fe-interview/issues/2611)
|
||||
|
||||
:hash: [我也要出题](http://www.h-camel.com/contribution.html)
|
||||
|
||||
| :pencil2:基础 | [HTML](category/html.md) | [CSS](category/css.md) | [JavaScript](category/css.md) | [软技能](category/skill.md) | | | |
|
||||
| :---: | :----: | :---: | :----: | :----: | :----: | :----: | :----: | :----: | :----: |
|
||||
| :newspaper:专题 | [Vue 271+](lib/Vue.md) | [React 337+](lib/React.md) | [AngularJs](lib/AngularJs.md) | [ECMAScript](category/ECMAScript.md) | [NodeJs](category/nodejs.md) | [jQuery](lib/jQuery.md) | [小程序](lib/wxapp.md) |
|
||||
| :hammer:工具 | [webpack](tools/webpack.md) |
|
||||
| :coffee:汇总 | [周](category/week.md) | [历史题目](category/history.md) |
|
||||
|
||||
### 四大宗旨：
|
||||
* 勤思考
|
||||
* 多动手
|
||||
* 善总结
|
||||
* 能坚持
|
||||
### :camel: 历史面试题
|
||||
- **[查看全部](category/history.md)**
|
||||
|
||||
- 第1天 (2019.04.17)
|
||||
- [html] [页面导入样式时，使用link和@import有什么区别？](https://github.com/haizlin/fe-interview/issues/1)
|
||||
- [css] [圣杯布局和双飞翼布局的理解和区别，并用代码实现](https://github.com/haizlin/fe-interview/issues/2)
|
||||
- [js] [用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值](https://github.com/haizlin/fe-interview/issues/3)
|
||||
|
||||
…………
|
||||
|
||||
- 第447天 (2020.07.06)
|
||||
- [html] [使用a标签的download属性下载文件会有跨域问题吗？如何解决？](https://github.com/haizlin/fe-interview/issues/2604)
|
||||
- [css] [怎样把单位cm转换成px呢（在打印时有时会用到）？](https://github.com/haizlin/fe-interview/issues/2605)
|
||||
- [js] [写一个单向链数据结构的 js 实现并标注复杂度](https://github.com/haizlin/fe-interview/issues/2606)
|
||||
- [软技能] [说下JWT的认证过程](https://github.com/haizlin/fe-interview/issues/2607)
|
||||
|
||||
- **[查看全部](category/history.md)**
|
||||
|
||||
### :baby_chick: 交流讨论
|
||||
欢迎大家前来讨论，如果觉得对你的学习有一定的帮助，欢迎点个[**Star**](https://github.com/haizlin/fe-interview), 同时欢迎微信扫码关注 **前端剑解** 公众号，并加入 **“前端学习每日3+1”** 微信群相互交流（点击公众号的菜单：进群交流）。
|
||||
|
||||
:trophy: [点击查看 “卓越-九周年” 视频](https://v.youku.com/v_show/id_XNDI2NDUyOTY2MA==.html?spm=a2h3j.8428770.3416059.1)
|
||||
|
||||
<p align="center">
|
||||
<img src="http://www.h-camel.com/statics/images/qrcode_jianjie.png" width="100px">
|
||||
</p>
|
||||
|
||||
> 《论语》，曾子曰：**“吾日三省吾身”**（我每天多次反省自己）
|
||||
> 孔子曰：**“不愤不启，不悱不发。举一隅不以三隅反，则不复也”**
|
||||
@ -27,78 +67,15 @@
|
||||
- 希望大家在这**浮夸**的前端圈里，保持**冷静**，坚持每天花20分钟来学习与思考。
|
||||
- 在这千变万化，类库层出不穷的前端，建议大家不要等到找工作时，才狂刷题，提倡**每日学习**！（**不忘初心**，html、css、javascript才是基石！）
|
||||
- 欢迎大家到**Issues**交流，鼓励**PR**，感谢**Star**、感谢**watch**，大家有啥好的建议可以加我微信一起交流讨论！
|
||||
> 希望大家**每日**去学习与思考，这才达到来这里的目的！！！（不要为了谁而来，要为自己而来！）
|
||||
- 希望大家**每日**去学习与思考，这才达到来这里的目的！！！（不要为了谁而来，要为自己而来！）
|
||||
|
||||
<p align="center"><a href="https://v.youku.com/v_show/id_XNDI2NDUyOTY2MA==.html?spm=a2h3j.8428770.3416059.1">点击查看 “卓越-九周年” 视频</a></p>
|
||||
|
||||
## 交流讨论
|
||||
欢迎大家前来讨论，如果觉得对你的学习有一定的帮助，欢迎点个[**Star**](https://github.com/haizlin/fe-interview), 同时欢迎微信扫码关注 **前端剑解** 公众号，并加入 **“前端学习每日3+1”** 微信群相互交流（点击公众号的菜单：进群交流）。
|
||||
|
||||
<p align="center">
|
||||
<img src="https://github.com/haizlin/fe-interview/raw/master/resource/images/qrcode_public.jpg">
|
||||
</p>
|
||||
|
||||
|
||||
## 题目分类
|
||||
- 分类（3+1）
|
||||
[html](category/html.md) | [css](category/css.md) | [js](category/js.md) | [软技能](category/skill.md)
|
||||
|
||||
- 专题（欢迎PR）
|
||||
[ECMAScript 34+](category/ECMAScript.md) | [NodeJs](category/nodejs.md) | [jQuery 22+](lib/jQuery.md) | [Vue 248+](lib/Vue.md) | [React 328+](lib/React.md) | [AngularJs](lib/AngularJs.md) | [小程序](lib/wxapp.md)
|
||||
|
||||
- 工具（敬请期待、欢迎PR）
|
||||
[webpack](tools/webpack.md)
|
||||
|
||||
- 汇总
|
||||
[周](category/week.md)
|
||||
|
||||
## 历史面试题
|
||||
- **[查看全部](category/history.md)**
|
||||
|
||||
- 第1天 (2019.04.17)
|
||||
- [html] [页面导入样式时，使用link和@import有什么区别？](https://github.com/haizlin/fe-interview/issues/1)
|
||||
- [css] [圣杯布局和双飞翼布局的理解和区别，并用代码实现](https://github.com/haizlin/fe-interview/issues/2)
|
||||
- [js] [用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值](https://github.com/haizlin/fe-interview/issues/3)
|
||||
|
||||
- 第2天 (2019.04.18)
|
||||
- [html] [html的元素有哪些（包含H5）？](https://github.com/haizlin/fe-interview/issues/4)
|
||||
- [css] [CSS3有哪些新增的特性？](https://github.com/haizlin/fe-interview/issues/5)
|
||||
- [js] [写一个方法去掉字符串中的空格](https://github.com/haizlin/fe-interview/issues/6)
|
||||
|
||||
…………
|
||||
|
||||
|
||||
- 第446天 (2020.07.05)
|
||||
- [html] [页面刷新时sessionStroage会变（会清空）吗？](https://github.com/haizlin/fe-interview/issues/2600)
|
||||
- [css] [flex与其他有什么不同，用它有什么好处？](https://github.com/haizlin/fe-interview/issues/2601)
|
||||
- [js] [请使用js实现vue的diff算法](https://github.com/haizlin/fe-interview/issues/2602)
|
||||
- [软技能] [说下你学习前端的历程吧](https://github.com/haizlin/fe-interview/issues/2603)
|
||||
|
||||
|
||||
- 第447天 (2020.07.06)
|
||||
- [html] [使用a标签的download属性下载文件会有跨域问题吗？如何解决？](https://github.com/haizlin/fe-interview/issues/2604)
|
||||
- [css] [怎样把单位cm转换成px呢（在打印时有时会用到）？](https://github.com/haizlin/fe-interview/issues/2605)
|
||||
- [js] [写一个单向链数据结构的 js 实现并标注复杂度](https://github.com/haizlin/fe-interview/issues/2606)
|
||||
- [软技能] [说下JWT的认证过程](https://github.com/haizlin/fe-interview/issues/2607)
|
||||
|
||||
|
||||
|
||||
- **[查看全部](category/history.md)**
|
||||
|
||||
## 怎样学习
|
||||
### :question: 怎样学习
|
||||
- 不管题目懂与不懂都要先思考再百度，思考后一定要去写出来
|
||||
- 如果是原生js的题，不要依赖第三方库，如jquery等
|
||||
- 每天的题目都是独立的，不需要按顺序来，但建议每道题都去答下，有你会的和有你不会的，答了才知道
|
||||
- 不懂的题百度后，不要直接复制一大段过来，要用自己的话精简地总结概括出来
|
||||
|
||||
## 交流讨论
|
||||
欢迎大家前来讨论，如果觉得对你的学习有一定的帮助，欢迎点个[**Star**](https://github.com/haizlin/fe-interview), 同时欢迎微信扫码关注 **前端剑解** 公众号，并加入 **“前端学习每日3+1”** 微信群相互交流（点击公众号的菜单：进群交流）。
|
||||
|
||||
<p align="center">
|
||||
<img src="https://github.com/haizlin/fe-interview/raw/master/resource/images/qrcode_public.jpg">
|
||||
</p>
|
||||
|
||||
## 在哪可以看到
|
||||
### :palm_tree: 同步更新
|
||||
- [前端向朔](https://blog.csdn.net/u013778905)（CSDN每天同步更新）
|
||||
- [掘金专栏](https://juejin.im/user/5b5ff865f265da0f6b771700/posts)（每天同步更新）
|
||||
- [知乎专栏](https://zhuanlan.zhihu.com/fe-interview)（每天同步更新）
|
||||
@ -111,17 +88,49 @@
|
||||
- [看云](https://www.kancloud.cn/aya001001/fe-interview)（每周同步更新）
|
||||
- 「前端剑解」 微信公众号（扫描上方二维码，每天同步更新）
|
||||
|
||||
## 贡献题目
|
||||
### :cat: 贡献题目
|
||||
请在提交PR前先阅读[贡献指南](https://github.com/haizlin/fe-interview/blob/master/.github/PULL_REQUEST_TEMPLATE.md)
|
||||
感谢所有为"前端面试每日3+1"做出贡献的人！
|
||||
|
||||
## 非常棒的开源项目
|
||||
### :link: 友情链接（欢迎推荐）
|
||||
* 【推荐】欢迎跟 jsliang 一起折腾前端，系统整理前端知识，目前正在折腾 LeetCode，打算打通算法与数据结构的任督二脉。[GitHub 地址](https://github.com/LiangJunrong/document-library)
|
||||
* [查看更多](./resource/md/link.md)
|
||||
|
||||
## 友情链接（欢迎推荐）
|
||||
* [查看](./resource/md/link.md)
|
||||
### :point_right: 感谢
|
||||
感谢以下朋友对本项目做出的贡献，当然不仅仅只有这些贡献者，这里就不一一列举了，如果未添加到这个名单中，请与我联系。
|
||||
|
||||
## 转载说明
|
||||
<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>
|
||||
|
||||
### :exclamation: 转载说明
|
||||
> 近期，看到很多网络上的朋友滥用链接，滥用面试题，包装了下就收费了，让有需要的朋友找不到最新的试题，违背了我的初衷，特添加了些声明：
|
||||
|
||||
- 声明
|
||||
@ -129,13 +138,6 @@
|
||||
2. 此开源仓库从不收取任何费用，**现在不会，以后也不会**，也不会授权任何人/机构进行收费。
|
||||
3. 大家不需要对此仓库进行爬虫，如有需要什么格式的，可以私聊我，比如本地阅读的PDF，我有时间会做成PDF的，方便大家！
|
||||
|
||||
## License
|
||||
### :copyright: License
|
||||
[](https://github.com/haizlin/fe-interview/blob/master/LICENSE)
|
||||
|
||||
<p align="left">
|
||||
<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>
|
||||
@ -69,4 +69,5 @@
|
||||
- 2020.05.20 — 第400天，3+1在5.20这浪漫的日子上线了（让大家久等了，感谢团队的努力付出）：[GO，去瞧瞧](http://www.h-camel.com/index.html)
|
||||
- 2020.05.21 — 第401天，第9次登上github热门榜！
|
||||
- 2020.06.03 — 第415天，第10次登上github热门榜！
|
||||
- 2020.06.30 — 第441天，第11次登上github热门榜！
|
||||
- 2020.06.30 — 第441天，第11次登上github热门榜！
|
||||
- 2020.07.07 — github上的首页进行改版，改版后的页面更清晰
|
||||
Loading…
x
Reference in New Issue
Block a user