从前有一家IT公司，里面有很多人，每个人都有自己的年龄、身高、性别，等等。这些人在这家IT公司里从事着不同的职业，有负责接待的前台，有负责销售的业务员，有负责招聘的HR，有负责扫地的清洁工，还有很多很多负责敲代码的码农。

对象A：前台小妹/属性：20岁，168cm，女/行为：吃饭、走路、说话、接待

对象B：业务员老王/属性：30岁，175cm，男/行为：吃饭、走路、说话、销售

对象C：人事小花/属性：25岁，165cm，女/行为：吃饭、走路、说话、招聘

对象D：清洁工大妈/属性：40岁，160cm，女/行为：吃饭、走路、说话、扫地

对象E：码农阿磊/属性：20岁，170cm，男/行为：吃饭、走路、说话、敲代码

网址汇总

学习网址汇总

• 伯乐在线

• web前端 伯乐在线

• 前端网

• ABP官方文档

• Angular

• Typescript

官方手册

• npm package.json配置

• webpack configuration

前端开发汇总

JavaScript

ECMASCript(ES)

• JavaScript教程-网道

• JavaScript设计模式读后感

• JavaScript闭包的底层运作机制

• Understanding Super and Extends in JavaScript ES6

• Learning JavaScript with John Resig

• JavaScript 深入了解对象的属性

• JavaScript 彻底理解同步异步和事件循环

• 史上最详细的JavaScript事件使用指南

Angularjs

• Angularjs 面面观之依赖注入

• Angularjs category

Angular

• Angular4 依赖注入教程

Nodejs

• Nodejs w3schools

• 从零开始学nodejs系列教程

• nodejs学习路线图

• nodeschool

• Node.js Tutorial – Step-by-Step Guide For Getting Started

JQuery

• jQuery源码解析

CSS

HTML

后台开发汇总(C#)

• 8天掌握EF的Code First开发

• Code First Migrations-EF6

• explicit 和implicit的含义

• byte[] 之初始化赋值

• C# basic knowledge

• C# Task and Thread

• 详解学习C#的方法和步骤

• C# base 和 this 关键字

• 线程

• HttpContext

• 5天玩转C#并行和多线程编程

• WebAPI 快速入门

• ASP.NET页面与IIS底层交互和工作原理详解

• 自学MVC

• 依赖注入那些事

• Code First 开发系列之管理并发和事务

• OAuth 2.0

• .net操作进程

• Getting Started with Entity Framework 6 Code First using MVC 5

• Introduction to ASP.NET Core

数据库开发汇总

MySQL

• 简单的MySQL使用教学

SQLServer

• SQL Server 学习相关资料

ABP

• Abp框架学习之MPA实操演练

• ABP框架中的领域事件

• 简书-ABP专题

• 脚本之家-ABP专题

• 后台工作者HangFire与ABP框架Abp.HangFire及扩展

其他

• 前端知识点

• admin1000

• 前端日刊

• 技术人员如何转型做项目经理

• 学习这8个经济原理，让你的设计更值钱

• developer-roadmap in 2018

• Kafka 学习笔记

• leetcode

• 大叔推荐文章系列

• 前端进阶-升级你的网络

架构和设计模式

• 架构设计

• 设计模式的六大原则

• 设计模式-面向对象的设计原则

• 里式替换原则

面试

• JavaScript 必知的10个面试题

• 面试需要知道的8种数据结构

• 从输入URL到页面加载的过程解析

• 浏览器多进程到JS单线程，JS运行机制的讲解

• C# 面试题

• 40 important HTML 5 Interview questions with answers

• 37 Essential JavaScript Interview Questions

知识体系汇总

• github上最全的资源教程-前端涉及的所有知识体系

快捷键汇总

• Visaul Studio Code常用的快捷键

git

• Git checkout command

• Git基本命令和GitFlow工作流

docker

• Docker — 从入门到实践

整理书签汇总

HTTP

• HTTP缓存机制及原理

• 彻底理解浏览器缓存机制

• How To Optimize Your Site With HTTP Caching

• 网站性能优化实战——从12.67s到1.06s的故事

• docker 是什么，发展历史

• docker 有哪些优点和缺点

• 如何使用docker

• 与docker相关的周边技术

• 如何理解dockerfile

• docker 命令

• 命名空间与程序集的区别。

  命名空间用于对类型进行逻辑分组。程序集则是程序的物理分组，对应于一个dll或exe文件
  

• 为什么要使用两种方式分组？把逻辑分组作为物理分组不是更简单吗？

  逻辑分组主要针对开发人员，而物理分组主要针对安装和部署。

  除此之外，以下情况也需要使用两种方式分组，否则会很不方便。

   1. 团队开发。一个公司分别由不同的部门共同开发同一个命名空间的不同组件。那么不同的部门可以把他们开发的东西编译成各自的dll文件。使用时把几个dll一起引用即可。
  
   2. 一个命名空间里包含的类型太多，而有大部分是用不上的。如果把一个命名空间编译成一个dll，则会降低运行效率。
  
   3. 有时需要对一个命名空间内的类型区别对待。如果打算开发一个系列软件，该软件分普通版，专业版，高级版。越高的版本具有越高的权限（当中包含了一些高级的类），这时可以把高级的功能放到一个单独的dll来控制。
  

• 类型可以没有命名空间吗？

可以

• Object类的名字到底是Object还是System.Object?

  可以说都是也可以说都不是。

  1. 对于IL来说，确定一个类型是需要程序集+类型全名称的。比方调用Object的ToString()方法，其实是[MSCorLib.dll]System.Object::ToString()。因此CLR不知道命名空间的事情，它只知道调用MSCorLib.dll中的System.Object类。
  
  2. 对于C#来说，编译后会自动把命名空间加上点号让类型名变成全名称。但是，类名是不能出现点（.）符号的，以下代码在逻辑上是成立的，但是C#语法不允许。
  

• 命名空间和程序集的关系：

  1. 从属于一个命名空间的各个类型可能在不同的程序集中实现。例如:system.IO.FileStream类型是在MSCorlib.dll 程序集中实现的，而System.IO.FileSystemWatcher类型是在System.dll 程序集中实现的。事实上， .Net framework 甚至根本没有发布一个System.IO.dll程序集。(一个程序集内可能有多个命名空间，同一个命名空间可能存在于不同的程序集中.)
  
  2. 在一个程序集中，也可能包含不同命名空间中的类型。例如，System.Int32和System.Text.StringBuilder类型都在MSCorLib.dll程序集中。
  
  3. 在.net framework SDk文档中查找一个类型时，文档会明确的指出类型所属的命名空间，以及实现了该类型的程序集。
  

• 什么是TCP协议和UDP协议

• 解决什么问题

• 什么地方使用TCP协议以UDP协议

• 优缺点

• 三次握手四次挥手

先搞清楚vim的三种模式：

1.命令模式：在Linux终端中输入“vim 文件名”就进入了命令模式,但不能输入文字。

2.编辑模式：在命令模式下按i就会进入编辑模式，此时就可以写入程式，按Esc可回到命令模式。

3.末行模式：在命令模式下按：进入末行模式，左下角会有一个冒号出现，此时可以敲入命令并执行。

Table and windows shortcuts in Chrome

Google chrome features shortcuts

这可能是史上最全的CSS自适应布局总结教程

• 布局

• 位置

• 尺寸

访问修饰符

• public

公有访问，不受任何限制，任何地方都可以使用。

• private

私有访问修饰符，被private访问修饰符修饰的成员只有在当前类的内部可以访问，其他地方包括子类，实例一律不得访问。类中成员不用修饰符，默认为private。

• protected

表示当前类内部可以访问，并且所有的子类内部也可以访问，实例不能访问。

• internal

当前程序集内部。类的默认访问修饰符是internal。

• protected internal

兼具protected和internal的特性，当前类内部，所有子类内部，当前程序集内部都可以访问。

protected和internal访问修饰符无所谓哪个更“可访问”，因为判断标准不一样。
protected只看是否是当前类内部或者所有子类内部，与是否在同 一个程序集无关。
internal只看是否在一个程序集内，与其是否有继承关系无关。

• why we should use http?
• which situation can we use http?
• http can convenience who?
• when can we use http? Does any other method can replace http?
• http request parameter
• http request header
• http response header
• http request body
• http response body
• advantages and weakness of http
• how to improve the weakness
• what is http? what is its history?
• http status

People

:bowtie:	😄 :smile:	😆 :laughing:
😊 :blush:	😃 :smiley:	☺️ :relaxed:
😏 :smirk:	😍 :heart_eyes:	😘 :kissing_heart:
😚 :kissing_closed_eyes:	😳 :flushed:	😌 :relieved:
😆 :satisfied:	😁 :grin:	😉 :wink:
😜 :stuck_out_tongue_winking_eye:	😝 :stuck_out_tongue_closed_eyes:	😀 :grinning:
😗 :kissing:	😙 :kissing_smiling_eyes:	😛 :stuck_out_tongue:
😴 :sleeping:	😟 :worried:	😦 :frowning:
😧 :anguished:	😮 :open_mouth:	😬 :grimacing:
😕 :confused:	😯 :hushed:	😑 :expressionless:
😒 :unamused:	😅 :sweat_smile:	😓 :sweat:
😥 :disappointed_relieved:	😩 :weary:	😔 :pensive:
😞 :disappointed:	😖 :confounded:	😨 :fearful:
😰 :cold_sweat:	😣 :persevere:	😢 :cry:
😭 :sob:	😂 :joy:	😲 :astonished:
😱 :scream:	:neckbeard:	😫 :tired_face:
😠 :angry:	😡 :rage:	😤 :triumph:
😪 :sleepy:	😋 :yum:	😷 :mask:
😎 :sunglasses:	😵 :dizzy_face:	👿 :imp:
😈 :smiling_imp:	😐 :neutral_face:	😶 :no_mouth:
😇 :innocent:	👽 :alien:	💛 :yellow_heart:
💙 :blue_heart:	💜 :purple_heart:	❤️ :heart:
💚 :green_heart:	💔 :broken_heart:	💓 :heartbeat:
💗 :heartpulse:	💕 :two_hearts:	💞 :revolving_hearts:
💘 :cupid:	💖 :sparkling_heart:	✨ :sparkles:
⭐ :star:	🌟 :star2:	💫 :dizzy:
💥 :boom:	💥 :collision:	💢 :anger:
❗ :exclamation:	❓ :question:	❕ :grey_exclamation:
❔ :grey_question:	💤 :zzz:	💨 :dash:
💦 :sweat_drops:	🎶 :notes:	🎵 :musical_note:
🔥 :fire:	💩 :hankey:	💩 :poop:
💩 :shit:	👍 :+1:	👍 :thumbsup:
👎 :-1:	👎 :thumbsdown:	👌 :ok_hand:
👊 :punch:	👊 :facepunch:	✊ :fist:
✌️ :v:	👋 :wave:	✋ :hand:
✋ :raised_hand:	👐 :open_hands:	☝️ :point_up:
👇 :point_down:	👈 :point_left:	👉 :point_right:
🙌 :raised_hands:	🙏 :pray:	👆 :point_up_2:
👏 :clap:	💪 :muscle:	🤘 :metal:
🖕 :fu:	🚶 :walking:	🏃 :runner:
🏃 :running:	👫 :couple:	👪 :family:
👬 :two_men_holding_hands:	👭 :two_women_holding_hands:	💃 :dancer:
👯 :dancers:	🙆‍♀️ :ok_woman:	🙅 :no_good:
💁 :information_desk_person:	🙋 :raising_hand:	👰‍♀️ :bride_with_veil:
:person_with_pouting_face: :person_with_pouting_face:	:person_frowning: :person_frowning:	🙇 :bow:
💏 :couplekiss:	💑 :couple_with_heart:	💆 :massage:
💇 :haircut:	💅 :nail_care:	👦 :boy:
👧 :girl:	👩 :woman:	👨 :man:
👶 :baby:	👵 :older_woman:	👴 :older_man:
:person_with_blond_hair: :person_with_blond_hair:	👲 :man_with_gua_pi_mao:	👳‍♂️ :man_with_turban:
👷 :construction_worker:	👮 :cop:	👼 :angel:
👸 :princess:	😺 :smiley_cat:	😸 :smile_cat:
😻 :heart_eyes_cat:	😽 :kissing_cat:	😼 :smirk_cat:
🙀 :scream_cat:	😿 :crying_cat_face:	😹 :joy_cat:
😾 :pouting_cat:	👹 :japanese_ogre:	👺 :japanese_goblin:
🙈 :see_no_evil:	🙉 :hear_no_evil:	🙊 :speak_no_evil:
💂‍♂️ :guardsman:	💀 :skull:	🐾 :feet:
👄 :lips:	💋 :kiss:	💧 :droplet:
👂 :ear:	👀 :eyes:	👃 :nose:
👅 :tongue:	💌 :love_letter:	👤 :bust_in_silhouette:
👥 :busts_in_silhouette:	💬 :speech_balloon:	💭 :thought_balloon:
:feelsgood:	:finnadie:	:goberserk:
:godmode:	:hurtrealbad:	:rage1:
:rage2:	:rage3:	:rage4:
:suspect:	:trollface:

Nature

☀️ :sunny:	☔ :umbrella:	☁️ :cloud:
❄️ :snowflake:	⛄ :snowman:	⚡ :zap:
🌀 :cyclone:	🌁 :foggy:	🌊 :ocean:
🐱 :cat:	🐶 :dog:	🐭 :mouse:
🐹 :hamster:	🐰 :rabbit:	🐺 :wolf:
🐸 :frog:	🐯 :tiger:	🐨 :koala:
🐻 :bear:	🐷 :pig:	🐽 :pig_nose:
🐮 :cow:	🐗 :boar:	🐵 :monkey_face:
🐒 :monkey:	🐴 :horse:	🐎 :racehorse:
🐫 :camel:	🐑 :sheep:	🐘 :elephant:
🐼 :panda_face:	🐍 :snake:	🐦 :bird:
🐤 :baby_chick:	🐥 :hatched_chick:	🐣 :hatching_chick:
🐔 :chicken:	🐧 :penguin:	🐢 :turtle:
🐛 :bug:	🐝 :honeybee:	🐜 :ant:
🪲 :beetle:	🐌 :snail:	🐙 :octopus:
🐠 :tropical_fish:	🐟 :fish:	🐳 :whale:
🐋 :whale2:	🐬 :dolphin:	🐄 :cow2:
🐏 :ram:	🐀 :rat:	🐃 :water_buffalo:
🐅 :tiger2:	🐇 :rabbit2:	🐉 :dragon:
🐐 :goat:	🐓 :rooster:	🐕 :dog2:
🐖 :pig2:	🐁 :mouse2:	🐂 :ox:
🐲 :dragon_face:	🐡 :blowfish:	🐊 :crocodile:
🐪 :dromedary_camel:	🐆 :leopard:	🐈 :cat2:
🐩 :poodle:	🐾 :paw_prints:	💐 :bouquet:
🌸 :cherry_blossom:	🌷 :tulip:	🍀 :four_leaf_clover:
🌹 :rose:	🌻 :sunflower:	🌺 :hibiscus:
🍁 :maple_leaf:	🍃 :leaves:	🍂 :fallen_leaf:
🌿 :herb:	🍄 :mushroom:	🌵 :cactus:
🌴 :palm_tree:	🌲 :evergreen_tree:	🌳 :deciduous_tree:
🌰 :chestnut:	🌱 :seedling:	🌼 :blossom:
🌾 :ear_of_rice:	🐚 :shell:	🌐 :globe_with_meridians:
🌞 :sun_with_face:	🌝 :full_moon_with_face:	🌚 :new_moon_with_face:
🌑 :new_moon:	🌒 :waxing_crescent_moon:	🌓 :first_quarter_moon:
🌔 :waxing_gibbous_moon:	🌕 :full_moon:	🌖 :waning_gibbous_moon:
🌗 :last_quarter_moon:	🌘 :waning_crescent_moon:	🌜 :last_quarter_moon_with_face:
🌛 :first_quarter_moon_with_face:	🌔 :moon:	🌍 :earth_africa:
🌎 :earth_americas:	🌏 :earth_asia:	🌋 :volcano:
🌌 :milky_way:	⛅ :partly_sunny:	:octocat:
:squirrel: :squirrel:

Objects

Places

Symbols

1️⃣ :one:	2️⃣ :two:	3️⃣ :three:
4️⃣ :four:	5️⃣ :five:	6️⃣ :six:
7️⃣ :seven:	8️⃣ :eight:	9️⃣ :nine:
🔟 :keycap_ten:	🔢 :1234:	0️⃣ :zero:
#️⃣ :hash:	🔣 :symbols:	◀️ :arrow_backward:
⬇️ :arrow_down:	▶️ :arrow_forward:	⬅️ :arrow_left:
🔠 :capital_abcd:	🔡 :abcd:	🔤 :abc:
↙️ :arrow_lower_left:	↘️ :arrow_lower_right:	➡️ :arrow_right:
⬆️ :arrow_up:	↖️ :arrow_upper_left:	↗️ :arrow_upper_right:
⏬ :arrow_double_down:	⏫ :arrow_double_up:	🔽 :arrow_down_small:
⤵️ :arrow_heading_down:	⤴️ :arrow_heading_up:	↩️ :leftwards_arrow_with_hook:
↪️ :arrow_right_hook:	↔️ :left_right_arrow:	↕️ :arrow_up_down:
🔼 :arrow_up_small:	🔃 :arrows_clockwise:	🔄 :arrows_counterclockwise:
⏪ :rewind:	⏩ :fast_forward:	ℹ️ :information_source:
🆗 :ok:	🔀 :twisted_rightwards_arrows:	🔁 :repeat:
🔂 :repeat_one:	🆕 :new:	🔝 :top:
🆙 :up:	🆒 :cool:	🆓 :free:
🆖 :ng:	🎦 :cinema:	🈁 :koko:
📶 :signal_strength:	🈹 :u5272:	🈴 :u5408:
🈺 :u55b6:	🈯 :u6307:	🈷️ :u6708:
🈶 :u6709:	🈵 :u6e80:	🈚 :u7121:
🈸 :u7533:	🈳 :u7a7a:	🈲 :u7981:
🈂️ :sa:	🚻 :restroom:	🚹 :mens:
🚺 :womens:	🚼 :baby_symbol:	🚭 :no_smoking:
🅿️ :parking:	♿ :wheelchair:	🚇 :metro:
🛄 :baggage_claim:	🉑 :accept:	🚾 :wc:
🚰 :potable_water:	🚮 :put_litter_in_its_place:	㊙️ :secret:
㊗️ :congratulations:	Ⓜ️ :m:	🛂 :passport_control:
🛅 :left_luggage:	🛃 :customs:	🉐 :ideograph_advantage:
🆑 :cl:	🆘 :sos:	🆔 :id:
🚫 :no_entry_sign:	🔞 :underage:	📵 :no_mobile_phones:
🚯 :do_not_litter:	🚱 :non-potable_water:	🚳 :no_bicycles:
🚷 :no_pedestrians:	🚸 :children_crossing:	⛔ :no_entry:
✳️ :eight_spoked_asterisk:	✴️ :eight_pointed_black_star:	💟 :heart_decoration:
🆚 :vs:	📳 :vibration_mode:	📴 :mobile_phone_off:
💹 :chart:	💱 :currency_exchange:	♈ :aries:
♉ :taurus:	♊ :gemini:	♋ :cancer:
♌ :leo:	♍ :virgo:	♎ :libra:
♏ :scorpius:	♐ :sagittarius:	♑ :capricorn:
♒ :aquarius:	♓ :pisces:	⛎ :ophiuchus:
🔯 :six_pointed_star:	❎ :negative_squared_cross_mark:	🅰️ :a:
🅱️ :b:	🆎 :ab:	🅾️ :o2:
💠 :diamond_shape_with_a_dot_inside:	♻️ :recycle:	🔚 :end:
🔛 :on:	🔜 :soon:	🕐 :clock1:
🕜 :clock130:	🕙 :clock10:	🕥 :clock1030:
🕚 :clock11:	🕦 :clock1130:	🕛 :clock12:
🕧 :clock1230:	🕑 :clock2:	🕝 :clock230:
🕒 :clock3:	🕞 :clock330:	🕓 :clock4:
🕟 :clock430:	🕔 :clock5:	🕠 :clock530:
🕕 :clock6:	🕡 :clock630:	🕖 :clock7:
🕢 :clock730:	🕗 :clock8:	🕣 :clock830:
🕘 :clock9:	🕤 :clock930:	💲 :heavy_dollar_sign:
©️ :copyright:	®️ :registered:	™️ :tm:
❌ :x:	❗ :heavy_exclamation_mark:	‼️ :bangbang:
⁉️ :interrobang:	⭕ :o:	✖️ :heavy_multiplication_x:
➕ :heavy_plus_sign:	➖ :heavy_minus_sign:	➗ :heavy_division_sign:
💮 :white_flower:	💯 :100:	✔️ :heavy_check_mark:
☑️ :ballot_box_with_check:	🔘 :radio_button:	🔗 :link:
➰ :curly_loop:	〰️ :wavy_dash:	〽️ :part_alternation_mark:
🔱 :trident:	:black_square: :black_square:	:white_square: :white_square:
✅ :white_check_mark:	🔲 :black_square_button:	🔳 :white_square_button:
⚫ :black_circle:	⚪ :white_circle:	🔴 :red_circle:
🔵 :large_blue_circle:	🔷 :large_blue_diamond:	🔶 :large_orange_diamond:
🔹 :small_blue_diamond:	🔸 :small_orange_diamond:	🔺 :small_red_triangle:
🔻 :small_red_triangle_down:	:shipit:

https://stackblitz.com/edit/httpsstackoverflowcomquestions51806464how-to-create-and-downloa?file=src%2Fapp%2Fapp.component.ts

• 产生的历史背景，解决了什么问题

• 有哪些优缺点

• 这这个过程中引出了哪些新的问题

• 什么是深拷贝和浅拷贝what

• 两种拷贝之间的异同

• 为什么会出现这两种技术？why

• 何时会用到这些技术？when

• 哪些情况会用到？where

• 谁会用到这种方式？who

• 如何使用？how