1+ <!doctype html>
2+ < html >
3+ < head >
4+ < meta charset ='UTF-8 '> < meta name ='viewport ' content ='width=device-width initial-scale=1 '>
5+ < title > Untitled</ title > < link href ='https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext ' rel ='stylesheet ' type ='text/css ' /> < style type ='text/css '> html {overflow-x : initial !important ;}: root { --bg-color : # ffffff ; --text-color : # 333333 ; --select-text-bg-color : # B5D6FC ; --select-text-font-color : auto; --monospace : "Lucida Console" , Consolas, "Courier" , monospace; }
6+ html { font-size : 14px ; background-color : var (--bg-color ); color : var (--text-color ); font-family : "Helvetica Neue" , Helvetica, Arial, sans-serif; -webkit-font-smoothing : antialiased; }
7+ body { margin : 0px ; padding : 0px ; height : auto; bottom : 0px ; top : 0px ; left : 0px ; right : 0px ; font-size : 1rem ; line-height : 1.42857 ; overflow-x : hidden; background : inherit; }
8+ iframe { margin : auto; }
9+ a .url { word-break : break-all; }
10+ a : active , a : hover { outline : 0px ; }
11+ .in-text-selection , ::selection { text-shadow : none; background : var (--select-text-bg-color ); color : var (--select-text-font-color ); }
12+ # write { margin : 0px auto; height : auto; width : inherit; word-break : normal; word-wrap : break-word; position : relative; white-space : normal; overflow-x : visible; padding-top : 40px ; }
13+ # write .first-line-indent p { text-indent : 2em ; }
14+ # write .first-line-indent li p , # write .first-line-indent p * { text-indent : 0px ; }
15+ # write .first-line-indent li { margin-left : 2em ; }
16+ .for-image # write { padding-left : 8px ; padding-right : 8px ; }
17+ body .typora-export { padding-left : 30px ; padding-right : 30px ; }
18+ .typora-export .footnote-line , .typora-export li , .typora-export p { white-space : pre-wrap; }
19+ @media screen and (max-width : 500px ) {
20+ body .typora-export { padding-left : 0px ; padding-right : 0px ; }
21+ # write { padding-left : 20px ; padding-right : 20px ; }
22+ .CodeMirror-sizer { margin-left : 0px !important ; }
23+ .CodeMirror-gutters { display : none !important ; }
24+ }
25+ # write li > figure : first-child { margin-top : -20px ; }
26+ # write ol , # write ul { position : relative; }
27+ img { max-width : 100% ; vertical-align : middle; }
28+ button , input , select , textarea { color : inherit; font-style : inherit; font-variant : inherit; font-weight : inherit; font-stretch : inherit; font-size : inherit; line-height : inherit; font-family : inherit; }
29+ input [type = "checkbox" ], input [type = "radio" ] { line-height : normal; padding : 0px ; }
30+ * , ::after , ::before { box-sizing : border-box; }
31+ # write h1 , # write h2 , # write h3 , # write h4 , # write h5 , # write h6 , # write p , # write pre { width : inherit; }
32+ # write h1 , # write h2 , # write h3 , # write h4 , # write h5 , # write h6 , # write p { position : relative; }
33+ h1 , h2 , h3 , h4 , h5 , h6 { break-after : avoid-page; break-inside : avoid; orphans : 2 ; }
34+ p { orphans : 4 ; }
35+ h1 { font-size : 2rem ; }
36+ h2 { font-size : 1.8rem ; }
37+ h3 { font-size : 1.6rem ; }
38+ h4 { font-size : 1.4rem ; }
39+ h5 { font-size : 1.2rem ; }
40+ h6 { font-size : 1rem ; }
41+ .md-math-block , .md-rawblock , h1 , h2 , h3 , h4 , h5 , h6 , p { margin-top : 1rem ; margin-bottom : 1rem ; }
42+ .hidden { display : none; }
43+ .md-blockmeta { color : rgb (204 , 204 , 204 ); font-weight : 700 ; font-style : italic; }
44+ a { cursor : pointer; }
45+ sup .md-footnote { padding : 2px 4px ; background-color : rgba (238 , 238 , 238 , 0.7 ); color : rgb (85 , 85 , 85 ); border-radius : 4px ; cursor : pointer; }
46+ sup .md-footnote a , sup .md-footnote a : hover { color : inherit; text-transform : inherit; text-decoration : inherit; }
47+ # write input [type = "checkbox" ] { cursor : pointer; width : inherit; height : inherit; }
48+ figure { overflow-x : auto; margin : 1.2em 0px ; max-width : calc (100% + 16px ); padding : 0px ; }
49+ figure > table { margin : 0px !important ; }
50+ tr { break-inside : avoid; break-after : auto; }
51+ thead { display : table-header-group; }
52+ table { border-collapse : collapse; border-spacing : 0px ; width : 100% ; overflow : auto; break-inside : auto; text-align : left; }
53+ table .md-table td { min-width : 32px ; }
54+ .CodeMirror-gutters { border-right : 0px ; background-color : inherit; }
55+ .CodeMirror { text-align : left; }
56+ .CodeMirror-placeholder { opacity : 0.3 ; }
57+ .CodeMirror pre { padding : 0px 4px ; }
58+ .CodeMirror-lines { padding : 0px ; }
59+ div .hr : focus { cursor : none; }
60+ # write pre { white-space : pre-wrap; }
61+ # write .fences-no-line-wrapping pre { white-space : pre; }
62+ # write pre .ty-contain-cm { white-space : normal; }
63+ .CodeMirror-gutters { margin-right : 4px ; }
64+ .md-fences { font-size : 0.9rem ; display : block; break-inside : avoid; text-align : left; overflow : visible; white-space : pre; background : inherit; position : relative !important ; }
65+ .md-diagram-panel { width : 100% ; margin-top : 10px ; text-align : center; padding-top : 0px ; padding-bottom : 8px ; overflow-x : auto; }
66+ # write .md-fences .mock-cm { white-space : pre-wrap; }
67+ .md-fences .md-fences-with-lineno { padding-left : 0px ; }
68+ # write .fences-no-line-wrapping .md-fences .mock-cm { white-space : pre; overflow-x : auto; }
69+ .md-fences .mock-cm .md-fences-with-lineno { padding-left : 8px ; }
70+ .CodeMirror-line , twitterwidget { break-inside : avoid; }
71+ .footnotes { opacity : 0.8 ; font-size : 0.9rem ; margin-top : 1em ; margin-bottom : 1em ; }
72+ .footnotes + .footnotes { margin-top : 0px ; }
73+ .md-reset { margin : 0px ; padding : 0px ; border : 0px ; outline : 0px ; vertical-align : top; background : 0px 0px ; text-decoration : none; text-shadow : none; float : none; position : static; width : auto; height : auto; white-space : nowrap; cursor : inherit; -webkit-tap-highlight-color : transparent; line-height : normal; font-weight : 400 ; text-align : left; box-sizing : content-box; direction : ltr; }
74+ li div { padding-top : 0px ; }
75+ blockquote { margin : 1rem 0px ; }
76+ li .mathjax-block , li p { margin : 0.5rem 0px ; }
77+ li { margin : 0px ; position : relative; }
78+ blockquote > : last-child { margin-bottom : 0px ; }
79+ blockquote > : first-child , li > : first-child { margin-top : 0px ; }
80+ .footnotes-area { color : rgb (136 , 136 , 136 ); margin-top : 0.714rem ; padding-bottom : 0.143rem ; white-space : normal; }
81+ # write .footnote-line { white-space : pre-wrap; }
82+ @media print {
83+ body , html { border : 1px solid transparent; height : 99% ; break-after : avoid; break-before : avoid; }
84+ # write { margin-top : 0px ; padding-top : 0px ; border-color : transparent !important ; }
85+ .typora-export * { -webkit-print-color-adjust : exact; }
86+ html .blink-to-pdf { font-size : 13px ; }
87+ .typora-export # write { padding-left : 32px ; padding-right : 32px ; padding-bottom : 0px ; break-after : avoid; }
88+ .typora-export # write ::after { height : 0px ; }
89+ @page { margin : 20mm 0px ; }
90+ }
91+ .footnote-line { margin-top : 0.714em ; font-size : 0.7em ; }
92+ a img , img a { cursor : pointer; }
93+ pre .md-meta-block { font-size : 0.8rem ; min-height : 0.8rem ; white-space : pre-wrap; background : rgb (204 , 204 , 204 ); display : block; overflow-x : hidden; }
94+ p > .md-image : only-child : not (.md-img-error ) img , p > img : only-child { display : block; margin : auto; }
95+ p > .md-image : only-child { display : inline-block; width : 100% ; }
96+ # write .MathJax_Display { margin : 0.8em 0px 0px ; }
97+ .md-math-block { width : 100% ; }
98+ .md-math-block : not (: empty )::after { display : none; }
99+ [contenteditable = "true" ]: active , [contenteditable = "true" ]: focus { outline : 0px ; box-shadow : none; }
100+ .md-task-list-item { position : relative; list-style-type : none; }
101+ .task-list-item .md-task-list-item { padding-left : 0px ; }
102+ .md-task-list-item > input { position : absolute; top : 0px ; left : 0px ; margin-left : -1.2em ; margin-top : calc (1em - 10px ); border : none; }
103+ .math { font-size : 1rem ; }
104+ .md-toc { min-height : 3.58rem ; position : relative; font-size : 0.9rem ; border-radius : 10px ; }
105+ .md-toc-content { position : relative; margin-left : 0px ; }
106+ .md-toc-content ::after , .md-toc ::after { display : none; }
107+ .md-toc-item { display : block; color : rgb (65 , 131 , 196 ); }
108+ .md-toc-item a { text-decoration : none; }
109+ .md-toc-inner : hover { text-decoration : underline; }
110+ .md-toc-inner { display : inline-block; cursor : pointer; }
111+ .md-toc-h1 .md-toc-inner { margin-left : 0px ; font-weight : 700 ; }
112+ .md-toc-h2 .md-toc-inner { margin-left : 2em ; }
113+ .md-toc-h3 .md-toc-inner { margin-left : 4em ; }
114+ .md-toc-h4 .md-toc-inner { margin-left : 6em ; }
115+ .md-toc-h5 .md-toc-inner { margin-left : 8em ; }
116+ .md-toc-h6 .md-toc-inner { margin-left : 10em ; }
117+ @media screen and (max-width : 48em ) {
118+ .md-toc-h3 .md-toc-inner { margin-left : 3.5em ; }
119+ .md-toc-h4 .md-toc-inner { margin-left : 5em ; }
120+ .md-toc-h5 .md-toc-inner { margin-left : 6.5em ; }
121+ .md-toc-h6 .md-toc-inner { margin-left : 8em ; }
122+ }
123+ a .md-toc-inner { font-size : inherit; font-style : inherit; font-weight : inherit; line-height : inherit; }
124+ .footnote-line a : not (.reversefootnote ) { color : inherit; }
125+ .md-attr { display : none; }
126+ .md-fn-count ::after { content : "." ; }
127+ code , pre , samp , tt { font-family : var (--monospace ); }
128+ kbd { margin : 0px 0.1em ; padding : 0.1em 0.6em ; font-size : 0.8em ; color : rgb (36 , 39 , 41 ); background : rgb (255 , 255 , 255 ); border : 1px solid rgb (173 , 179 , 185 ); border-radius : 3px ; box-shadow : rgba (12 , 13 , 14 , 0.2 ) 0px 1px 0px , rgb (255 , 255 , 255 ) 0px 0px 0px 2px inset; white-space : nowrap; vertical-align : middle; }
129+ .md-comment { color : rgb (162 , 127 , 3 ); opacity : 0.8 ; font-family : var (--monospace ); }
130+ code { text-align : left; vertical-align : initial; }
131+ a .md-print-anchor { white-space : pre !important ; border-width : initial !important ; border-style : none !important ; border-color : initial !important ; display : inline-block !important ; position : absolute !important ; width : 1px !important ; right : 0px !important ; outline : 0px !important ; background : 0px 0px !important ; text-decoration : initial !important ; text-shadow : initial !important ; }
132+ .md-inline-math .MathJax_SVG .noError { display : none !important ; }
133+ .html-for-mac .inline-math-svg .MathJax_SVG { vertical-align : 0.2px ; }
134+ .md-math-block .MathJax_SVG_Display { text-align : center; margin : 0px ; position : relative; text-indent : 0px ; max-width : none; max-height : none; min-height : 0px ; min-width : 100% ; width : auto; overflow-y : hidden; display : block !important ; }
135+ .MathJax_SVG_Display , .md-inline-math .MathJax_SVG_Display { width : auto; margin : inherit; display : inline-block !important ; }
136+ .MathJax_SVG .MJX-monospace { font-family : var (--monospace ); }
137+ .MathJax_SVG .MJX-sans-serif { font-family : sans-serif; }
138+ .MathJax_SVG { display : inline; font-style : normal; font-weight : 400 ; line-height : normal; zoom : 90% ; text-indent : 0px ; text-align : left; text-transform : none; letter-spacing : normal; word-spacing : normal; word-wrap : normal; white-space : nowrap; float : none; direction : ltr; max-width : none; max-height : none; min-width : 0px ; min-height : 0px ; border : 0px ; padding : 0px ; margin : 0px ; }
139+ .MathJax_SVG * { transition : none; }
140+ .MathJax_SVG_Display svg { vertical-align : middle !important ; margin-bottom : 0px !important ; }
141+ .os-windows .monocolor-emoji .md-emoji { font-family : "Segoe UI Symbol" , sans-serif; }
142+ .md-diagram-panel > svg { max-width : 100% ; }
143+ [lang = "mermaid" ] svg , [lang = "flow" ] svg { max-width : 100% ; }
144+ [lang = "mermaid" ] .node text { font-size : 1rem ; }
145+ table tr th { border-bottom : 0px ; }
146+ video { max-width : 100% ; display : block; margin : 0px auto; }
147+ iframe { max-width : 100% ; width : 100% ; border : none; }
148+ .highlight td , .highlight tr { border : 0px ; }
149+
150+
151+ : root { --side-bar-bg-color : # fafafa ; --control-text-color : # 777 ; }
152+ html { font-size : 16px ; }
153+ body { font-family : "Open Sans" , "Clear Sans" , "Helvetica Neue" , Helvetica, Arial, sans-serif; color : rgb (51 , 51 , 51 ); line-height : 1.6 ; }
154+ # write { max-width : 860px ; margin : 0px auto; padding : 30px 30px 100px ; }
155+ # write > ul : first-child , # write > ol : first-child { margin-top : 30px ; }
156+ a { color : rgb (65 , 131 , 196 ); }
157+ h1 , h2 , h3 , h4 , h5 , h6 { position : relative; margin-top : 1rem ; margin-bottom : 1rem ; font-weight : bold; line-height : 1.4 ; cursor : text; }
158+ h1 : hover a .anchor , h2 : hover a .anchor , h3 : hover a .anchor , h4 : hover a .anchor , h5 : hover a .anchor , h6 : hover a .anchor { text-decoration : none; }
159+ h1 tt , h1 code { font-size : inherit; }
160+ h2 tt , h2 code { font-size : inherit; }
161+ h3 tt , h3 code { font-size : inherit; }
162+ h4 tt , h4 code { font-size : inherit; }
163+ h5 tt , h5 code { font-size : inherit; }
164+ h6 tt , h6 code { font-size : inherit; }
165+ h1 { padding-bottom : 0.3em ; font-size : 2.25em ; line-height : 1.2 ; border-bottom : 1px solid rgb (238 , 238 , 238 ); }
166+ h2 { padding-bottom : 0.3em ; font-size : 1.75em ; line-height : 1.225 ; border-bottom : 1px solid rgb (238 , 238 , 238 ); }
167+ h3 { font-size : 1.5em ; line-height : 1.43 ; }
168+ h4 { font-size : 1.25em ; }
169+ h5 { font-size : 1em ; }
170+ h6 { font-size : 1em ; color : rgb (119 , 119 , 119 ); }
171+ p , blockquote , ul , ol , dl , table { margin : 0.8em 0px ; }
172+ li > ol , li > ul { margin : 0px ; }
173+ hr { height : 2px ; padding : 0px ; margin : 16px 0px ; background-color : rgb (231 , 231 , 231 ); border : 0px none; overflow : hidden; box-sizing : content-box; }
174+ li p .first { display : inline-block; }
175+ ul , ol { padding-left : 30px ; }
176+ ul : first-child , ol : first-child { margin-top : 0px ; }
177+ ul : last-child , ol : last-child { margin-bottom : 0px ; }
178+ blockquote { border-left : 4px solid rgb (223 , 226 , 229 ); padding : 0px 15px ; color : rgb (119 , 119 , 119 ); }
179+ blockquote blockquote { padding-right : 0px ; }
180+ table { padding : 0px ; word-break : initial; }
181+ table tr { border-top : 1px solid rgb (223 , 226 , 229 ); margin : 0px ; padding : 0px ; }
182+ table tr : nth-child (2n), thead { background-color : rgb (248 , 248 , 248 ); }
183+ table tr th { font-weight : bold; border-width : 1px 1px 0px ; border-top-style : solid; border-right-style : solid; border-left-style : solid; border-top-color : rgb (223 , 226 , 229 ); border-right-color : rgb (223 , 226 , 229 ); border-left-color : rgb (223 , 226 , 229 ); border-image : initial; border-bottom-style : initial; border-bottom-color : initial; text-align : left; margin : 0px ; padding : 6px 13px ; }
184+ table tr td { border : 1px solid rgb (223 , 226 , 229 ); text-align : left; margin : 0px ; padding : 6px 13px ; }
185+ table tr th : first-child , table tr td : first-child { margin-top : 0px ; }
186+ table tr th : last-child , table tr td : last-child { margin-bottom : 0px ; }
187+ .CodeMirror-lines { padding-left : 4px ; }
188+ .code-tooltip { box-shadow : rgba (0 , 28 , 36 , 0.3 ) 0px 1px 1px 0px ; border-top : 1px solid rgb (238 , 242 , 242 ); }
189+ .md-fences , code , tt { border : 1px solid rgb (231 , 234 , 237 ); background-color : rgb (248 , 248 , 248 ); border-radius : 3px ; padding : 2px 4px 0px ; font-size : 0.9em ; }
190+ code { background-color : rgb (243 , 244 , 244 ); padding : 0px 2px ; }
191+ .md-fences { margin-bottom : 15px ; margin-top : 15px ; padding-top : 8px ; padding-bottom : 6px ; }
192+ .md-task-list-item > input { margin-left : -1.3em ; }
193+ @media print {
194+ html { font-size : 13px ; }
195+ table , pre { break-inside : avoid; }
196+ pre { word-wrap : break-word; }
197+ }
198+ .md-fences { background-color : rgb (248 , 248 , 248 ); }
199+ # write pre .md-meta-block { padding : 1rem ; font-size : 85% ; line-height : 1.45 ; background-color : rgb (247 , 247 , 247 ); border : 0px ; border-radius : 3px ; color : rgb (119 , 119 , 119 ); margin-top : 0px !important ; }
200+ .mathjax-block > .code-tooltip { bottom : 0.375rem ; }
201+ .md-mathjax-midline { background : rgb (250 , 250 , 250 ); }
202+ # write > h3 .md-focus ::before { left : -1.5625rem ; top : 0.375rem ; }
203+ # write > h4 .md-focus ::before { left : -1.5625rem ; top : 0.285714rem ; }
204+ # write > h5 .md-focus ::before { left : -1.5625rem ; top : 0.285714rem ; }
205+ # write > h6 .md-focus ::before { left : -1.5625rem ; top : 0.285714rem ; }
206+ .md-image > .md-meta { border-radius : 3px ; padding : 2px 0px 0px 4px ; font-size : 0.9em ; color : inherit; }
207+ .md-tag { color : rgb (167 , 167 , 167 ); opacity : 1 ; }
208+ .md-toc { margin-top : 20px ; padding-bottom : 20px ; }
209+ .sidebar-tabs { border-bottom : none; }
210+ # typora-quick-open { border : 1px solid rgb (221 , 221 , 221 ); background-color : rgb (248 , 248 , 248 ); }
211+ # typora-quick-open-item { background-color : rgb (250 , 250 , 250 ); border-color : rgb (254 , 254 , 254 ) rgb (229 , 229 , 229 ) rgb (229 , 229 , 229 ) rgb (238 , 238 , 238 ); border-style : solid; border-width : 1px ; }
212+ .on-focus-mode blockquote { border-left-color : rgba (85 , 85 , 85 , 0.12 ); }
213+ header , .context-menu , .megamenu-content , footer { font-family : "Segoe UI" , Arial, sans-serif; }
214+ .file-node-content : hover .file-node-icon , .file-node-content : hover .file-node-open-state { visibility : visible; }
215+ .mac-seamless-mode # typora-sidebar { background-color : var (--side-bar-bg-color ); }
216+ .md-lang { color : rgb (180 , 101 , 77 ); }
217+ .html-for-mac .context-menu { --item-hover-bg-color : # E6F0FE ; }
218+ # md-notification .btn { border : 0px ; }
219+ .dropdown-menu .divider { border-color : rgb (229 , 229 , 229 ); }
220+
221+
222+
223+
224+
225+ .typora-export li , .typora-export p , .typora-export , .footnote-line {white-space : normal;}
226+ </ style >
227+ </ head >
228+ < body class ='typora-export os-windows ' >
229+ < div id ='write ' class = 'is-node '> < h3 > < a name ='header-n62 ' class ='md-header-anchor '> </ a > 前言</ h3 > < p > 如果你有不错的大厂面试经历</ p > < p > 如果你对某一个Java知识点有过深刻的见解和记录</ p > < p > 如果你有什么学习编程的经验分享给其他人</ p > < p > ......</ p > < p > 如果你想,你都可以把这些整理成文章投稿给我,你的文章将被更多人看到,你所写的东西也可能会默默影响到很多人。</ p > < h3 > < a name ='header-n69 ' class ='md-header-anchor '> </ a > 欢迎的文章类型</ h3 > < p > 本公众号主要接受下面几类文章投稿:</ p > < ol start ='' > < li > 大厂Java面试经历、面试总结、面试注意事项等等</ li > < li > 对某一个Java知识点的深刻讲解</ li > < li > 技术热点</ li > < li > 一些行业内不错的人物或者公司传记</ li > < li > ......</ li > </ ol > < p > 因为本公众号主要是Java方向,所以还有其他Java方向的文章都可以投稿。</ p > < p > 投稿的要求很简单,你能把一个知识点讲清楚就好,JavaGuide 里面还有很多知识点没有加,我觉得都是不错的方向(内容我会帮你完善)。 这个投稿的目的是完善开源项目 JavaGuide 的同时能够让大家自主去学习并总结知识点。</ p > < h3 > < a name ='header-n84 ' class ='md-header-anchor '> </ a > 奖励</ h3 > < p > 投稿自己的原创文章成功之后不仅可以顺利加入32k+star 的开源项目 JavaGuide:< a href ='https://github.com/Snailclimb/JavaGuide ' target ='_blank ' class ='url '> https://github.com/Snailclimb/JavaGuide</ a > 扩大自己的竞争力,还会有50元左右的任意书籍或者50元现金奖励(对于不错的文章会更高)。</ p > < h3 > < a name ='header-n86 ' class ='md-header-anchor '> </ a > 投稿方式</ h3 > < p > 下面 2 种方式都可以</ p > < ol start ='' > < li > 将你的文章以 Markdown 格式发送到我的邮箱:< a href ='mailto:koushuangbwcx@163.com ' target ='_blank ' class ='url '> koushuangbwcx@163.com</ a > ;</ li > < li > 直接在 Github : < a href ='https://github.com/Snailclimb/JavaGuide ' target ='_blank ' class ='url '> https://github.com/Snailclimb/JavaGuide</ a > 提PR也可以 。</ li > </ ol > < p > 如果你也是公众号号主,你也有自己不错的文章想投稿给我的话,虽然你不会有奖励,但是发了你的文章之后,肯定会为你带来一些新人关注。</ p > < p > </ p > </ div >
230+ </ body >
231+ </ html >
0 commit comments