add: 数据库的基础知识

2020-04-20 10:16:01 +08:00
parent 6fbb5659e4
commit d6d617bf77
44 changed files with 170 additions and 2 deletions
--- a/16-推荐链接/01-2020年Web前端最新导航.md
+++ b/16-推荐链接/01-2020年Web前端最新导航.md
@@ -0,0 +1,529 @@
+
+
+> 本文的最新内容将在[GitHub](https://github.com/qianguyihao/Web)上实时更新。欢迎在GitHub上关注我，一起入门和进阶前端。
+
+## 前言
+
+本文列出了很多与前端有关的常见网站、博客、工具等，整体来看比较权威。有些东西已经过时了，我就不列出来了。
+
+学是一方面，也是最主要的方面；但还有一个作用，比如，“这个前端框架你都不知道啊”、“这个前端大牛你都没听说过啊” ，此时，这份清单就能起到作用了。如果你能把清单里列出的内容都了解下，逼格也会高很多。
+
+## 技术社区
+
+- GitHub：<https://github.com/>
+
+高质量的内容创作和分享平台。
+
+请记住，作为一个码农，GitHub 代表了你的名片。
+
+- stackoverflow：<https://stackoverflow.com/>
+
+遇到技术问题请先Google，很多答案都能在 stackoverflow 上找到。
+
+## 技术博客
+
+- 掘金：<https://juejin.im/>
+
+掘金已经被前端同学攻陷了。目前来看，国内的很多优质前端文章，都在掘金上。
+
+如果你刚开始写前端博客，可以考虑在掘金上发文章。当然，文章最好在**掘金、博客园、知乎**上做同步。
+
+- 博客园：<https://www.cnblogs.com/>
+
+一个很纯粹的技术博客平台。
+
+- 知乎：<https://www.zhihu.com/>
+
+很多做技术的同学也开始玩知乎了，阿里的不少前端大牛在知乎上就非常活跃。
+
+- CSDN：<https://www.csdn.net/>
+
+广告太多，但奈何你这么老牌。
+
+- segmentfault：<https://segmentfault.com/>
+
+比较低调的技术博客平台。
+
+## GitHub 排名统计
+
+- GitHub 中文排行榜、高分优秀中文项目：<https://github.com/kon9chunkit/GitHub-Chinese-Top-Charts>
+
+中国区的高分项目，都在这里了。
+
+
+- GitHub 全球排名：<https://gitstar-ranking.com/>
+
+这个排名很权威。如果你的项目超过 10k star，就能上榜，跻身全球 GitHub 项目前1000名。
+
+- GitHub trending（官网推荐）：<https://github.com/trending>
+
+你的项目要是能上 GitHub trending，绝对火得一塌糊涂。
+
+2019-12备注：现在的 GitHub trending 已经不是严格按照新增的 star 数来排行了。所以说，这个排名，也不是那么权威了。
+
+- GitHub 中国区排名：<https://githuber.cn/search?language=JavaScript>
+
+这个网站虽然比较小众，但排名还是相对比较准的。
+
+- GitHub 中国区排名：<http://githubrank.com/>
+
+这个排名很久没更新了，早就不准了；而且还经常打不开。
+
+
+## 资讯
+
+- 36氪：<https://36kr.com/>
+
+- 虎嗅网：<https://www.huxiu.com/>
+
+- 利器：<https://liqi.io/>
+
+采访优秀的创造者，邀请他们来分享工作时所使用的工具。
+
+- 湾区日报：<https://wanqu.co/>
+
+每天推送 5 篇优质英文文章。
+
+- Solidot：<https://www.solidot.org/>
+
+- 品玩：<https://www.pingwest.com/>
+
+- 极客公园：<http://www.geekpark.net/>
+
+## 框架
+
+- Vue.js：<https://cn.vuejs.org/>
+
+- React：<https://reactjs.org/>
+
+- Angular：<https://angular.cn/>
+
+- AngularJS：<https://angularjs.org/>
+
+- Koa：<https://koa.bootcss.com/>
+
+基于 Node.js 平台的下一代 Web 开发框架。
+
+- Express：<http://www.expressjs.com.cn/>
+
+基于 Node.js 平台，快速、开放、极简的 Web 开发框架。
+
+- Egg：<https://eggjs.org/zh-cn/>
+
+Egg 继承于 Koa。
+
+Koa 是一个非常优秀的框架，然而对于企业级应用来说，它还比较基础。而 Egg 选择了 Koa 作为其基础框架，在它的模型基础上，进一步对它进行了一些增强。
+
+- Electron：<https://www.electronjs.cn/>
+
+Electron（原名为Atom Shell）是GitHub开发的一个开源js框架。 它允许使用Node.js（作为后端）和Chromium（作为前端）完成桌面GUI应用程序的开发。
+
+也就是说，我们可以用 js 语言开发客户端软件了。其实呢，VS Code 这个客户端软件就是用 js 语言写的。
+
+- Redux：<https://www.redux.org.cn/>
+
+Redux 是 JavaScript 状态容器，提供可预测化的状态管理。
+
+- ReactNative：<https://reactnative.cn/>
+
+使用JavaScript编写原生移动应用。
+
+- mpvue：<http://mpvue.com/>
+
+基于 Vue.js 的小程序开发框架。
+
+## UI框架
+
+- Bootstrap：<http://www.bootcss.com/>
+
+- ElementUI：<http://element-cn.eleme.io/>
+
+基于 Vue.js 的组件库。
+
+- iView：<https://www.iviewui.com/>
+
+一套基于 Vue.js 的高质量 UI 组件库。
+
+- Ant Design：<https://ant.design>
+
+基于 React 的 UI 组件库，主要用于研发企业级中后台产品。官网推出了 [Ant Design pro](https://pro.ant.design/) 作为示例，可以看看。
+
+- Ant Design Mobile：<https://mobile.ant.design/>
+
+一个基于 Preact / React / React Native 的 移动端 UI 组件库。
+
+- Ant Design of Vue：<https://vue.ant.design/docs/vue/introduce-cn/>
+
+Ant Design 的 Vue 实现，开发和服务于企业级后台产品。
+
+## 类库
+
+- jQuery：<http://jquery.com/>
+
+- Zepto.js：<https://zeptojs.com/>
+
+可以理解成是移动端的 jQuery。
+
+- ECharts：<https://echarts.baidu.com/>
+
+使用 JavaScript 实现的开源可视化库。
+
+## CSS
+
+- Sass：<https://sass-lang.com/>
+
+Sass 是成熟、稳定、强大的 CSS 扩展语言。入门文档可以看：<http://sass.bootcss.com/>
+
+- Less：<http://lesscss.org/>
+
+给 CSS 加点料。入门文档可以看：<https://less.bootcss.com/>
+
+- Stylus：<http://stylus-lang.com/>
+
+## 构建
+
+- NPM：<https://www.npmjs.com/>
+
+- Yarn：<https://yarnpkg.com/zh-Hans/>
+
+- Webpack：<https://webpack.js.org/>
+
+- Gulp：<https://www.gulpjs.com.cn/>
+
+- Babel：<https://babeljs.io/>
+
+- ESLint：<https://cn.eslint.org/>
+
+可组装的JavaScript和JSX检查工具。
+
+- PostCSS：<https://www.postcss.com.cn/>
+
+用 JavaScript 工具和插件转换 CSS 代码的工具
+
+## 调试抓包
+
+- whistle：<https://wproxy.org/whistle/>
+
+代理抓包工具，很好很强大。
+
+- Fiddler：<https://www.telerik.com/fiddler>
+
+代理抓包工具。
+
+## Mock数据
+
+- Easy Mock：<https://www.easy-mock.com>
+
+## 编辑器 && IDE
+
+- VS Code：<https://code.visualstudio.com/>
+
+- Sublime Text：<https://www.sublimetext.com/>
+
+- WebStorm：<https://www.jetbrains.com/webstorm/>
+
+- Atom：<https://atom.io/>
+
+## 编码规范
+
+- Bootstrap编码规范：<https://codeguide.bootcss.com/>
+
+- es6编程风格：<http://es6.ruanyifeng.com/#docs/style>
+
+- Airbnb Javascript Style Guide：<https://github.com/airbnb/javascript>
+
+## 静态站点搭建工具
+
+- Hexo：<https://hexo.io/zh-cn/>
+
+- VuePress：<https://www.vuepress.cn/>
+
+- GitBook：<https://www.gitbook.com/>
+
+
+## 设计工具
+
+- **墨刀**：原型设计工具。网址：<https://modao.cc/>
+
+- **蓝湖**：一款产品文档和设计图的在线协作平台。网址：<https://lanhuapp.com>
+
+- **PxCook（像素大厨）**：高效易用的自动标注工具。软件下载链接：<https://www.fancynode.com.cn/pxcook>
+
+
+## 图标
+
+- Font Awesome：<http://www.fontawesome.com.cn/>
+
+- Iconfont：<https://www.iconfont.cn/>
+
+- icomoon：<https://icomoon.io/>
+
+- EasyIcon：<https://www.easyicon.net/>
+
+- icons8：<https://icons8.cn/>
+
+- IconStore：<https://iconstore.co/>
+
+- iconninja：<http://www.iconninja.com/>
+
+## 设计素材
+
+- 设优 SHEUI：<http://www.sheui.com/Contact/>
+
+
+## 工具
+
+
+### 综合类
+
+- CanIUse：<https://caniuse.com/>
+
+浏览器兼容性查询。前端同学必须要知道。
+
+- 国家企业信用信息公示系统：<http://www.gsxt.gov.cn>
+
+通过这个网站，我们可以查到任何一家公司的基本信息（成立时间、法定代表人等）。如果你在这个网站上没有找到某公司的信息，放心吧，这个公司一定是个骗子。
+
+- ProcessOn：<https://www.processon.com/>
+
+在线制作流程图。推荐。
+
+- **幕布**：<https://mubu.com>
+
+极简大纲笔记、一键生成思维导图。非常好用。
+
+- JSON格式化：<http://www.bejson.com/>
+
+- 草料二维码：<https://cli.im/>
+
+- 短链生成：<http://www.sina.lt>
+
+- GitHub短网址：<https://git.io/>
+
+- **图片压缩**：<https://tinypng.com/>
+
+熊猫压缩。压缩后图片清晰度不会有太大变化。
+
+- **图片压缩**：<https://www.yasuotu.com/>
+
+- 在线PS：<https://www.photopea.com/>
+
+- 图片在线裁剪：<https://www.asqql.com/gifc/>
+
+- 多数据源IP地址查询：<https://haoip.cn/>
+
+- Gif添加字幕：<http://www.yingjingtu.com/>
+
+- Photoshop的投影参数转换为 CSS代码：<https://psd2css.mezw.com/>
+
+将Photoshop设计文件图层中的混合选项参数快速转换为CSS3代码，以节省前端开发人员的时间和精力。
+
+- Get Emoji：<https://emoji.svend.cc/>
+
+- 图片转Ascii：<http://picascii.com/>
+
+- 视频转GIF：<https://github.com/vvo/gifify>
+
+- OCR文字识别：<https://app.xunjiepdf.com/ocr>
+
+### 图片类
+
+- 图片转base64：<http://imgbase64.duoshitong.com/>
+
+## 前端周刊
+
+- WecTeam 前端周刊：<https://github.com/wecteam/weekly>
+
+- Js中文网周刊：<https://www.javascriptc.com/category/javascript-weekly>
+
+## 团队
+
+
+- 腾讯AlloyTeam：<http://www.alloyteam.com/>
+
+- 腾讯社交用户体验ISUX：<https://isux.tencent.com/>
+
+- 淘宝FED | 淘宝前端团队：<http://taobaofed.org/>
+
+- 阿里巴巴国际UED：<http://www.aliued.com/>
+
+- 京东 | 凹凸实验室：<https://aotu.io/>
+
+- 饿了么前端:<https://zhuanlan.zhihu.com/ElemeFE>
+
+- 百度前端研发部FEX：<http://fex.baidu.com/>
+
+- 360 | 奇舞团：<https://75team.com/>
+
+- 知道创宇FED：<https://knownsec-fed.com/>
+
+## 前端大牛
+
+### 阮一峰（蚂蚁金服）
+
+- GitHub：<https://github.com/ruanyf>
+
+- 博客：<http://www.ruanyifeng.com/blog/>
+
+### 尤雨溪
+
+- GitHub：<https://github.com/yyx990803>
+
+- 博客：<http://blog.evanyou.me/>
+
+- 知乎：<https://www.zhihu.com/people/evanyou>
+
+### 玉伯
+
+- GitHub：<https://github.com/lifesinger>
+
+- 博客：<https://github.com/lifesinger/blog>
+
+- 知乎：<https://www.zhihu.com/people/lifesinger>
+
+### 司徒正美（去哪儿）
+
+- GitHub：<https://github.com/RubyLouvre>
+
+- 博客：<http://www.cnblogs.com/rubylouvre/>
+
+- 知乎：<https://www.zhihu.com/people/si-tu-zheng-mei>
+
+### 张鑫旭（腾讯）
+
+- GitHub：<https://github.com/zhangxinxu>
+
+- 博客：<https://www.zhangxinxu.com/>
+
+- 知乎：<https://www.zhihu.com/people/iamzhangxinxu>
+
+### 迷渡
+
+- GitHub：<https://github.com/justjavac>
+
+- 知乎：<https://www.zhihu.com/people/justjavac.com>
+
+### 羡辙 | Ovilia
+
+- GitHub：<https://github.com/Ovilia>
+
+- 知乎：<https://www.zhihu.com/people/ovilia>
+
+### 云谦（陈成）
+
+- GitHub：<https://github.com/sorrycc>
+
+- 博客：<https://sorrycc.com/>
+
+云谦装了啥：<https://github.com/sorrycc/awesome-tools>
+
+### 偏右
+
+- GitHub：<https://github.com/afc163>
+
+- 知乎：<https://www.zhihu.com/people/afc163>
+
+### 黄峰达/Phodal Huang（ThoughtWorks）
+
+- GitHub：<https://github.com/phodal>
+
+- 博客：<https://www.phodal.com/>
+
+- 知乎：<https://www.zhihu.com/people/phodal>
+
+### 贺师俊/Hax（百姓网）
+
+- GitHub：<https://github.com/hax>
+
+- 博客：<http://johnhax.net/>
+
+- 知乎：<https://www.zhihu.com/people/he-shi-jun>
+
+### 大漠
+
+**链接**：
+
+- GitHub：<https://github.com/airen>
+
+大漠的GitHub上没啥东西。
+
+- 博客：<https://www.w3cplus.com>
+
+- 知乎：<https://www.zhihu.com/people/w3cplus>
+
+**介绍**：
+
+常用昵称“大漠”，W3CPlus创始人，目前就职于淘宝。对HTML5、CSS3和CSS处理器等前端脚本语言有非常深入的认识和丰富的实践经验，尤其专注对CSS3和动画的研究，是国内最早研究和使用CSS3和CSS处理器技术的一批人。现在主要在探讨学习JavaScript、React和Vue相关技术知识。CSS、CSS处理器和Web动画中国布道者。2014年出版《图解CSS3：核心技术与案例实战》。
+
+### EGOIST
+
+- 博客：<https://egoist.sh/>
+
+- GitHub：<https://github.com/egoist>
+
+### 冴羽
+
+**链接**：
+
+- GitHub：<https://github.com/mqyqingfeng>
+
+- 博客：<https://github.com/mqyqingfeng/Blog>
+
+- 知乎：<https://www.zhihu.com/people/qing-feng-yi-yang>
+
+### 李靖/小胡子哥（淘宝网）
+
+- GitHub：<https://github.com/barretlee>
+
+- 博客：<https://www.barretlee.com/>
+
+- 知乎：<https://www.zhihu.com/people/barretlee/>
+
+### cangdu
+
+- GitHub：<https://github.com/bailicangdu>
+
+### Jackson Tian
+
+- GitHub：<https://github.com/JacksonTian>
+
+- 博客：<http://jacksontian.org/>
+
+### 题叶（饿了么、前 Teambition）
+
+- GitHub：<https://github.com/jiyinyiyong>
+
+- 博客：<http://tiye.me/>
+
+### 杨健（今日头条）
+
+- GitHub：<https://github.com/hardfist>
+
+- 知乎：<https://www.zhihu.com/people/hardfist>
+
+### 流形
+
+> （阿里巴巴数据技术与产品部前端团队负责人）
+
+- 知乎：<https://www.zhihu.com/people/arcthur/>
+
+## GitHub 作者推荐
+
+
+### 晴小篆
+
+- GitHub：<https://github.com/yanlele>
+
+### MuYunyun
+
+- GitHub：<https://github.com/MuYunyun>
+
+
+
+
+## 总结
+
+如果你有发现新的内容，欢迎在 GitHub 上提交 [issues](https://github.com/qianguyihao/web/issues)。
+
+
+
--- a/16-推荐链接/02-GitHub项目推荐.md
+++ b/16-推荐链接/02-GitHub项目推荐.md
@@ -0,0 +1,79 @@
+
+
+## CSS
+
+- CSS Inspiration，在这里找到写 CSS 的灵感：<https://github.com/chokcoco/CSS-Inspiration>
+
+- CSS 常用样式：<https://github.com/QiShaoXuan/css_tricks>
+
+## JavaScript
+
+- 优秀的JS代码规范：<https://github.com/ryanmcdermott/clean-code-javascript>
+
+- 据说这个项目，是宝藏：<https://github.com/dexteryy/spellbook-of-modern-webdev>
+
+## TS
+
+- TypeScript 教程：<https://github.com/xcatliu/typescript-tutorial>
+
+## 算法类
+
+- 数据结构和算法：<https://github.com/trekhleb/javascript-algorithms>
+
+- leetcode解题之路：<https://github.com/azl397985856/leetcode>
+
+- 五分钟学算法：<https://github.com/MisterBooo/LeetCodeAnimation>
+
+- LeetCode 攻略 - 2019 年 8 月上半月汇总（109 题攻略）：<https://juejin.im/post/5d522f7cf265da03c926ede5>
+
+- 极客时间 App 的《数据结构与算法之美》
+
+## Vue 教程
+
+- 你也许不知道的 Vuejs：<https://github.com/yugasun/You-May-Not-Know-Vuejs>
+
+
+## 综合类
+
+- [前端精读周刊](https://github.com/dt-fe/weekly)
+
+
+
+
+## 前端教程类
+
+## 其他
+
+- 单元测试：<https://github.com/goldbergyoni/javascript-testing-best-practices>
+
+## 面试
+
+- 反向面试（反问面试官的问题）：<https://github.com/yifeikong/reverse-interview-zh>
+
+- 掘金前端面试题合集：<https://github.com/shfshanyue/blog/blob/master/post/juejin-interview.md>
+
+## 博客
+
+- 收集优质的中文前端博客：<https://github.com/FrankFang/best-chinese-front-end-blogs>
+
+- 前端博客：<https://github.com/laizimo/zimo-article>
+
+讲得比较详细。比如说这篇：[CSS布局说——可能是最全的](https://github.com/laizimo/zimo-article/issues/36)
+
+## 文档类
+
+- 中文博客排版指南：<https://github.com/qianguyihao/document-guide>
+
+- 中国程序员容易发音错误的单词：<https://github.com/shimohq/chinese-programmer-wrong-pronunciation>
+
+## 学会提问
+
+
+- <https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way>
+
+
+
+
+
+
+
--- a/16-推荐链接/03-网站推荐.md
+++ b/16-推荐链接/03-网站推荐.md
@@ -0,0 +1,30 @@
+
+
+
+
+### 2018-10-26
+
+- 前端面试图谱：<https://yuchengkai.cn/docs/zh/>
+
+这个项目已经很全面了，是从面试的角度出发的。我自己的项目是，是从基础入门的角度出发的。可以起到互补的作用。
+
+
+
+### 2018-12-07
+
+- css的各种效果实现：<https://lhammer.cn/You-need-to-know-css/#/>
+
+css的各种效果实现（尤其是动画效果），关键时刻能救命。作者内化后输出，并贡献出来。这种也是颇为难得了。很有极客精神。
+
+比如，我在这里面找到了「抖动效果」，很有帮助。
+
+
+### 2018-12-17
+
+- github排行：<http://githubrank.com/>
+
+### 2019-10-05
+
+- 现代 JavaScript 教程：<https://zh.javascript.info/>
+
+
--- a/16-推荐链接/04-前端文章推荐.md
+++ b/16-推荐链接/04-前端文章推荐.md
@@ -0,0 +1,15 @@
+
+
+
+### 2020-04-09
+
+- [使用 ImgBot 自动为 Github 项目优化图片](https://www.cnblogs.com/lfri/p/12257277.html)
+
+
+### 2020-03-31
+
+- [基于Vue2.0 + elementUI 后台管理平台](https://www.jianshu.com/p/deeddeabdef8)
+
+这个elementUI的demo比较完整。项目地址在 [GitHub](https://github.com/xiahuahua/vue-admin-demo)上。
+
+
--- a/16-推荐链接/2018-推荐文章.md
+++ b/16-推荐链接/2018-推荐文章.md
@@ -0,0 +1,235 @@
+
+
+积累平时看到的一些好的前端文章。
+
+
+> 记录平时遇到的优质技术文章，按时间先后排序。
+
+
+### 2017-01-20
+
+- [阿里9年，我总结的前端架构演进3大阶段及团队管理心法](http://www.infoq.com/cn/news/2017/01/Ali-9-3)
+
+伟明的推荐，说是对前端开发的价值观形成有良好的影响。
+
+
+### 2017-07-13
+
+- [前端开发面试题](https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions)
+
+在逛公众号「前端大全」的时候发现的，然后顺着找到了对应的GitHub链接。面试题有答案哦。
+
+
+### 2017-07-31
+
+- [你可能不需要 Vuex](https://github.com/chenbin92/blog/issues/1)
+
+这篇文章里的流程图画得挺好看的，gif图也很小，只有200多kb。我发邮件问作者用的什么软件，很幸运的是，得到了作者的回复。答案是：
+
+- 录制 GIF：[licecap](https://github.com/justinfrankel/licecap)
+
+- 画图：[processon免费在线作图](https://www.processon.com/)
+
+
+### 2017-08-01
+
+- [资深Web技术专家曹刘阳：2016年前端技术观察](http://geek.csdn.net/news/detail/128912)
+
+有很多争议，[知乎](https://www.zhihu.com/question/53625757)上都有人评论了。
+
+
+### 2017-08-16
+
+- [道阻且长啊TAT(前端面试总结)](https://segmentfault.com/a/1190000010631325?_ea=2359607)
+
+作者毕业于华科，面的是前端的实习，还拿了不少offer：百度外卖，头条，美团，狗东，其他，最终在美团实习。我最初是在[微信公众号](https://mp.weixin.qq.com/s/_clHr5a6_JzTos9bKpvKrA)上看到的文章。
+
+
+hello。我看你拿了不少实习offer。有没有推荐的前端学习资料呀？比如说：网站、链接、书籍等。可否分享给我？如果内容较多，欢迎发表成博客。谢啦～～～
+
+
+### 2017-08-17
+
+- [面试分享：一年经验初探阿里巴巴前端社招](https://github.com/jawil/blog/issues/22)
+
+在公众号「web前端课程」上看到的文章。作者经历了4面，也是厉害了。另外，作者在gihub上的[博客](https://github.com/jawil/blog)也是出彩的。比如说下面这篇文章就值得推荐：
+
+- [挖 "掘" 淘 "金" 之 前端闯关历险记学习资料汇总](https://github.com/jawil/blog/issues/4)
+
+作者搜集了几百篇在掘金上看到的好文章，让人惊叹。
+
+
+### 2017-09-15
+
+- [你所不知道的 CSS 滤镜技巧与细节](http://www.cnblogs.com/coco1s/p/7519460.html)
+
+
+### 2017-09-19
+
+- [适合程序员的写作技法](http://www.cnblogs.com/mindwind/p/7536748.html)
+
+写作过程包括下面的部分：
+
+- 需求
+- 设计
+- 实现
+- 测试
+- 交付
+
+
+### 2018-01-09
+
+- [翻译 | 像 JavaScript 一样思考](http://www.ituring.com.cn/article/497284)
+
+在MacTalk的小密圈里看到有人分享。
+
+- [大前端公共知识杂谈](https://time.geekbang.org/column/article/241)
+
+- [小白谈数据脱敏](http://www.54tianzhisheng.cn/2017/10/28/Data-Desensitization/)
+
+
+### 2018-01-10
+
+- [MAC全栈开发环境搭建指南](https://mac.aotu.io/)
+
+今天发现这个网址，感觉还不错。在里面发现了一个比较好的Sublime Text主题。
+
+- [介绍几个上网+分流+图床工具](http://www.viyuedu.com/kaopuseo/61071.html)
+
+### 2018-01-12
+
+- [张鑫旭 | 话说我为什么要闭关学习](http://www.zhangxinxu.com/life/2013/03/%E6%88%91%E4%B8%BA%E4%BB%80%E4%B9%88%E8%A6%81%E9%97%AD%E5%85%B3%E5%AD%A6%E4%B9%A0/)
+
+作者闭关学习了半年的前端。
+
+
+### 2018-01-17
+
+- [你的简历能帮你争取到面试机会吗](http://www.cnblogs.com/JavaArchitect/archive/2018/01/09/8249594.html)
+
+- [漫话JavaScript与异步·第三话——Generator：化异步为同步](http://www.cnblogs.com/leegent/archive/2018/01/10/8207246.html)
+
+
+### 2017-01-19
+
+- [一个三年工作经验的软件工程师的经验之谈](http://www.cnblogs.com/lovesong/p/5721828.html)
+
+### 2018-01-22
+
+- [前端程序员容易忽视的一些基础知识](https://www.cnblogs.com/fsyz/p/8327451.html)
+
+
+### 2018-01-23
+
+- [2018 前端趋势：更一致，更简单](https://mp.weixin.qq.com/s/HdNQv6eRchBXpNUVRuLZpQ)
+
+
+### 2018-01-24
+
+推荐一个网站，名叫：web骇客。网址：<http://www.webhek.com/>
+
+
+比如：
+
+
+- 电影里敲代码的样子：<http://www.webhek.com/post/hackertyper.html>
+
+- 测试眼睛对颜色的敏感程度：<http://www.webhek.com/post/color-test.html>
+
+
+
+### 2018-01-25
+
+- [面试分享：一年经验初探阿里巴巴前端社招](https://www.cnblogs.com/fsyz/p/8298921.html)
+
+一般阿里社招都是招3-5年的P6+高级工程师。面试官明知道作者只有一年工作经验，在面了这么多轮之后却来一句：“我们只要高工”。这是不是太欺负人了？
+
+
+### 2018-01-28
+
+- [WEB前端工作五年了，我来告诉你如何系统的学习现在的JAVASCRIPT](http://www.cnblogs.com/gongyue/p/8073235.html)
+
+
+### 2018-01-29
+
+- [最棒的 JavaScript 学习指南（2018版）](https://www.cnblogs.com/lhb25/p/8361799.html)
+
+
+- [我们为什么选择Vue.js而不是React](http://www.infoq.com/cn/news/2016/12/why-Vue-js-no-react)
+
+
+- [【长文慎入】通信十年—通信行业分析与跳槽之路](【长文慎入】通信十年—通信行业分析与跳槽之路)
+
+
+- [我在深圳南山写代码：是在改变世界还是养家糊口](https://news.cnblogs.com/n/588481/)
+
+
+### 2018-01-31
+
+- [我所理解的前端](https://www.cnblogs.com/Smiled/p/8377188.html)
+
+
+### 2018-02-02
+
+- [开发人员的奋斗目标](https://www.cnblogs.com/1si2/p/devroad.html)
+
+
+### 2018-03-21
+
+- [十倍效能提升——Web 基础研发体系的建立](https://www.cnblogs.com/sskyy/p/8613393.html)
+
+
+
+
+
+### 2018-01-29
+
+长期写博客的人，最少能证明他是一个善于思考和总结的人。
+
+这句话的来源：[我依然坚持建议你开始写博客 | 写给我的 2017](https://www.cnblogs.com/plokmju/p/8108846.html)
+
+### 2018-03-21
+
+- [不谈面试题，谈谈招聘时我喜欢见到的特质](https://www.cnblogs.com/dino623/p/8583514.html)
+
+### 2018-04-16
+
+- [Jerry和您聊聊Chrome开发者工具](https://mp.weixin.qq.com/s/CPnbx8ZfszPEcI3Y8RittA)
+
+
+### 2018-05-01
+
+- [What makes a good front end engineer](https://www.nczonline.net/blog/2007/08/15/what-makes-a-good-front-end-engineer/)
+
+
+### 2018-05-31
+
+- [一个bit一个bit的进行 Base64 白话科普，看不懂算你输](https://mp.weixin.qq.com/s/TcJUQbqjBditRvRIHuXX-Q)
+
+
+### 2018-06-23
+
+- [技术的热门度曲线](http://www.ruanyifeng.com/blog/2017/03/gartner-hype-cycle.html)
+
+
+### 2018-07-03
+
+- [浅谈XXE攻击](http://www.freebuf.com/articles/web/126788.html)
+
+关于XXE攻击，这几天微信支付被爆出漏洞，使用微信支付的各个业务都在努力修补。
+
+
+### 2018-12-01
+
+
+- [零基础转行前端，一年工作经验，我如何入职蚂蚁金服](https://juejin.im/post/5c011c92f265da614e2bd0c2)
+
+
+
+
+
+
+
+
+
+
--- a/16-推荐链接/2019-推荐文章.md
+++ b/16-推荐链接/2019-推荐文章.md
@@ -0,0 +1,27 @@
+
+
+## 前言
+
+记录平时遇到的优质技术文章，按时间先后排序。
+
+## 内容
+
+### 2019-05-11
+
+- 《[博客园美化教程大集合----极致个性化你的专属博客（超详细，看这篇就够了）](https://www.cnblogs.com/shwee/p/9060226.html#dingzhi12)》
+
+网上写图文教程的人，还真是贴心。
+
+
+### 2019-09-06
+
+- [https://www.yuque.com/sxc/front/kvokg4](https://www.yuque.com/sxc/front/kvokg4)
+
+作者在语雀上的系列文章，都值得一看。
+
+### 2019-10-05
+
+- [前端学习网站和资源推荐](https://www.twblogs.net/a/5d400329bd9eee51fbf962b2)
+
+作者整理的一些基础性的学习资源，还可以。
+
--- a/16-推荐链接/上海有哪些IT互联网大厂.md
+++ b/16-推荐链接/上海有哪些IT互联网大厂.md
@@ -0,0 +1,105 @@
+
+
+### 一线大厂
+
+- 字节跳动/头条（上海）
+
+- 蚂蚁金服（上海）
+
+- 阿里（上海）
+
+- 饿了么。PS：阿里旗下。
+
+- 口碑（上海）。PS：阿里旗下。
+
+- 腾讯（上海）
+
+
+- 拼多多。PS：工资高，加班多（11、11、6）。
+
+- 美团点评（上海）。PS：上海的大众点评业务比美团业务多一些。
+
+- 携程。
+
+- 百度（上海）
+
+- 京东（上海）
+
+- 华为（上海）
+
+
+### 二线大厂
+
+- 爱奇艺（上海）。PS：百度旗下，独立运营；爱奇艺总部在北京，上海也有分部。性价比较高。
+
+- 哔哩哔哩。PS：地理位置在杨浦区，比较偏。
+
+- 阅文集团。PS：腾讯旗下，独立运营。
+
+### 独角兽公司
+
+- 蔚来。PS：自动驾驶领域。
+
+### 小而美的创业公司
+
+- 即刻（主要产品：即刻App）
+
+### 三线大厂
+
+- 平安系列（平安科技、平安寿险、平安产险、平安金融等，各自独立，可分开投简历）
+
+- 喜马拉雅
+
+- 蜻蜓FM
+
+- 小红书
+
+- 趣头条
+
+- WiFi万能钥匙
+
+- 巨人网络。PS：游戏领域。
+
+- 三七互娱
+
+- 盛大网络。PS：游戏领域。
+
+
+- 前程无忧（51job）
+
+### 外企-上海
+
+- 微软
+
+- Cisco（思科）
+
+- Intel（英特尔）
+
+- EMC（易安信）
+
+- SAP（思爱普）
+
+### 互联网金融
+
+- 中国银联
+
+- 陆金所
+
+- 中安在线
+
+- 东方财富
+
+### 其他公司
+
+
+
+- 触宝科技。PS：触宝输入法、触宝电话。
+
+
+### 传统行业（不仅限于IT领域）
+
+- 三大电信运营商：中国移动、中国电信、中国联通
+
+- 各大银行
+
+- 沪江英语
--- a/16-推荐链接/北京有哪些IT互联网大厂.md
+++ b/16-推荐链接/北京有哪些IT互联网大厂.md
@@ -0,0 +1,120 @@
+
+### 一线大厂
+
+- 字节跳动/头条
+
+- 腾讯（北京）
+
+- 阿里（北京）
+
+- 美团点评
+
+- 滴滴出行
+
+- 网易
+
+- 百度
+
+- 京东
+
+- 小米
+
+- 360
+
+- 华为（北京）
+
+### 二线大厂
+
+- 爱奇艺
+
+- 好未来
+
+- 腾讯音乐（TencentMusicEntertainmentGroup，简称TME）。
+
+腾讯音乐独立上市，市值近200亿。旗下产品：qq音乐、酷狗音乐、酷我音乐、全民K歌。
+
+- 快手
+
+- 京东数科
+
+- 爱奇艺
+
+- 去哪儿网
+
+- 搜狗
+
+- 知乎
+
+- 新浪微博
+
+- 新浪
+
+- 豆瓣
+
+### （准）独角兽公司
+
+- 罗辑思维（主要产品是：得到App）
+
+- 商汤科技（人工智能领域的独角兽）
+
+- 猿辅导（在线教育）
+
+- 跟谁学（在线教育）
+
+- 作业帮
+
+- VIPKID（在线青少儿英语教育品牌）
+
+- 贝壳找房
+
+- 旷视科技（人工智能领域）
+
+### 小而美的公司
+
+- 多抓鱼
+
+### 三线大厂
+
+- 58同城
+
+- 完美世界
+
+- 金山软件
+
+- 陌陌
+
+- 英雄互娱
+
+- 一点资讯（小米旗下）
+
+- 搜狐
+
+- 用友网络科技
+
+- 映客直播
+
+- 美图（北京）。PS：美图秀秀、美颜相机、美拍等。
+
+- 京东方
+
+### 外企-北京
+
+- 微软（北京）
+
+### 其他
+
+- 猎豹移动
+
+### 传统行业（不仅限于IT领域）
+
+- 链家网
+
+- 瓜子二手车
+
+- 汽车之家
+
+- 新东方
+
+
+
+
--- a/16-推荐链接/深圳有哪些IT互联网大厂.md
+++ b/16-推荐链接/深圳有哪些IT互联网大厂.md
@@ -0,0 +1,102 @@
+
+
+### 一线大厂
+
+- 腾讯
+
+- 字节跳动/头条（深圳）
+
+- 阿里（深圳）
+
+- 京东（深圳）
+
+- 百度（深圳）
+
+- 华为（深圳）
+
+
+### 二线大厂
+
+- 大疆
+
+- oppo（深圳）
+
+- 顺丰
+
+- 微众银行
+
+- vivo
+
+- 一加手机
+
+### 独角兽公司
+
+- 商汤科技（人工智能领域的独角兽）
+
+- 超级猩猩（运动健身领域的独角兽）
+
+### 小而美的公司
+
+- [HelloTalk](https://www.hellotalk.com/)。全球最大的语言学习社交社区。
+
+- 大宇无限
+
+- 知识星球
+
+- [XMind](https://www.xmind.cn/)。思维导图软件。
+
+- 房极客
+
+### 三线大厂
+
+- 平安系列（平安科技、平安寿险、平安产险、平安金融等，各自独立，可分开投简历）
+
+- Shopee（中文名“虾皮”，东南亚最大的电商平台）
+
+- 有赞（深圳）
+
+- 深信服
+
+- 中兴
+
+- 海能达（专网通信领域全国第一、全球第二，仅次于摩托罗拉）
+
+
+- 迅雷
+
+- 卷皮网
+
+### 互联网金融
+
+- 乐信
+
+- 广发
+
+- 中信
+
+- 招商
+
+### 其他
+
+- 金蝶、随手记（随手记属于金蝶旗下，但可以分开投简历）
+
+- 珍爱网
+
+- shein（跨境时尚电商）
+
+- 平安好医生
+
+### 传统行业（不仅限于IT领域）
+
+- 三大电信运营商：中国移动、中国电信、中国联通
+
+- 各大银行
+
+- 恒大、万科
+
+- 万师傅（行业领先家居服务平台）
+
+
+### 系列文章合集
+
+