使用 CodeMirror 打造属于自己的在线代码编辑器

是不是这样引入就好了呢，当然不是啦

在实际项目中，一般都不会直接把 body 整个内容作为编辑器的容器。而最常用的，是使用 textarea。这里我在 里使用个 textarea，

1
2
3

<br/><!-- end code--><br/></pre><pre class="ql-align-right">1<br/>2<br/>3<br/>//根据DOM元素的id构造出一个编辑器<br/>var editor = CodeMirror.fromTextArea(document.getElementById("code"), {<br/>});<br/></pre><p>是不是有点单调？</p><p>没错，我还可以在里面给他设置些属性：（充分利用我一开始引入的那些文件）</p><pre class="ql-align-right">1<br/>2<br/>3<br/>4<br/>5<br/>6<br/>7<br/>8<br/>9<br/>mode: "text/groovy", //实现groovy代码高亮<br/>mode: "text/x-java", //实现Java代码高亮<br/>lineNumbers: true,	//显示行号<br/>theme: "dracula",	//设置主题 <div class="lazy-load-ad"></div><br/>lineWrapping: true,	//代码折叠<br/>foldGutter: true,<br/>gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],<br/>matchBrackets: true,	//括号匹配<br/>//readOnly: true, //只读<br/></pre><p>如果需要查看更多属性，可以去官网查找，目前我只用到这些属性！</p><p><strong>下面也列举些吧：</strong></p><p><strong>indentUnit: integer</strong></p><p>缩进单位，值为空格数，默认为2 。</p><p><strong>smartIndent: boolean</strong></p><p>自动缩进，设置是否根据上下文自动缩进（和上一行相同的缩进量）。默认为true。</p><p><strong>tabSize: integer</strong></p><p>tab字符的宽度，默认为4 。</p><p><strong>indentWithTabs: boolean</strong></p><p>在缩进时，是否需要把 n*tab宽度个空格替换成n个tab字符，默认为false 。</p> <div class="lazy-load-ad"></div><p><strong>electricChars: boolean</strong></p><p>在输入可能改变当前的缩进时，是否重新缩进，默认为true （仅在mode支持缩进时有效）。</p><p><strong>specialChars: RegExp</strong></p><p>需要被占位符(placeholder)替换的特殊字符的正则表达式。最常用的是非打印字符。默认为：/[\\u0000-\\u0019\\u00ad\\u200b-\\u200f\\ufeff]/。</p><p><strong>specialCharPlaceholder: function(char) → Element</strong></p><p>这是一个接收由specialChars选项指定的字符作为参数的函数，此函数会产生一个用来显示指定字符的DOM节点。默认情况下，显示一个红点（•），这个红点有一个带有前面特殊字符编码的提示框。</p><p><strong>rtlMoveVisually: boolean</strong></p><p>Determines whether horizontal cursor movement through right-to-left (Arabic, Hebrew) text is visual (pressing the left arrow moves the cursor left) or logical (pressing the left arrow moves to the next lower index in the string, which is visually right in right-to-left text). The default is false on Windows, and true on other platforms.（这段完全不晓得搞啥子鬼）</p><p><strong>keyMap: string</strong></p><p>配置快捷键。默认值为default，即 codemorrir.js 内部定义。其它在key map目录下。</p><p><strong>extraKeys: object <div class="lazy-load-ad"></div></strong></p><p>给编辑器绑定与前面keyMap配置不同的快捷键。</p><p><strong>lineWrapping: boolean</strong></p><p>在长行时文字是换行(wrap)还是滚动(scroll)，默认为滚动(scroll)。</p><p><strong>lineNumbers: boolean</strong></p><p><strong>firstLineNumber: integer</strong></p><p>行号从哪个数开始计数，默认为1 。</p><p><strong>lineNumberFormatter: function(line: integer) → string</strong></p><p>使用一个函数设置行号。</p><p><strong>gutters: array</strong></p><p>用来添加额外的gutter（在行号gutter前或代替行号gutter）。值应该是CSS名称数组，每一项定义了用于绘制gutter背景的宽度（还有可选的背景）。为了能明确设置行号gutter的位置（默认在所有其它gutter的右边），也可以包含CodeMirror-linenumbers类。类名是用于传给setGutterMarker的键名(keys)。</p><p><strong>fixedGutter: boolean <div class="lazy-load-ad"></div></strong></p><p>设置gutter跟随编辑器内容水平滚动（false）还是固定在左侧（true或默认）。</p><p><strong>scrollbarStyle: string</strong></p><p>设置滚动条。默认为”native”，显示原生的滚动条。核心库还提供了”null”样式，此样式会完全隐藏滚动条。Addons可以设置更多的滚动条模式。</p><p><strong>coverGutterNextToScrollbar: boolean</strong></p><p>当fixedGutter启用，并且存在水平滚动条时，在滚动条最左侧默认会显示gutter，当此项设置为true时，gutter会被带有CodeMirror-gutter-filler类的元素遮挡。</p><p><strong>inputStyle: string</strong></p><p>选择CodeMirror处理输入和焦点的方式。核心库定义了textarea和contenteditable输入模式。在移动浏览器上，默认是contenteditable，在桌面浏览器上，默认是textarea。在contenteditable模式下对IME和屏幕阅读器支持更好。</p><p><strong>readOnly: boolean|string</strong></p><p>编辑器是否只读。如果设置为预设的值 “nocursor”，那么除了设置只读外，编辑区域还不能获得焦点。 <div class="lazy-load-ad"></div></p><p><strong>showCursorWhenSelecting: boolean</strong></p><p>在选择时是否显示光标，默认为false。</p><p><strong>lineWiseCopyCut: boolean</strong></p><p>启用时，如果在复制或剪切时没有选择文本，那么就会自动操作光标所在的整行。</p><p><strong>undoDepth: integer</strong></p><p>最大撤消次数，默认为200（包括选中内容改变事件） 。</p><p><strong>historyEventDelay: integer</strong></p><p>在输入或删除时引发历史事件前的毫秒数。</p><p><strong>tabindex: integer</strong></p><p><strong>autofocus: boolean</strong></p><p>是否在初始化时自动获取焦点。默认情况是关闭的。但是，在使用textarea并且没有明确指定值的时候会被自动设置为true。</p><p> <div class="lazy-load-ad"></div><strong>dragDrop: boolean</strong></p><p>是否允许拖放，默认为true。</p><p><strong>allowDropFileTypes: array</strong></p><p>默认为null。当设置此项时，只接收包含在此数组内的文件类型拖入编辑器。文件类型为MIME名称。</p><p><strong>cursorBlinkRate: number</strong></p><p>光标闪动的间隔，单位为毫秒。默认为530。当设置为0时，会禁用光标闪动。负数会隐藏光标。</p><p><strong>cursorScrollMargin: number</strong></p><p>当光标靠近可视区域边界时，光标距离上方和下方的距离。默认为0 。</p><p><strong>cursorHeight: number</strong></p><p>光标高度。默认为1，也就是撑满行高。对一些字体，设置0.85看起来会更好。</p><p><strong>resetSelectionOnContextMenu: boolean</strong></p><p>设置在选择文本外点击打开上下文菜单时，是否将光标移动到点击处。默认为true。 <div class="lazy-load-ad"></div></p><p><strong>workTime, workDelay: number</strong></p><p>通过一个假的后台线程高亮 workTime 时长，然后使用 timeout 休息 workDelay 时长。默认为200和300 。（完全不懂这个功能是在说啥）</p><p><strong>pollInterval: number</strong></p><p>指明CodeMirror向对应的textarea滚动（写数据）的速度（获得焦点时）。大多数的输入都是通过事件捕获，但是有的输入法（如IME）在某些浏览器上并不会生成事件，所以使用数据滚动。默认为100毫秒。</p><p><strong>flattenSpans: boolean</strong></p><p>默认情况下，CodeMirror会将使用相同class的两个span合并成一个。通过设置此项为false禁用此功能。</p><p><strong>addModeClass: boolean</strong></p><p>当启用时（默认禁用），会给每个标记添加额外的表示生成标记的mode的以cm-m开头的CSS样式类。例如，XML mode产生的标记，会添加cm-m-xml类。</p><p><strong>maxHighlightLength: number</strong></p><p>当需要高亮很长的行时，为了保持响应性能，当到达某些位置时，编辑器会直接将其他行设置为纯文本(plain text)。默认为10000，可以设置为Infinity来关闭此功能。 <div class="lazy-load-ad"></div></p><p><strong>viewportMargin: integer</strong></p><p>指定当前滚动到视图中内容上方和下方要渲染的行数。这会影响到滚动时要更新的行数。通常情况下应该使用默认值10。可以设置值为Infinity始终渲染整个文档。注意：这样设置在处理大文档时会影响性能。</p><hr/><p>如果你要设置代码框的大小该怎么做呢？</p><pre class="ql-align-right">1<br/>editor.setSize('800px', '950px'); //设置代码框的长宽<br/></pre><p>另外，如果你想给代码框赋值，该怎么办呢？</p><pre class="ql-align-right">1<br/>2<br/>editor.setValue(""); //给代码框赋值<br/>editor.getValue(); //获取代码框的值<br/></pre><p>如果你再想在其他地方设置新的属性，可以像下面这样写：</p><pre class="ql-align-right">1<br/>editor.setOption("readOnly", true);	//类似这种<br/></pre><h3><strong>总结</strong></h3><p>上面就大概讲了下 Code Mirror 怎么使用，那么我们来看看效果吧 <div class="lazy-load-ad"></div></p><div class="pgc-img"><img class="lazy" src="//p2.ttnews.xyz/loading.gif" data-original="//p2.ttnews.xyz/5bb4f23abd4c94343572afa1.jpg" img_width="1506" img_height="1069" style="height:1069px" alt="使用 CodeMirror 打造属于自己的在线代码编辑器" inline="0"/> <div class="lazy-load-ad"></div><p class="pgc-img-caption"/></div> 

                

            <div class="lazy-load-ad"></div>
            <!--                <!– article-bottom –>-->
            <!--                <ins class="adsbygoogle"-->
            <!--                     style="display:block"-->
            <!--                     data-ad-client="ca-pub-6979250511280268"-->
            <!--                     data-ad-slot="3655853335"-->
            <!--                     data-ad-format="auto"-->
            <!--                     data-full-width-responsive="true"></ins>-->
            <!--                <script>-->
            <!--                    (adsbygoogle = window.adsbygoogle || []).push({});-->
            <!--                </script>-->
            

            </p>
            <hr/>
            <div class="inner">
                <div class="li-img">分享到:</div>
                <div class="addthis_inline_share_toolbox li-text-full"></div>
            </div>
            <hr/>

            
            <p class="article-keywords"> 閱讀更多 <a
                    href="/s/s/JAVA高級開發/1/?lang=zh-hans"> <b>JAVA高級開發</b> </a>
                的文章
            </p>
            
            
            <p class="article-keywords">關鍵字:
                
                <a href="/s/在线/1/?lang=zh-hans">在线</a>
                
                <a href="/s/编辑器/1/?lang=zh-hans">编辑器</a>
                
                <a href="/s/Groovy/1/?lang=zh-hans">Groovy</a>
                
            </p>
            
            
            <hr/>
            

        </article>
        <script>setSrc()</script>

        <div>
            <h3>相關文章: </h3>

        </div>
        <div class="related-articles">

            
            
            <div class="article-list-elm">
                <a href="/a/5e83a349dc9b5e6845195989?lang=zh-hans" class="inner" title=" 10 个可以在平板电脑上使用的 Python 编辑器 ，让编程更贴近生活 ">
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 10 个可以在平板电脑上使用的 Python 编辑器 ，让编程更贴近生活 </h3>
                        <div class="li-sub">
                            <p>   </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5e72040edc9b5e787d5ea24e?lang=zh-hans" class="inner" title=" 编辑器 与 IDE区别 ">
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 编辑器 与 IDE区别 </h3>
                        <div class="li-sub">
                            <p>   </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5e38eef1dc9b5e514a080b4d?lang=zh-hans" class="inner" title=" 10 个可以在平板电脑上使用的 Python 编辑器 ">
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 10 个可以在平板电脑上使用的 Python 编辑器 </h3>
                        <div class="li-sub">
                            <p>   </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5dc5a24cdc9b5e51a036be23?lang=zh-hans" class="inner" title=" 文件上传漏洞学习笔记—原理、危害、解析、绕过、编辑器、服务器 ">
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 文件上传漏洞学习笔记—原理、危害、解析、绕过、编辑器、服务器 </h3>
                        <div class="li-sub">
                            <p>   </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eaa22afdc9b5e716311ee6f?lang=zh-hans" class="inner" title=" HTML 教程-(HTML5 标准）第一节 编辑器 ">
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> HTML 教程-(HTML5 标准）第一节 编辑器 </h3>
                        <div class="li-sub">
                            <p>   </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5bc3765adc9b5e5e4619b522?lang=zh-hans" class="inner" title=" 增强 Vim 编辑器，提高编辑效率 ">
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 增强 Vim 编辑器，提高编辑效率 </h3>
                        <div class="li-sub">
                            <p>   </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5b8418d4dc9b5e7c2c020fc2?lang=zh-hans" class="inner" title=" Mu 入门：一个面向初学者的 Python 编辑器 ">
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> Mu 入门：一个面向初学者的 Python 编辑器 </h3>
                        <div class="li-sub">
                            <p>   </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            
            
            <div class="article-list-elm">
                <a href="/a/5eb376cadc9b5e1fe75694eb?lang=zh-hans" class="inner" title=" 第二章 IoC容器和Bean配置 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb376c91b0879ae0e5e9258_s.jpg" width="300px"
                             alt=" 第二章 IoC容器和Bean配置 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 第二章 IoC容器和Bean配置 </h3>
                        <div class="li-sub">
                            <p>  bean是一个对象，它是由Spring </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2e359dc9b5e42cec85e31?lang=zh-hans" class="inner" title=" 运算里不得不说的python模块—math ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2e3581b0879ae0e87d209_s.jpg" width="300px"
                             alt=" 运算里不得不说的python模块—math "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 运算里不得不说的python模块—math </h3>
                        <div class="li-sub">
                            <p>  Help </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2e35adc9b5e42cec85e3c?lang=zh-hans" class="inner" title=" Devops度量--DevOps 现状快速检查表 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2e35a1b0879ae0e87dd16_s.jpg" width="300px"
                             alt=" Devops度量--DevOps 现状快速检查表 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> Devops度量--DevOps 现状快速检查表 </h3>
                        <div class="li-sub">
                            <p>  今天主要分享一个DevOps </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb35e2edc9b5e6e6aa590bf?lang=zh-hans" class="inner" title=" SOP是什么（解读） ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb35e2e1b0879ae0ee2ee44_s.jpg" width="300px"
                             alt=" SOP是什么（解读） "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> SOP是什么（解读） </h3>
                        <div class="li-sub">
                            <p>  SOP不是单个的，是一个体系，虽然我们可以单独地定义每一个SOP，但真正从企业管理来看，SOP不可能只是单个的，必然是一个整体和体系，也是企业不可或缺的。 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb3832adc9b5e5f3c554472?lang=zh-hans" class="inner" title=" 还不知道交换机上如何配置DHCP，赶紧过来围观吧，一分钟包你学会 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb3832a1b0879ae0e9ad7d9_s.jpg" width="300px"
                             alt=" 还不知道交换机上如何配置DHCP，赶紧过来围观吧，一分钟包你学会 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 还不知道交换机上如何配置DHCP，赶紧过来围观吧，一分钟包你学会 </h3>
                        <div class="li-sub">
                            <p>  随着终端设备的越来越多，人工干预配置IP地址，不仅工作效率低，而且，还很容易导致IP冲突，影响正常的网络访问。到此已经完成了，DHCP服务的配置了，我们可以在终端验证。 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb3838edc9b5e5f3c5544ef?lang=zh-hans" class="inner" title=" 还在手动配置IP地址吗？太Low了，一分钟教会您如何配置DHCP ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb3832a1b0879ae0e9ad7d9_s.jpg" width="300px"
                             alt=" 还在手动配置IP地址吗？太Low了，一分钟教会您如何配置DHCP "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 还在手动配置IP地址吗？太Low了，一分钟教会您如何配置DHCP </h3>
                        <div class="li-sub">
                            <p>  随着终端设备的越来越多，人工干预配置IP地址，不仅工作效率低，而且，还很容易导致IP冲突，影响正常的网络访问。到此已经完成了，DHCP服务的配置了，我们可以在终端验证。 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb31e5ddc9b5e7ce560d4ec?lang=zh-hans" class="inner" title=" Python爬虫自学笔记：分析头条文章网页源文件 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb31e5c1b0879ae0ea5c345_s.jpg" width="300px"
                             alt=" Python爬虫自学笔记：分析头条文章网页源文件 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> Python爬虫自学笔记：分析头条文章网页源文件 </h3>
                        <div class="li-sub">
                            <p>  这两天分析了一下头条文章网页的源文件，现在将分析的结果分享给大家。首先以一篇文章为例，其网址如下：https://www.toutiao.com/i6822245428176617998/如上图网页所示，文章中包含文字和图片。 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb36c9edc9b5e7cfa6ba103?lang=zh-hans" class="inner" title=" DNS侦查工具 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb36c9c1b0879ae0e2f65b6_s.jpg" width="300px"
                             alt=" DNS侦查工具 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> DNS侦查工具 </h3>
                        <div class="li-sub">
                            <p>  我们只需要打开浏览器输入例如:www.baidu.com就可以解析到该网站.为了便于记住不需要输入长长的IP地址去访问 这就是DNS域名解析.关于域名域名的层次划分用点来分割 这时DNS把相对应的域名解析成IP地址 高的在右边.例如:www. NS简介访问某网站的时候 最低在左边 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2cb6adc9b5e1693ab839c?lang=zh-hans" class="inner" title=" 国人开源的异步 Python ORM：GINO ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2cb6a1b0879ae0e082e13_s.jpg" width="300px"
                             alt=" 国人开源的异步 Python ORM：GINO "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 国人开源的异步 Python ORM：GINO </h3>
                        <div class="li-sub">
                            <p>  I </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb29e4ddc9b5e0aed30ad70?lang=zh-hans" class="inner" title=" 程序测评：Create React App 3.3中有哪些酷炫新功能？ ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb29e4c1b0879ae0e1d0012_s.jpg" width="300px"
                             alt=" 程序测评：Create React App 3.3中有哪些酷炫新功能？ "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 程序测评：Create React App 3.3中有哪些酷炫新功能？ </h3>
                        <div class="li-sub">
                            <p>  Create </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb29d46dc9b5e26555f898f?lang=zh-hans" class="inner" title=" “明学”的魅力？我只要我觉得：驾驭终端，提高生产力 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb29d461b0879ae0e174a6b_s.jpg" width="300px"
                             alt=" “明学”的魅力？我只要我觉得：驾驭终端，提高生产力 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> “明学”的魅力？我只要我觉得：驾驭终端，提高生产力 </h3>
                        <div class="li-sub">
                            <p>  最后一个要介绍的命令是 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2cef4dc9b5e1b72b33175?lang=zh-hans" class="inner" title=" （必收藏系列）Linux面试题——命令集 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2cef11b0879ae0e1e414c_s.jpg" width="300px"
                             alt=" （必收藏系列）Linux面试题——命令集 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> （必收藏系列）Linux面试题——命令集 </h3>
                        <div class="li-sub">
                            <p>  关注，后台私信【Linux】分享Linux入门到进阶电子书、Linux入门到精通视频教程（免费）。文件管理命令cat </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2b784dc9b5e44f43c25a7?lang=zh-hans" class="inner" title=" 五分钟学会如何在 IPFS 上部署网站 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5ddd2ddeb887aa52aa13e5a4_s.jpg" width="300px"
                             alt=" 五分钟学会如何在 IPFS 上部署网站 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 五分钟学会如何在 IPFS 上部署网站 </h3>
                        <div class="li-sub">
                            <p>  原文标题:五分钟学会如何在 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb314bbdc9b5e575404ad03?lang=zh-hans" class="inner" title=" 「正点原子NANO STM32F103开发板资料连载」第29章 内存管理实验 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5ea13424af5f9532b78cee88_s.jpg" width="300px"
                             alt=" 「正点原子NANO STM32F103开发板资料连载」第29章 内存管理实验 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 「正点原子NANO STM32F103开发板资料连载」第29章 内存管理实验 </h3>
                        <div class="li-sub">
                            <p>  1）实验平台：【正点原子】 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2ded7dc9b5e6c8f8fb71e?lang=zh-hans" class="inner" title=" 小白怎么学Web前端开发 如何成为技术达人 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2ded51b0879ae0e6fb4cc_s.jpg" width="300px"
                             alt=" 小白怎么学Web前端开发 如何成为技术达人 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 小白怎么学Web前端开发 如何成为技术达人 </h3>
                        <div class="li-sub">
                            <p>  Web前端开发工程师已经成为了很多年轻人心中的理想工作，不仅入行门槛低、而且薪资待遇和发展前景都不错，自然吸引了大批人加入行业。 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb313c0dc9b5e0986165b78?lang=zh-hans" class="inner" title=" 如何开发一个web静态服务器 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb313c01b0879ae0e728f79_s.jpg" width="300px"
                             alt=" 如何开发一个web静态服务器 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 如何开发一个web静态服务器 </h3>
                        <div class="li-sub">
                            <p>  我们都知道如今的web服务器有很多，比如著名的有apache，有nginx，有tomcat，有resin服务器，有sphere，有iis服务器等等，这些服务器都能提供web服务，并且几乎都能和多种语言进行搭配使用，那么一个web服务器都需要那些功能，开发一个web服务器都需要那些 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2ded6dc9b5e6c8f8fb71b?lang=zh-hans" class="inner" title=" 学Java编程还有前景吗 如何才能拿到高薪 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2ded21b0879ae0e6f9f1b_s.jpg" width="300px"
                             alt=" 学Java编程还有前景吗 如何才能拿到高薪 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 学Java编程还有前景吗 如何才能拿到高薪 </h3>
                        <div class="li-sub">
                            <p>  需求大、薪资高似乎是Java开发人员的标签，不过学Java编程还有前景吗？它架构在操作系统之上，屏蔽了底层的差异，真正实现了“Writeonce run </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb313cadc9b5e0986165b7e?lang=zh-hans" class="inner" title=" Python网络爬虫之配置篇（一） ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb313c91b0879ae0e72b98b_s.jpg" width="300px"
                             alt=" Python网络爬虫之配置篇（一） "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> Python网络爬虫之配置篇（一） </h3>
                        <div class="li-sub">
                            <p>  pip </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2c22adc9b5e2c814b015a?lang=zh-hans" class="inner" title=" SpringBoot 整合SpringSecurity示例实现前后分离权限注解+JWT登录认证 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2c2291b0879ae0ed2e2ff_s.jpg" width="300px"
                             alt=" SpringBoot 整合SpringSecurity示例实现前后分离权限注解+JWT登录认证 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> SpringBoot 整合SpringSecurity示例实现前后分离权限注解+JWT登录认证 </h3>
                        <div class="li-sub">
                            <p>  serverTimezone=UTC&useUnicode=true&characterEncoding=utf-8&zeroDateTimeBehavior=convertTo&useSSL=falseusername:rootpassword: </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2ab90dc9b5e665fecdc12?lang=zh-hans" class="inner" title=" Python的运行效率太低？几行代码快速提升！ ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2ab8f1b0879ae0e60f699_s.jpg" width="300px"
                             alt=" Python的运行效率太低？几行代码快速提升！ "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> Python的运行效率太低？几行代码快速提升！ </h3>
                        <div class="li-sub">
                            <p>  return的就是是你所需要的结果2.3、运行这一步就是最后一步了，只要像下面一样输入上述函数名，赋予参数值，点击运行Run，就能得到你想要的结果arg1=5 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb313cadc9b5e0986165b7d?lang=zh-hans" class="inner" title=" python的优点是什么？最新Python400集视频（附教程） ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb313c81b0879ae0e72b775_s.jpg" width="300px"
                             alt=" python的优点是什么？最新Python400集视频（附教程） "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> python的优点是什么？最新Python400集视频（附教程） </h3>
                        <div class="li-sub">
                            <p>  2020，最新Python零基础到精通资料教材，干货分享，新基础Python教材，稳稳找到过万工作，看这里，这里有你想要的所有资源哦，最强笔记，教你怎么入门提升！获取方式：私信小编“ </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb36c8ddc9b5e7cfa6ba0e7?lang=zh-hans" class="inner" title=" MySQL中OOM故障应如何下手-爱可生 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb36c8d1b0879ae0e2f1ab6_s.jpg" width="300px"
                             alt=" MySQL中OOM故障应如何下手-爱可生 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> MySQL中OOM故障应如何下手-爱可生 </h3>
                        <div class="li-sub">
                            <p>  作者：孙祚龙爱可生南区分公司交付服务部成员，实习工程师。负责公司产品问题排查及日常运维工作。本文来源：原创投稿*爱可生开源社区出品，原创内容未经授权不得随意使用，转载请联系小编并注明来源。 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2cf1bdc9b5e1b72b331f8?lang=zh-hans" class="inner" title=" 像专家一样使用 panic ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2cf1a1b0879ae0e1f3594_s.jpg" width="300px"
                             alt=" 像专家一样使用 panic "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 像专家一样使用 panic </h3>
                        <div class="li-sub">
                            <p>  |go </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb240a3dc9b5e6e9df9cb6d?lang=zh-hans" class="inner" title=" 30种不同的编程语言怎么写“Hello, World” ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb240a01b0879ae0e5779b4_s.jpg" width="300px"
                             alt=" 30种不同的编程语言怎么写“Hello, World” "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 30种不同的编程语言怎么写“Hello, World” </h3>
                        <div class="li-sub">
                            <p>  printfn </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2e38adc9b5e6c8f8fbee3?lang=zh-hans" class="inner" title=" percona QAN 介绍 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2e38a1b0879ae0e88e0e9_s.jpg" width="300px"
                             alt=" percona QAN 介绍 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> percona QAN 介绍 </h3>
                        <div class="li-sub">
                            <p>  一、背景QAN慢查询日志分析工具是PMM </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2c0d1dc9b5e2c814afd0e?lang=zh-hans" class="inner" title=" 面试官：你可以用纯CSS判断鼠标进入的方向吗？ ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2c0d11b0879ae0ecb4416_s.jpg" width="300px"
                             alt=" 面试官：你可以用纯CSS判断鼠标进入的方向吗？ "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 面试官：你可以用纯CSS判断鼠标进入的方向吗？ </h3>
                        <div class="li-sub">
                            <p>  虽然没什么软用，但是对付面试官应该是够用了。感谢面试官提出的问题，让我实现了这个功能，对CSS </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb3845ddc9b5e5f3c5545a3?lang=zh-hans" class="inner" title=" 网络工程师职业生涯中，哪两点是最重要的？ ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb3844d1b0879ae0e9fcfe4_s.jpg" width="300px"
                             alt=" 网络工程师职业生涯中，哪两点是最重要的？ "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 网络工程师职业生涯中，哪两点是最重要的？ </h3>
                        <div class="li-sub">
                            <p>  网络工程师最重要的技能是扎实的基础和非常开放的思维，微观知识扎实、宏观能力突出。项目经验也会让网络工程师基础更牢靠，网络工程师是要实战的，要避免纸上谈兵，我认为对基础理论的理解，比你清楚配置更重要。 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb263cfdc9b5e7c0a44b7be?lang=zh-hans" class="inner" title=" 交换机中相关术语代表什么意思，有必要弄清楚 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb263cf1b0879ae0e000fb4_s.jpg" width="300px"
                             alt=" 交换机中相关术语代表什么意思，有必要弄清楚 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 交换机中相关术语代表什么意思，有必要弄清楚 </h3>
                        <div class="li-sub">
                            <p>  1. </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2b8acdc9b5e44f43c26fa?lang=zh-hans" class="inner" title=" 由浅入深了解以太坊 2.0：最常见问题和最全学习清单 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5ddd2ddeb887aa52aa13e5a4_s.jpg" width="300px"
                             alt=" 由浅入深了解以太坊 2.0：最常见问题和最全学习清单 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 由浅入深了解以太坊 2.0：最常见问题和最全学习清单 </h3>
                        <div class="li-sub">
                            <p>  有关以太坊2.0 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2ccb7dc9b5e1693ab8865?lang=zh-hans" class="inner" title=" 【Linux简单实用小命令001】CentOS 7、8的防火墙端口开放 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2ccb71b0879ae0e1076cd_s.jpg" width="300px"
                             alt=" 【Linux简单实用小命令001】CentOS 7、8的防火墙端口开放 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 【Linux简单实用小命令001】CentOS 7、8的防火墙端口开放 </h3>
                        <div class="li-sub">
                            <p>  yuminstall </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2b783dc9b5e44f43c25a0?lang=zh-hans" class="inner" title=" 吃透这些IPFS硬核知识点，日后抢头矿随时“弯道超车” ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2b7831b0879ae0e9a49ee_s.jpg" width="300px"
                             alt=" 吃透这些IPFS硬核知识点，日后抢头矿随时“弯道超车” "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 吃透这些IPFS硬核知识点，日后抢头矿随时“弯道超车” </h3>
                        <div class="li-sub">
                            <p>  今天的你捉住IPFS机遇了吗？我们都知道在Filecoin网络中作为一名存储矿工，信誉对于我们是非常重要的——信誉越高，爆块几率越大。那么信誉系统现在怎么样了呢？ </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2c8a1dc9b5e22d97d6042?lang=zh-hans" class="inner" title=" Hive分桶表 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2c8a11b0879ae0ef7100b_s.jpg" width="300px"
                             alt=" Hive分桶表 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> Hive分桶表 </h3>
                        <div class="li-sub">
                            <p>  fieldsterminated </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2c895dc9b5e0ecf799e9c?lang=zh-hans" class="inner" title=" Spring中资源的加载原来是这么一回事啊！ ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2c8921b0879ae0ef6c290_s.jpg" width="300px"
                             alt=" Spring中资源的加载原来是这么一回事啊！ "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> Spring中资源的加载原来是这么一回事啊！ </h3>
                        <div class="li-sub">
                            <p>  // </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2e316dc9b5e42cec85d52?lang=zh-hans" class="inner" title=" 自己动手搭建邮件系统：怎样让Exchange Server 发出第一封邮件？ ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2e3161b0879ae0e865fe3_s.jpg" width="300px"
                             alt=" 自己动手搭建邮件系统：怎样让Exchange Server 发出第一封邮件？ "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 自己动手搭建邮件系统：怎样让Exchange Server 发出第一封邮件？ </h3>
                        <div class="li-sub">
                            <p>  编辑Exchange </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2c112dc9b5e263f863a71?lang=zh-hans" class="inner" title=" 【MySQL】RDS物理备份文件(.idb\.frm)恢复到MySQL自建数据库 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2c1121b0879ae0eccddc1_s.jpg" width="300px"
                             alt=" 【MySQL】RDS物理备份文件(.idb\.frm)恢复到MySQL自建数据库 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 【MySQL】RDS物理备份文件(.idb\.frm)恢复到MySQL自建数据库 </h3>
                        <div class="li-sub">
                            <p>  在阿里云控制台，我们能下载的文件是一个压缩包，解压之后，是.idb和.frm文件，你可能要问了，我可以直接把解压好的问题件覆盖到MySQL的data目录下吗？ </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb30a72dc9b5e260c3e1c05?lang=zh-hans" class="inner" title=" NLP算法入门系列：隐含马尔可夫链(HMM)模型的简单介绍 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb30a721b0879ae0e48b86c_s.jpg" width="300px"
                             alt=" NLP算法入门系列：隐含马尔可夫链(HMM)模型的简单介绍 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> NLP算法入门系列：隐含马尔可夫链(HMM)模型的简单介绍 </h3>
                        <div class="li-sub">
                            <p>  即，最大化 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb376d3dc9b5e1fe756950b?lang=zh-hans" class="inner" title=" 第一章 Spring Framework概述 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb376d31b0879ae0e5ec799_s.jpg" width="300px"
                             alt=" 第一章 Spring Framework概述 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 第一章 Spring Framework概述 </h3>
                        <div class="li-sub">
                            <p>  您可以在任何web </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb30a72dc9b5e260c3e1bf8?lang=zh-hans" class="inner" title=" opencv人工智能深度学习这样实现人脸的年龄检测 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb30a711b0879ae0e48b231_s.jpg" width="300px"
                             alt=" opencv人工智能深度学习这样实现人脸的年龄检测 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> opencv人工智能深度学习这样实现人脸的年龄检测 </h3>
                        <div class="li-sub">
                            <p>  前期的文章我们分享了人脸的识别以及如何进行人脸数据的训练，本期文章我们结合人脸识别的模型进行人脸年龄的检测人脸年龄的检测步骤1、首先需要进行人脸的检测2、把检测到的人脸数据给年龄检测模型去检测3、把检测结果呈现到图片上人脸年龄检测import </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2cb88dc9b5e1693ab8431?lang=zh-hans" class="inner" title=" 嵌入式linux网络编程之——5年程序员给你深度讲解socket套接字 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2cb861b0879ae0e08ebf2_s.jpg" width="300px"
                             alt=" 嵌入式linux网络编程之——5年程序员给你深度讲解socket套接字 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 嵌入式linux网络编程之——5年程序员给你深度讲解socket套接字 </h3>
                        <div class="li-sub">
                            <p>  图8-1 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb27a66dc9b5e548dd7ac6c?lang=zh-hans" class="inner" title=" 深入了解ProcessFunction的状态操作(Flink-1.10) ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb27a641b0879ae0e6c6cff_s.jpg" width="300px"
                             alt=" 深入了解ProcessFunction的状态操作(Flink-1.10) "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 深入了解ProcessFunction的状态操作(Flink-1.10) </h3>
                        <div class="li-sub">
                            <p>  先反思为何会有上述疑惑上述疑惑产生的原因，应该是受到平时使用HashMap的影响，HashMap获取值就是在调用get方法时指定key，设置值也是在put时指定key，所以看到state.value，看懂了这些，其实也是在了解DataStream/DataSetAPI的设计思路： </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2e35ddc9b5e42cec85e4e?lang=zh-hans" class="inner" title=" Redis内存分析工具--rdr安装与使用 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2e35d1b0879ae0e87ede9_s.jpg" width="300px"
                             alt=" Redis内存分析工具--rdr安装与使用 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> Redis内存分析工具--rdr安装与使用 </h3>
                        <div class="li-sub">
                            <p>  分析Redis </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb1ab79dc9b5e60afa4e434?lang=zh-hans" class="inner" title=" 资深架构师教你源码讲解zookeeper实现分布式锁以及集群搭建步骤 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb1ab6a1b0879ae0e3127de_s.jpg" width="300px"
                             alt=" 资深架构师教你源码讲解zookeeper实现分布式锁以及集群搭建步骤 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 资深架构师教你源码讲解zookeeper实现分布式锁以及集群搭建步骤 </h3>
                        <div class="li-sub">
                            <p>  //getData发现前一个子节点被删除，抛出异常 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2cb7bdc9b5e1693ab83ed?lang=zh-hans" class="inner" title=" 一行代码提升迁移性能 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5e91d8e60d8c16be894ca400_s.jpg" width="300px"
                             alt=" 一行代码提升迁移性能 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 一行代码提升迁移性能 </h3>
                        <div class="li-sub">
                            <p>  论文原址：https://arxiv.org/pdf/2003.12237.pdf开源地址：https://github.com/cuishuhao/BNM在发表在CVPR2020 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb30a72dc9b5e260c3e1c03?lang=zh-hans" class="inner" title=" 利用相似几何信息，做可泛化3D形状分割模型 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb30a721b0879ae0e48b77f_s.jpg" width="300px"
                             alt=" 利用相似几何信息，做可泛化3D形状分割模型 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 利用相似几何信息，做可泛化3D形状分割模型 </h3>
                        <div class="li-sub">
                            <p>  更具体的有以下三种典型的分割方案：FullyConvolutional-Like </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb27904dc9b5e548dd7a8ff?lang=zh-hans" class="inner" title=" 这么好用的开源计算器SpeedCrunch，没有不尝试一下的道理 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb279021b0879ae0e648a2c_s.jpg" width="300px"
                             alt=" 这么好用的开源计算器SpeedCrunch，没有不尝试一下的道理 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 这么好用的开源计算器SpeedCrunch，没有不尝试一下的道理 </h3>
                        <div class="li-sub">
                            <p>  介绍SpeedCrunch是一款高精度科学计算器，具有快速，键盘驱动的用户界面。获取方式在GitHub上搜索SpeedCrunch，就可以去到 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb316bbdc9b5e0986165de2?lang=zh-hans" class="inner" title=" 分布式缓存，真香 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb316bb1b0879ae0e812aa8_s.jpg" width="300px"
                             alt=" 分布式缓存，真香 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 分布式缓存，真香 </h3>
                        <div class="li-sub">
                            <p>  他是前易宝支付架构师、阿里云MVP、腾讯云 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2cb7cdc9b5e1693ab83f4?lang=zh-hans" class="inner" title=" 特征工程的力量 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb2cb7b1b0879ae0e089cc3_s.jpg" width="300px"
                             alt=" 特征工程的力量 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> 特征工程的力量 </h3>
                        <div class="li-sub">
                            <p>  在本文中，我希望教给您一些有关特征工程的知识，以及如何使用它来对非线性决策边界进行建模。为了说明这一点，假设恢复时间与身高和体重具有以下关系：Y=β₀+β₁+β2+β₃+noise从第三项来看，我们可以看到Y与身高和体重没有线性关系。 </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb34849dc9b5e2a9270a1b2?lang=zh-hans" class="inner" title=" java架构：天天写面向接口编程，你考虑过性能吗？大神都是这么写 ">
                    
                    <div class="li-img">
                        <img class="lazy" data-original="//p2.ttnews.xyz/5eb348491b0879ae0e7bbaf2_s.jpg" width="300px"
                             alt=" java架构：天天写面向接口编程，你考虑过性能吗？大神都是这么写 "
                             inline="0"/>
                    </div>
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> java架构：天天写面向接口编程，你考虑过性能吗？大神都是这么写 </h3>
                        <div class="li-sub">
                            <p>  public </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb275c9dc9b5e3db702be1c?lang=zh-hans" class="inner" title=" SpringBoot如何优雅的使用RocketMQ ">
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> SpringBoot如何优雅的使用RocketMQ </h3>
                        <div class="li-sub">
                            <p>  源码编译需要Maven3.2x，JDK8在根目录进行打包:Copymvn-Prelease-all </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            <div class="article-list-elm">
                <a href="/a/5eb2771bdc9b5e548dd7a623?lang=zh-hans" class="inner" title=" css代码规范工具stylelint ">
                    
                    <div class="li-text-full">
                        <h3 class="li-head"> css代码规范工具stylelint </h3>
                        <div class="li-sub">
                            <p>   "mixin" </p>
                        </div>
                    </div>
                </a>
            </div>
            <hr/>
            
            
            
            


        </div>

    </div>
</div>

        <div class="col-sm-3 offset-sm-1">
            <div class="sidebar-section">
                <div>
                </div>
                <div class="sidebar-sticky">
                    
                    <div class="lazy-load-ad"></div>
                    <br/>
                    <div class="lazy-load-ad"></div>
                    <br/>
                    <div class="lazy-load-ad"></div>
                    <br/>
                    <div class="lazy-load-ad"></div>
                    <br/>
                    <div class="lazy-load-ad"></div>
                    <br/>
                    <div class="lazy-load-ad"></div>
                    <!--                    <ins class="adsbygoogle"-->
                    <!--                         style="display:block"-->
                    <!--                         data-ad-format="autorelaxed"-->
                    <!--                         data-ad-client="ca-pub-6979250511280268"-->
                    <!--                         data-ad-slot="6692902605"></ins>-->
                    <!--                    <script>-->
                    <!--                      (adsbygoogle = window.adsbygoogle || []).push({});-->
                    <!--                    </script>-->
                    
                </div>
            </div>

        </div>
    </div>
</div>




<footer class="page-footer font-small blue pt-4 mt-4">

    <!-- Copyright -->
    <div class="footer-copyright text-center py-3">© 2018 Copyright:
        <a href="https://ttnews.xyz/?lang=zh-hans">頭條網</a>
    </div>
    <!-- Copyright -->
</footer>
<!-- Footer -->
<script async defer src="/statics/html/js/lazyload.min.js?.60"></script>
<script async src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
<script>
  setSrc();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->


<script defer src="https://www.googletagmanager.com/gtag/js?id=UA-157528441-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];

  function gtag() {
    dataLayer.push(arguments);
  }

  gtag('js', new Date());

  gtag('config', 'UA-157528441-1');
</script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script defer src="https://www.googletagmanager.com/gtag/js?id=UA-119935841-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];

  function gtag() {
    dataLayer.push(arguments);
  }

  gtag('js', new Date());

  gtag('config', 'UA-119935841-1');

</script>
</body>
</html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="e32022ffaade97d5a21beb37-|49" defer></script>