React + hooks + Ts 实现将后端响应的文件流（如Pdf）输出到浏览器下载

React 篇

一些关于react 学习与总结
这篇是记录开发中关于实现将后端响应的文件流（如Pdf）输出到浏览器下载，基于React + Hooks + Ts。
开发场景：

实现将后端响应的文件流（如Pdf）输出到浏览器下载，
思路：

使用axios库来发送请求并接收后端响应的pdf文件，然后使用Blob对象将响应数据转换为二进制数据，最后使用URL.createObjectURL()方法将二进制数据转换为URL，然后将URL赋值给a标签的href属性，再使用a标签的click()方法触发下载。
实现过程：

核心代码如下：
<Col span={22} >
       <Button type="primary" size={"large"} onClick={handleDownload} disabled={loading}>
        {loading ? '下载中...' : '下载文件'}
        {/*{pdfUrl && }*/</span><span class="token punctuation">}</span>
        <span class="token operator"><</span><span class="token operator">/</span>Button<span class="token operator">></span>
<span class="token operator"><</span><span class="token operator">/</span>Col<span class="token operator">></span>
</code></pre> 
  <blockquote> 
   <p>具体实现方法如下</p> 
  </blockquote> 
  <pre><code class="prism language-javascript">   <span class="token keyword">const</span> <span class="token punctuation">[</span>loading<span class="token punctuation">,</span> setLoading<span class="token punctuation">]</span> <span class="token operator">=</span> useState<span class="token operator"><</span>boolean<span class="token operator">></span><span class="token punctuation">(</span><span class="token boolean">false</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">//钩子函数</span>
   <span class="token keyword">const</span> <span class="token punctuation">[</span>pdfUrl<span class="token punctuation">,</span> setPdfUrl<span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token function">useState</span><span class="token punctuation">(</span><span class="token string">''</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token keyword">const</span> <span class="token function-variable function">handleDownload</span> <span class="token operator">=</span> <span class="token keyword">async</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span><span class="token punctuation">{</span>
        <span class="token function">setLoading</span><span class="token punctuation">(</span><span class="token boolean">true</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
        <span class="token keyword">try</span> <span class="token punctuation">{</span>
            <span class="token keyword">const</span> response <span class="token operator">=</span> <span class="token keyword">await</span> axios<span class="token punctuation">.</span><span class="token function">get</span><span class="token punctuation">(</span><span class="token string">"http://47.98.103:8887/oms/pdf/export_pdf_test"</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
                <span class="token literal-property property">responseType</span><span class="token operator">:</span> <span class="token string">'blob'</span><span class="token punctuation">,</span> <span class="token comment">// 告诉axios响应类型为二进制数据</span>
                <span class="token literal-property property">params</span><span class="token operator">:</span><span class="token punctuation">{</span>
                    <span class="token literal-property property">id</span><span class="token operator">:</span>companyId  <span class="token comment">//参数：传给后端的是 id 已经获取到了</span>
                <span class="token punctuation">}</span>
            <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
            <span class="token keyword">const</span> blob <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Blob</span><span class="token punctuation">(</span><span class="token punctuation">[</span>response<span class="token punctuation">.</span>data<span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token literal-property property">type</span><span class="token operator">:</span> <span class="token string">'application/pdf'</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// 将响应数据转换为二进制数据</span>
            <span class="token keyword">const</span> url <span class="token operator">=</span> <span class="token constant">URL</span><span class="token punctuation">.</span><span class="token function">createObjectURL</span><span class="token punctuation">(</span>blob<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// 将二进制数据转换为URL</span>
            <span class="token function">setPdfUrl</span><span class="token punctuation">(</span>url<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// 将URL保存到state中</span>
            <span class="token keyword">const</span> link <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">createElement</span><span class="token punctuation">(</span><span class="token string">'a'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
            link<span class="token punctuation">.</span>href <span class="token operator">=</span> url<span class="token punctuation">;</span>
            link<span class="token punctuation">.</span>download <span class="token operator">=</span> <span class="token string">'企业工商年报.pdf'</span><span class="token punctuation">;</span>
            link<span class="token punctuation">.</span><span class="token function">click</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// 触发下载</span>
            <span class="token comment">// const fileName = response.headers['content-disposition'].split('=')[1]; // 从响应头中获取文件名</span>
            <span class="token comment">// saveAs(response.data, fileName); // 使用FileSaver.js保存文件</span>
        <span class="token punctuation">}</span> <span class="token keyword">catch</span> <span class="token punctuation">(</span>error<span class="token punctuation">)</span> <span class="token punctuation">{</span>
            message<span class="token punctuation">.</span><span class="token function">error</span><span class="token punctuation">(</span><span class="token string">"服务器繁忙，请稍后重试"</span><span class="token punctuation">)</span>
            console<span class="token punctuation">.</span><span class="token function">error</span><span class="token punctuation">(</span>error<span class="token punctuation">)</span><span class="token punctuation">;</span>
        <span class="token punctuation">}</span> <span class="token keyword">finally</span> <span class="token punctuation">{</span>
            <span class="token function">setLoading</span><span class="token punctuation">(</span><span class="token boolean">false</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
        <span class="token punctuation">}</span>
    <span class="token punctuation">}</span>
</code></pre> 
  <h2>总结</h2> 
  <blockquote> 
   <p>使用useState钩子来保存PDF文件的URL。当用户点击下载按钮时，我们使用axios发送GET请求，并将响应类型设置为blob。然后，我们使用Blob对象将响应数据转换为二进制数据，并使用URL.createObjectURL()方法将其转换为URL。最后，我们将URL保存到state中，并使用a标签的click()方法触发下载</p> 
  </blockquote> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1725151052707213312"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js"></script>
                    <!-- 文章页-底部 动态广告位 -->
                    <div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
                </div>
                <div class="col-md-3">
                    <div class="row" id="ad">
                        <!-- 文章页-右侧1 动态广告位 -->
                        <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_1"> </div>
                        </div>
                        <!-- 文章页-右侧2 动态广告位 -->
                        <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_2"></div>
                        </div>
                        <!-- 文章页-右侧3 动态广告位 -->
                        <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(React,前端,react.js,pdf,前端)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1829166375982166016.htm"
                           title="APRIL 14TH–20TH 2018 -3" target="_blank">APRIL 14TH–20TH 2018 -3</a>
                        <span class="text-muted">monkey_y</span>

                        <div>2018年4月15日19:11:30ScienceandtechnologySpreadinglifetothegalaxy:LongshotsEvenlookingintotakingsmall,simpleanimalssuchastardigradesalongtoseehowtheyreacttothejourneyisdeemedtoocontroversialforNASA,andth</div>
                    </li>
                    <li><a href="/article/1829162488248233984.htm"
                           title="react面试题十" target="_blank">react面试题十</a>
                        <span class="text-muted">笃励</span>
<a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>一、React中的ContextAPI有什么作用？React中的ContextAPI是React提供的一种在组件树之间共享数据的方法，而无需在每个层级手动地通过props传递。这对于那些需要在多个层级间传递的数据（如当前认证的用户、主题或首选的UI语言）来说非常有用，因为它可以避免"propdrilling"（即通过组件树逐层传递props的过程）。ContextAPI主要包含两个React组件：</div>
                    </li>
                    <li><a href="/article/1829158703807426560.htm"
                           title="vue3+ts+canvas项目中图片进行矩形批注" target="_blank">vue3+ts+canvas项目中图片进行矩形批注</a>
                        <span class="text-muted">嘴巴嘟嘟</span>
<a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
                        <div>canvas是什么？一个html5支持的新标签，见名知意，canvas就是画板的意思，可以在canvas上画画。css画三角形很简单，但是要画五角星呢，不妨试试canvas（文档有教学）今天我们做的是在图片中画矩形，顾名思义就是模仿批注功能。看效果：废话不多说直接上代码删除import{ref,reactive,onMounted}from"vue";constflag=ref(false);co</div>
                    </li>
                    <li><a href="/article/1829156435041284096.htm"
                           title="群辉docker前端部署失败处理2" target="_blank">群辉docker前端部署失败处理2</a>
                        <span class="text-muted">脚大江山稳</span>
<a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a>
                        <div>失败的原因是需要提升权限chmod-R755/usr/share/nginx/htmlchown-Rroot:root/usr/share/nginx/htmlnginx-sreloaddockerrestartdfdgdemo_vue构建镜像处理方式RUNchmod-Ra+rw/usr/share/nginx/html</div>
                    </li>
                    <li><a href="/article/1829155046252703744.htm"
                           title="如何使用React-Lottie将动画添加到React应用" target="_blank">如何使用React-Lottie将动画添加到React应用</a>
                        <span class="text-muted">cukw6666</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a>
                        <div>介绍(Introduction)AdobeAfterEffectscanbeanintuitivewaytogeneratewebanimations,buttherehashistoricallybeenproblemsconvertingtheseanimationstowebapps.Itisusuallynecessarytouseathirdpartyprogramtoimportana</div>
                    </li>
                    <li><a href="/article/1829149749505257472.htm"
                           title="HTTP的通讯流程" target="_blank">HTTP的通讯流程</a>
                        <span class="text-muted">6230_</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/1.htm">前端基础</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/1.htm">学习方法</a>
                        <div>1、什么是HTTPhttp：是我们前/后台交互时的传输协议（即：超文本传输协议）解释：是指：在进行传输时使用的协议协议中，规定了如何连接、如何发请求、如何携带数据、获取响应数据的格式、获取响应数据时，获取结束之后的链接/断开方式等2、HTTP的工作流程和服务器建立链接建立链接后，发送一个请求给服务器（请求）服务器接受到请求以后进行相应的处理并给出一个回应（响应）断开与服务器的链接注意：并不是前端发</div>
                    </li>
                    <li><a href="/article/1829147680073412608.htm"
                           title="javaweb基于ssm框架校园即时服务平台管理系统设计与实现" target="_blank">javaweb基于ssm框架校园即时服务平台管理系统设计与实现</a>
                        <span class="text-muted">ancen_73bd</span>

                        <div>1、项目介绍系统开发平台：JDK1.8+Windows7+Maven3.6.1开发语言：Java后台框架：SSM前端：layui数据库：MySql5.7Navicat开发环境：IntellijIdea浏览器：Chrome或360浏览器本系统分为两个用户：学生、管理员。学生：可以发布任务、已接受任务、已发布任务、资料修改管理员：可以对用户进行管理、任务的管理、安全设置管理2、项目技术后端框架：SSM</div>
                    </li>
                    <li><a href="/article/1829127038926155776.htm"
                           title="前端，高度塌陷" target="_blank">前端，高度塌陷</a>
                        <span class="text-muted">沦陷_99999</span>

                        <div>本来父元素是由子元素抻开的，子元素设置了浮动之后，子元素就脱离文档流了，父元素无法抻开，就会形成高度塌陷解决高度塌陷BFC父元素的垂直外边距不会和子元素重叠开启BFC的元素不会被浮动元素所覆盖开启BFC的元素可以包含浮动的子元素如何开启BFC设置元素浮动设置元素的绝对定位设置元素为inline-block将元素的overflow设置为一个非visible的值（副作用最小的）.box{border:</div>
                    </li>
                    <li><a href="/article/1829117219393597440.htm"
                           title="编程小白如何成为大神？大学新生的最佳入门大神级攻略" target="_blank">编程小白如何成为大神？大学新生的最佳入门大神级攻略</a>
                        <span class="text-muted">一禅（OneZen）</span>
<a class="tag" taget="_blank" href="/search/%E9%9A%8F%E7%AC%94/1.htm">随笔</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a><a class="tag" taget="_blank" href="/search/%E5%85%B6%E4%BB%96/1.htm">其他</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                        <div>编程语言选择1.选择一种编程语言入门：Python：Python是初学者的绝佳选择。它语法简单、易读易写、用途广泛，广泛应用于数据科学、机器学习、Web开发、自动化测试等领域。JavaScript：对于对Web开发感兴趣的学生，JavaScript是必学的。它在前端开发中占据主导地位，并且与HTML和CSS结合使用，构建动态网页。Java：Java是一种面向对象的编程语言，广泛应用于企业级应用和A</div>
                    </li>
                    <li><a href="/article/1829099954103218176.htm"
                           title="gui.js可视化插件的使用" target="_blank">gui.js可视化插件的使用</a>
                        <span class="text-muted">我爱吃干果</span>
<a class="tag" taget="_blank" href="/search/three.js/1.htm">three.js</a><a class="tag" taget="_blank" href="/search/GUI/1.htm">GUI</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>gui插件是一个可以与前端界面相结合更改js对象属性值的插件，在平常的前端开发中我们可以使用控制台的打印工具看自己调试的值。但是在进行三维可视化开发时，一个好的角度和材质的取值是非常重要的，而这点用肉眼是看不出来的，最好的方法就是一点一点的在界面上去试，但是没改变一次就重启一个项目，比较麻烦，因此就需要gui.js来修改threejs中一些属性值，可以辅助我们以更快，更直观的方式对模型的材质和位置</div>
                    </li>
                    <li><a href="/article/1829094488249823232.htm"
                           title="如何将PDF转换成长图和一页一张的两种形式图片？" target="_blank">如何将PDF转换成长图和一页一张的两种形式图片？</a>
                        <span class="text-muted">Hiten2018</span>

                        <div>工作中我们可能经常需要将PDF转换成图片后再使用，根据不同的使用场景，有时要将PDF转成一张长图，有时则是转成每页对应一张图片，那么如何将PDF分别转成这两种形式的图片呢？一、转长图首先下载并安装PDFdo转换器，然后选择上方列表中的“PDF转图片”进入转换；接着点击下方工具栏中的添加文件，选择需要转换的PDF文件上传，另外还可修改转换后的文件保存的路径，已经导出图片的格式等。设置完成后点击右下角</div>
                    </li>
                    <li><a href="/article/1829079285986586624.htm"
                           title="解决npm install 报错 npm ERR code 128 Permission denied" target="_blank">解决npm install 报错 npm ERR code 128 Permission denied</a>
                        <span class="text-muted">segegefe</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
                        <div>目录npminstall报错最终方案处理过程初始git配置直接npminstall网上方案查看git官网一直从事java开发，以前都是有专门的前端负责vue。最近前端没到位，外采的项目，自己在阿里云服务器打包，出现npminstallssh权限报错浪费了半天时间才解决，记录下共大家参考。对外部公司心里一顿mmpnpminstall报错错误如下npmERR!code128npmERR!Anunkno</div>
                    </li>
                    <li><a href="/article/1829061006815490048.htm"
                           title="react项目登录使用验证码" target="_blank">react项目登录使用验证码</a>
                        <span class="text-muted">人鱼小姐ww</span>
<a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>react项目登录使用验证码imgSrc的格式是base64{this.state.imgSrc?(//eslint-disable-next-linejsx-a11y/alt-text{this.getCode();}}/&gt;):()}</div>
                    </li>
                    <li><a href="/article/1829048015667687424.htm"
                           title="企业如何建立商业生态系统" target="_blank">企业如何建立商业生态系统</a>
                        <span class="text-muted">学客汇</span>
<a class="tag" taget="_blank" href="/search/%E5%95%86%E4%B8%9A%E8%A7%82%E5%AF%9F/1.htm">商业观察</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E5%AD%98%E5%93%B2%E5%AD%A6/1.htm">生存哲学</a><a class="tag" taget="_blank" href="/search/%E5%95%86%E4%B8%9A%E7%A0%94%E7%A9%B6/1.htm">商业研究</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a>
                        <div>近两年，生态这个概念很热，尤其是前端时间出现乐视危机后，乐视“坏消息”不断，例如互撕易到、高管离职、拖欠供应商贷款、裁员等，乐视生态帝国摇摇欲坠。很多人又对“生态”一次产生了怀疑；乐视的“平台+内容+终端+应用”的模式到底成不成立，乐视有没有违背基本的商业规律？乐视的问题是内在逻辑问题还是外在基础工作没有做好？今晚我就跟大家简单的谈谈生态这个话题。很多企业很向往生态企业，试图构建生态型企业。互联网</div>
                    </li>
                    <li><a href="/article/1829036668951293952.htm"
                           title="通过MessageChannel实现一个深拷贝" target="_blank">通过MessageChannel实现一个深拷贝</a>
                        <span class="text-muted">会说法语的猪</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>深拷贝在前端领域已经是个老生常谈的话题了，说起深拷贝相信大多数人第一反应就是通过JSON，其他的就是可以递归手写一个深拷贝，再就是使用第三方库已经写好的深拷贝，不再重复造轮子，例如：lodash。很早之前也写过关于深拷贝的博文（js深拷贝）通过JSON进行深拷贝的一些缺陷等。但是我这篇想通过MessageChannel来实现一个深拷贝。可能很多人对MessageChannel这个API并</div>
                    </li>
                    <li><a href="/article/1829027345319686144.htm"
                           title="Vue+Springboot开发框架下对于参数的深度理解(JSON,数组，对象)" target="_blank">Vue+Springboot开发框架下对于参数的深度理解(JSON,数组，对象)</a>
                        <span class="text-muted">I like Code?</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a>
                        <div>JSON格式=》JavaScriptObjectNotation（对应前端，我觉得使用JSON格式就是啥都能存，然后直接传给后端，让后端去解析，这就很好体现了响应式开发模式，前端不直接对数据进行深度处理，而是通过后端进行处理）{}=》对应为一个对象，通过键值对进行存储以及访问{"content":"1","correct":false}发送一个包含id，name属性的对象那么后端如果只接收这个对象</div>
                    </li>
                    <li><a href="/article/1829016377378304000.htm"
                           title="python把dbc转换成excel" target="_blank">python把dbc转换成excel</a>
                        <span class="text-muted">汽车软件工程师001</span>
<a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/01_DBC/1.htm">01_DBC</a><a class="tag" taget="_blank" href="/search/excel/1.htm">excel</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/pip/1.htm">pip</a>
                        <div>要将DBC文件转换为Excel，你可以使用pandas库来读取DBC文件，然后使用openpyxl库来创建和写入Excel文件。以下是一个简单的例子：首先，安装必要的库（如果尚未安装）：(提示：canmatrix库在1.0版本没有load函数)pipinstallpandascanmatrixopenpyxl然后，使用以下Python代码进行转换：importpandasaspdfromcanma</div>
                    </li>
                    <li><a href="/article/1829012848999755776.htm"
                           title="【前端基础篇】JavaScript之jQuery介绍" target="_blank">【前端基础篇】JavaScript之jQuery介绍</a>
                        <span class="text-muted">Trouvaille ~</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/1.htm">前端基础</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E4%BB%B6/1.htm">事件</a><a class="tag" taget="_blank" href="/search/%E9%80%89%E6%8B%A9%E5%99%A8/1.htm">选择器</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>文章目录前言JQuery基本介绍和使用方法引入依赖jQuery语法jQuery选择器jQuery事件操作元素获取/设置元素内容获取/设置元素属性获取/返回css属性添加元素删除元素总结：常用的jQuery方法-详细解释与示例事件处理拓展-详细解释与示例其他拓展内容前言在阅读过程中可以把代码片复制到vscode上去浏览器看实际效果，更易理解喔JQuery基本介绍和使用方法W3C标准给我们提供了⼀系列</div>
                    </li>
                    <li><a href="/article/1829001378530422784.htm"
                           title="PDF神器！Stirling-PDF，告别烦人会员！" target="_blank">PDF神器！Stirling-PDF，告别烦人会员！</a>
                        <span class="text-muted">辣码甄源</span>
<a class="tag" taget="_blank" href="/search/%E7%B2%BE%E5%93%81%E5%BC%80%E6%BA%90%E5%BA%94%E7%94%A8%E5%88%86%E4%BA%AB/1.htm">精品开源应用分享</a><a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E8%BD%AF%E4%BB%B6/1.htm">开源软件</a>
                        <div>Stirling-PDF：告别付费，随心编辑与转换，PDF文件轻松驾驭-精选真开源，释放新价值。概览你或许面对这样的情况：需要合并几个PDF，或者需要将一份PDF文件拆分，又或者需要调整PDF中的页面顺序，但是，找到的线上工具要么广告满天飞，要么需要付费使用或者会员登录。Stirling-PD可以解决你的问题。Stirling-PDF是一个基于spring-boot开发的开源项目，旨在提供一个功能</div>
                    </li>
                    <li><a href="/article/1828992808501997568.htm"
                           title="【菜狗学前端】 初探TS（结合在vue3中的使用）" target="_blank">【菜狗学前端】 初探TS（结合在vue3中的使用）</a>
                        <span class="text-muted">佛系菜狗</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>TypeScript是拥有类型的JavaScript超集，它可以编译成普通、干净、完整的JavaScript代码。我们可以将TypeScript理解成加强版的JavaScript。简单来说:Ts是带类型语法的Js;Ts是Js的超集TS官方网站：https://www.typescriptlang.org/TS中文官网：https://www.tslang.cn/一、基础语法js已有类型：基本类型:</div>
                    </li>
                    <li><a href="/article/1828981718246322176.htm"
                           title="java计算机毕业设计智能停车场管理系统源码+mysql数据库+系统+部署+lw文档" target="_blank">java计算机毕业设计智能停车场管理系统源码+mysql数据库+系统+部署+lw文档</a>
                        <span class="text-muted">法姆利</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>java计算机毕业设计智能停车场管理系统源码+mysql数据库+系统+部署+lw文档java计算机毕业设计智能停车场管理系统源码+mysql数据库+系统+部署+lw文档本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8</div>
                    </li>
                    <li><a href="/article/1828975672475873280.htm"
                           title="【组件】layui-v2.9.14" target="_blank">【组件】layui-v2.9.14</a>
                        <span class="text-muted">smart_dream</span>
<a class="tag" taget="_blank" href="/search/layui/1.htm">layui</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>官网：Layui-极简模块化前端UI组件库(官方文档)github：GitHub-layui/layui:一套遵循原生态开发模式的WebUI组件库，采用自身轻量级模块化规范，易上手，可以更简单快速地构建网页界面。gitee：Layui:一套开源免费且受众广泛的WebUI组件库下载：可以在官网首页或更新日志页面下载到Layuilayer：通用弹出层组件layer-Layui文档laydate：Lay</div>
                    </li>
                    <li><a href="/article/1828971004043554816.htm"
                           title="JSP/JAVAWEB/SSM/J2EE高考志愿填报推荐系统的开发" target="_blank">JSP/JAVAWEB/SSM/J2EE高考志愿填报推荐系统的开发</a>
                        <span class="text-muted">计算机程序设计开发</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/javaweb/1.htm">javaweb</a><a class="tag" taget="_blank" href="/search/ssm/1.htm">ssm</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E8%8D%90%E7%B3%BB%E7%BB%9F/1.htm">推荐系统</a>
                        <div>目录1、概述2、功能描述3、数据表4、目录结构5、实现过程5.1SRC目录5.2webroot前端文件6、最终效果6.1前台用户效果6.2后台管理员用户效果1、概述开发环境：jdk1.8、tomcat7.0、mysql5.2开发工具：idea2019.3.1、navicat15编程语言后端：java；框架和引用的包：JavaBeanServletMVC、log4j.jar编程语言前端：JSP、ht</div>
                    </li>
                    <li><a href="/article/1828969240351305728.htm"
                           title="采用Angular + NG-ZORRO + Ng Alain 框架搭建的 MES前端框架" target="_blank">采用Angular + NG-ZORRO + Ng Alain 框架搭建的 MES前端框架</a>
                        <span class="text-muted">潜龙在渊</span>
<a class="tag" taget="_blank" href="/search/Angular/1.htm">Angular</a><a class="tag" taget="_blank" href="/search/NG-ZORRO/1.htm">NG-ZORRO</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
                        <div>闲来无事，想了解下Angular开发技术栈，以备不时之需，断断续续花费1-2周时间，基本掌握antdesign旗下的Angular前端框架。采用开发工具：VisualStudioCode技术栈：Angular，Typescript，NG-ZORRO,AntDesign,NgAlain等另外，这个不完整的demo，也有助于理解钉钉平台下内部系统对接流程</div>
                    </li>
                    <li><a href="/article/1828965709292597248.htm"
                           title="Vue在线预览文件（docx/xlsx/pdf）" target="_blank">Vue在线预览文件（docx/xlsx/pdf）</a>
                        <span class="text-muted">Cxiaomu</span>
<a class="tag" taget="_blank" href="/search/%E6%8F%92%E4%BB%B6/1.htm">插件</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/VUE2/1.htm">VUE2</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>技术栈：Vue2+vue-office+ElementUI简介在Vue开发中，可以利用一些第三方插件来实现文件预览功能。例如使用vue-office插件来实现pdf、docx、xlsx文件的预览。注意：据网上资料所说，此插件还存在部分缺陷，比如docx的艺术字体、excel的多种数据格式解析不准确的问题，对此有很高要求的小伙伴慎用。另外，网上资料有说：为什么基本找不到doc或xls的在线预览，首先</div>
                    </li>
                    <li><a href="/article/1828963102658490368.htm"
                           title="React Native for Arcgis 地图开发 MapView 使用 （四）" target="_blank">React Native for Arcgis 地图开发 MapView 使用 （四）</a>
                        <span class="text-muted">haibalai</span>

                        <div>对于地图调用import{MapView}from'@haibalai/react-native-arcgis';classMainMapViewextendsReact.Componentrender(){return()}}针对之前说的配置底图，可以支持切换```javascriptimport{MapManager}from'@haibalai/react-native-arcgis';ch</div>
                    </li>
                    <li><a href="/article/1828945412283789312.htm"
                           title="简单工作流（后端部分-spring boot，顺便优化了下ui）" target="_blank">简单工作流（后端部分-spring boot，顺便优化了下ui）</a>
                        <span class="text-muted">liaoyuecai</span>
<a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a>
                        <div>整个项目我丢到github上去了，需要copy的可以直接去githubhttps://github.com/liaoyuecai/demo前端部分目录在：/react/antd-pro-demo/src/pages/workflow后端部分目录在：/java/spring-boot-demo/src/main/java/com/demo/workflow我这边用的JPA做持久化，如果是mybati</div>
                    </li>
                    <li><a href="/article/1828942026180227072.htm"
                           title="用JavaScript实现的5个常见函数" target="_blank">用JavaScript实现的5个常见函数</a>
                        <span class="text-muted">强哥科技兴</span>

                        <div>在学习JavaScript，或者前端面试中，有人会问你节流函数、防抖函数、递归函数等，本文分享了5个常见函数，希望对你有所帮助。在JavaScript中有一些问题会被拿出来经常讨论，这些问题每个人都有不同的思路，想要理解这些问题，最好的方法就是自己实现一遍，话不多说，开始正题。数组扁平化数组扁平化有很多方法，但最终最好的方法就是递归，实现一个指定深度的扁平化方法，这样基本的套路都会了解。1func</div>
                    </li>
                    <li><a href="/article/1828933753557315584.htm"
                           title="Vue2.X是如何利用Object.defineProperty()实现数据绑定的" target="_blank">Vue2.X是如何利用Object.defineProperty()实现数据绑定的</a>
                        <span class="text-muted">伯约同学</span>

                        <div>Vue2.X是如何利用Object.defineProperty()实现数据绑定的上一篇文章写到了Object.defineProperty的使用，这篇文章说一下Vue是如何利用这个方法实现数据绑定的。首先把Vue中的核心方法defineReactive做一些简化functiondefineReactive(obj,key,val,cb){vardep=newDep();Object.define</div>
                    </li>
                    <li><a href="/article/1828932925828198400.htm"
                           title="node.js版本管理器——NVM" target="_blank">node.js版本管理器——NVM</a>
                        <span class="text-muted">小清20</span>
<a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>在日常工作中，需同时开发好几个前端项目的时候，可能不同项目使用的node的版本也不一样，而一台电脑只能安装和同时使用一个版本的node，这个时候我们需要借助NVM来管理node的版本了。下面一起来看下是怎么使用NVM的吧。一、什么是NVMnvm的全称是node.jsversionmanagement，是专门用来管理node版本的工具，可用对node的版本进行查看、下载、切换使用等操作二、如何安装N</div>
                    </li>
                                <li><a href="/article/15.htm"
                                       title="Spring4.1新特性——Spring MVC增强" target="_blank">Spring4.1新特性——Spring MVC增强</a>
                                    <span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/spring+4.1/1.htm">spring 4.1</a>
                                    <div>目录 
Spring4.1新特性——综述 
Spring4.1新特性——Spring核心部分及其他 
Spring4.1新特性——Spring缓存框架增强 
Spring4.1新特性——异步调用和事件机制的异常处理 
Spring4.1新特性——数据库集成测试脚本初始化 
Spring4.1新特性——Spring MVC增强 
Spring4.1新特性——页面自动化测试框架Spring MVC T</div>
                                </li>
                                <li><a href="/article/142.htm"
                                       title="mysql 性能查询优化" target="_blank">mysql 性能查询优化</a>
                                    <span class="text-muted">annan211</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E4%BC%98%E5%8C%96/1.htm">优化</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a>
                                    <div>

1 时间到底花在哪了？
  mysql在执行查询的时候需要执行一系列的子任务，这些子任务包含了整个查询周期最重要的阶段，这其中包含了大量为了
  检索数据列到存储引擎的调用以及调用后的数据处理，包括排序、分组等。在完成这些任务的时候，查询需要在不同的地方
  花费时间，包括网络、cpu计算、生成统计信息和执行计划、锁等待等。尤其是向底层存储引擎检索数据的调用操作。这些调用需要在内存操</div>
                                </li>
                                <li><a href="/article/269.htm"
                                       title="windows系统配置" target="_blank">windows系统配置</a>
                                    <span class="text-muted">cherishLC</span>
<a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a>
                                    <div>删除Hiberfil.sys ：使用命令powercfg -h off 关闭休眠功能即可： 
http://jingyan.baidu.com/article/f3ad7d0fc0992e09c2345b51.html 
类似的还有pagefile.sys 
 
msconfig 配置启动项 
shutdown 定时关机 
 
ipconfig 查看网络配置 
ipconfig /flushdns</div>
                                </li>
                                <li><a href="/article/396.htm"
                                       title="人体的排毒时间" target="_blank">人体的排毒时间</a>
                                    <span class="text-muted">Array_06</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a>
                                    <div>======================== 
||&nbsp; 人体的排毒时间是什么时候？|| 
========================  
 
转载于： 
http://zhidao.baidu.com/link?url=ibaGlicVslAQhVdWWVevU4TMjhiKaNBWCpZ1NS6igCQ78EkNJZFsEjCjl3T5EdXU9SaPg04bh8MbY1bR</div>
                                </li>
                                <li><a href="/article/523.htm"
                                       title="ZooKeeper" target="_blank">ZooKeeper</a>
                                    <span class="text-muted">cugfy</span>
<a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a>
                                    <div>Zookeeper是一个高性能，分布式的，开源分布式应用协调服务。它提供了简单原始的功能，分布式应用可以基于它实现更高级的服务，比如同步， 配置管理，集群管理，名空间。它被设计为易于编程，使用文件系统目录树作为数据模型。服务端跑在java上，提供java和C的客户端API。 Zookeeper是Google的Chubby一个开源的实现，是高有效和可靠的协同工作系统，Zookeeper能够用来lea</div>
                                </li>
                                <li><a href="/article/650.htm"
                                       title="网络爬虫的乱码处理" target="_blank">网络爬虫的乱码处理</a>
                                    <span class="text-muted">随意而生</span>
<a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a>
                                    <div>下边简单总结下关于网络爬虫的乱码处理。注意，这里不仅是中文乱码，还包括一些如日文、韩文 、俄文、藏文之类的乱码处理，因为他们的解决方式 是一致的，故在此统一说明。 &nbsp;&nbsp;&nbsp; 网络爬虫，有两种选择，一是选择nutch、hetriex，二是自写爬虫，两者在处理乱码时，原理是一致的，但前者处理乱码时，要看懂源码后进行修改才可以，所以要废劲一些；而后者更自由方便，可以在编码处理</div>
                                </li>
                                <li><a href="/article/777.htm"
                                       title="Xcode常用快捷键" target="_blank">Xcode常用快捷键</a>
                                    <span class="text-muted">张亚雄</span>
<a class="tag" taget="_blank" href="/search/xcode/1.htm">xcode</a>
                                    <div>一、总结的常用命令： 
 
&nbsp;&nbsp;&nbsp; 隐藏xcode command+h 
 
&nbsp;&nbsp;&nbsp; 退出xcode command+q 
 
&nbsp;&nbsp;&nbsp; 关闭窗口 command+w 
 
&nbsp;&nbsp;&nbsp; 关闭所有窗口 command+option+w 
 
&nbsp;&nbsp;&nbsp; 关闭当前</div>
                                </li>
                                <li><a href="/article/904.htm"
                                       title="mongoDB索引操作" target="_blank">mongoDB索引操作</a>
                                    <span class="text-muted">adminjun</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E7%B4%A2%E5%BC%95/1.htm">索引</a>
                                    <div>一、索引基础：&nbsp;&nbsp; &nbsp;MongoDB的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的优化技巧。下面是创建索引的命令：&nbsp;&nbsp; &nbsp;&gt; db.test.ensureIndex({&quot;username&quot;:1})&nbsp;&nbsp; &nbsp;可以通过下面的名称查看索引是否已经成功建立：&nbsp;&nbs</div>
                                </li>
                                <li><a href="/article/1031.htm"
                                       title="成都软件园实习那些话" target="_blank">成都软件园实习那些话</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/%E6%88%90%E9%83%BD+%E8%BD%AF%E4%BB%B6%E5%9B%AD+%E5%AE%9E%E4%B9%A0/1.htm">成都 软件园 实习</a>
                                    <div>无聊之中，翻了一下日志，发现上一篇经历是很久以前的事了，悔过~~ 
　　断断续续离开了学校快一年了，习惯了那里一天天的幼稚、成长的环境，到这里有点与世隔绝的感觉。不过还好，那是刚到这里时的想法，现在感觉在这挺好，不管怎么样，最要感谢的还是老师能给这么好的一次催化成长的机会，在这里确实看到了好多好多能想到或想不到的东西。 
　　都说在外面和学校相比最明显的差距就是与人相处比较困难，因为在外面每个人都</div>
                                </li>
                                <li><a href="/article/1158.htm"
                                       title="Linux下FTP服务器安装及配置" target="_blank">Linux下FTP服务器安装及配置</a>
                                    <span class="text-muted">ayaoxinchao</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/FTP%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">FTP服务器</a><a class="tag" taget="_blank" href="/search/vsftp/1.htm">vsftp</a>
                                    <div>检测是否安装了FTP 
[root@localhost ~]# rpm -q vsftpd 
如果未安装：package vsftpd is not installed&nbsp; 安装了则显示：vsftpd-2.0.5-28.el5累死的版本信息 
&nbsp; 
安装FTP 
运行yum install vsftpd命令，如[root@localhost ~]# yum install vsf</div>
                                </li>
                                <li><a href="/article/1285.htm"
                                       title="使用mongo-java-driver获取文档id和查找文档" target="_blank">使用mongo-java-driver获取文档id和查找文档</a>
                                    <span class="text-muted">BigBird2012</span>
<a class="tag" taget="_blank" href="/search/driver/1.htm">driver</a>
                                    <div>注：本文所有代码都使用的mongo-java-driver实现。 
&nbsp; 
在MongoDB中，一个集合（collection）在概念上就类似我们SQL数据库中的表（Table），这个集合包含了一系列文档（document）。一个DBObject对象表示我们想添加到集合（collection）中的一个文档（document），MongoDB会自动为我们创建的每个文档添加一个id，这个id在</div>
                                </li>
                                <li><a href="/article/1412.htm"
                                       title="JSONObject以及json串" target="_blank">JSONObject以及json串</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/JSONObject/1.htm">JSONObject</a>
                                    <div>一.JAR包简介 
&nbsp; &nbsp; 要使程序可以运行必须引入JSON-lib包，JSON-lib包同时依赖于以下的JAR包： 
&nbsp; &nbsp; 1.commons-lang-2.0.jar 
&nbsp; &nbsp; 2.commons-beanutils-1.7.0.jar 
&nbsp; &nbsp; 3.commons-collections-3.1.jar 
&n</div>
                                </li>
                                <li><a href="/article/1539.htm"
                                       title="[Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性" target="_blank">[Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a>
                                    <div>为了说明问题，看个简单的代码， 
&nbsp; 
    import org.apache.zookeeper.*;  
      
    import java.io.IOException;  
    import java.util.concurrent.CountDownLatch;  
    import java.util.concurrent.ThreadLocal</div>
                                </li>
                                <li><a href="/article/1666.htm"
                                       title="【Scala十二】Scala核心六：Trait" target="_blank">【Scala十二】Scala核心六：Trait</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
                                    <div>Traits are a fundamental unit of code reuse in Scala. A trait encapsulates method and field definitions, which can then be reused by mixing them into classes. Unlike class inheritance, in which each c</div>
                                </li>
                                <li><a href="/article/1793.htm"
                                       title="weblogic version 10.3破解" target="_blank">weblogic version 10.3破解</a>
                                    <span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/weblogic/1.htm">weblogic</a>
                                    <div>版本：WebLogic Server 10.3 
 
说明：%DOMAIN_HOME%：指WebLogic Server 域(Domain）目录 
例如我的做测试的域的根目录 DOMAIN_HOME=D:/Weblogic/Middleware/user_projects/domains/base_domain 
 
1.为了保证操作安全，备份%DOMAIN_HOME%/security/Defa</div>
                                </li>
                                <li><a href="/article/1920.htm"
                                       title="求第n个斐波那契数" target="_blank">求第n个斐波那契数</a>
                                    <span class="text-muted">BrokenDreams</span>

                                    <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 今天看到群友发的一个问题：写一个小程序打印第n个斐波那契数。 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 自己试了下，搞了好久。。。基础要加强了。 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbs</div>
                                </li>
                                <li><a href="/article/2047.htm"
                                       title="读《研磨设计模式》-代码笔记-访问者模式-Visitor" target="_blank">读《研磨设计模式》-代码笔记-访问者模式-Visitor</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
                                    <div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ 
 
 


import java.util.ArrayList;
import java.util.List;

interface IVisitor {
	
	//第二次分派，Visitor调用Element
	void visitConcret</div>
                                </li>
                                <li><a href="/article/2174.htm"
                                       title="MatConvNet的excise 3改为网络配置文件形式" target="_blank">MatConvNet的excise 3改为网络配置文件形式</a>
                                    <span class="text-muted">cherishLC</span>
<a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a>
                                    <div>MatConvNet为vlFeat作者写的matlab下的卷积神经网络工具包，可以使用GPU。 
主页：
http://www.vlfeat.org/matconvnet/ 
教程：
http://www.robots.ox.ac.uk/~vgg/practicals/cnn/index.html 
 
注意：需要下载新版的MatConvNet替换掉教程中工具包中的matconvnet：
http</div>
                                </li>
                                <li><a href="/article/2301.htm"
                                       title="ZK Timeout再讨论" target="_blank">ZK Timeout再讨论</a>
                                    <span class="text-muted">chenchao051</span>
<a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a><a class="tag" taget="_blank" href="/search/timeout/1.htm">timeout</a><a class="tag" taget="_blank" href="/search/hbase/1.htm">hbase</a>
                                    <div>http://crazyjvm.iteye.com/blog/1693757&nbsp;文中提到相关超时问题，但是又出现了一个问题，我把min和max都设置成了180000，但是仍然出现了以下的异常信息： 
Client session timed out, have not heard from server in 154339ms for sessionid 0x13a3f7732340003</div>
                                </li>
                                <li><a href="/article/2428.htm"
                                       title="CASE WHEN 用法介绍" target="_blank">CASE WHEN 用法介绍</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/group+by/1.htm">group by</a><a class="tag" taget="_blank" href="/search/case+when/1.htm">case when</a>
                                    <div>CASE WHEN 用法介绍 
 
1. CASE WHEN 表达式有两种形式 
 
 
--简单Case函数&nbsp; 
 
CASE sex&nbsp; 
WHEN '1' THEN '男'&nbsp; 
WHEN '2' THEN '女'&nbsp; 
ELSE '其他' END&nbsp; 
 
--Case搜索函数&nbsp; 
 
CASE 
WHEN sex = '1' THEN </div>
                                </li>
                                <li><a href="/article/2555.htm"
                                       title="PHP技巧汇总:提高PHP性能的53个技巧" target="_blank">PHP技巧汇总:提高PHP性能的53个技巧</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a>
                                    <div>PHP技巧汇总:提高PHP性能的53个技巧　　用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，　　单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的函数译注：　　PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号)。　　1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍</div>
                                </li>
                                <li><a href="/article/2682.htm"
                                       title="Yii框架中CGridView的使用方法以及详细示例" target="_blank">Yii框架中CGridView的使用方法以及详细示例</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a>
                                    <div>CGridView显示一个数据项的列表中的一个表。 
表中的每一行代表一个数据项的数据,和一个列通常代表一个属性的物品(一些列可能对应于复杂的表达式的属性或静态文本)。　　CGridView既支持排序和分页的数据项。排序和分页可以在AJAX模式或正常的页面请求。使用CGridView的一个好处是,当用户浏览器禁用JavaScript,排序和分页自动退化普通页面请求和仍然正常运行。 
实例代码如下：</div>
                                </li>
                                <li><a href="/article/2809.htm"
                                       title="Maven项目打包成可执行Jar文件" target="_blank">Maven项目打包成可执行Jar文件</a>
                                    <span class="text-muted">dyy_gusi</span>
<a class="tag" taget="_blank" href="/search/assembly/1.htm">assembly</a>
                                    <div>Maven项目打包成可执行Jar文件 
在使用Maven完成项目以后，如果是需要打包成可执行的Jar文件，我们通过eclipse的导出很麻烦，还得指定入口文件的位置，还得说明依赖的jar包，既然都使用Maven了，很重要的一个目的就是让这些繁琐的操作简单。我们可以通过插件完成这项工作，使用assembly插件。具体使用方式如下： 
1、在项目中加入插件的依赖： 
&lt;plugin&gt;
	</div>
                                </li>
                                <li><a href="/article/2936.htm"
                                       title="php常见错误" target="_blank">php常见错误</a>
                                    <span class="text-muted">geeksun</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a>
                                    <div>1. &nbsp;kevent() reported that connect() failed (61: Connection refused) while connecting to upstream, client: 127.0.0.1, server: localhost, request: &quot;GET / HTTP/1.1&quot;, upstream: &quot;fastc</div>
                                </li>
                                <li><a href="/article/3063.htm"
                                       title="修改linux的用户名" target="_blank">修改linux的用户名</a>
                                    <span class="text-muted">hongtoushizi</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/change+password/1.htm">change password</a>
                                    <div>Change Linux Username 
更改Linux用户名，需要修改4个系统的文件： 
/etc/passwd 
/etc/shadow 
/etc/group 
/etc/gshadow 
古老/传统的方法是使用vi去直接修改，但是这有安全隐患（具体可自己搜一下），所以后来改成使用这些命令去代替： 
vipw 
vipw -s 
vigr 
vigr -s 
&nbsp; 
具体的操作顺</div>
                                </li>
                                <li><a href="/article/3190.htm"
                                       title="第五章 常用Lua开发库1-redis、mysql、http客户端" target="_blank">第五章 常用Lua开发库1-redis、mysql、http客户端</a>
                                    <span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a>
                                    <div>对于开发来说需要有好的生态开发库来辅助我们快速开发，而Lua中也有大多数我们需要的第三方开发库如Redis、Memcached、Mysql、Http客户端、JSON、模板引擎等。 
一些常见的Lua库可以在github上搜索，https://github.com/search?utf8=%E2%9C%93&amp;q=lua+resty。 
&nbsp; Redis客户端 
lua-resty-r</div>
                                </li>
                                <li><a href="/article/3317.htm"
                                       title="zkClient 监控机制实现" target="_blank">zkClient 监控机制实现</a>
                                    <span class="text-muted">liyonghui160com</span>
<a class="tag" taget="_blank" href="/search/zkClient+%E7%9B%91%E6%8E%A7%E6%9C%BA%E5%88%B6%E5%AE%9E%E7%8E%B0/1.htm">zkClient 监控机制实现</a>
                                    <div>&nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp;直接使用zk的api实现业务功能比较繁琐。因为要处理session loss，session expire等异常，在发生这些异常后进行重连。又因为ZK的watcher是一次性的，如果要基于wather实现发布/订阅模式，还要自己包装一下，将一次性订阅包装成持久订阅。另外如果要使用抽象级别更高的功能，比如分布式锁，leader选举</div>
                                </li>
                                <li><a href="/article/3444.htm"
                                       title="在Mysql 众多表中查找一个表名或者字段名的 SQL 语句" target="_blank">在Mysql 众多表中查找一个表名或者字段名的 SQL 语句</a>
                                    <span class="text-muted">pda158</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
                                    <div>在Mysql 众多表中查找一个表名或者字段名的&nbsp;SQL&nbsp;语句：   
　　方法一：SELECT table_name, column_name from information_schema.columns WHERE column_name LIKE 'Name';
　　方法二：SELECT column_name from information_schema.colum</div>
                                </li>
                                <li><a href="/article/3571.htm"
                                       title="程序员对英语的依赖" target="_blank">程序员对英语的依赖</a>
                                    <span class="text-muted">Smile.zeng</span>
<a class="tag" taget="_blank" href="/search/%E8%8B%B1%E8%AF%AD/1.htm">英语</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E7%8C%BF/1.htm">程序猿</a>
                                    <div>1、程序员最基本的技能，至少要能写得出代码，当我们还在为建立类的时候思考用什么单词发牢骚的时候，英语与别人的差距就直接表现出来咯。 
2、程序员最起码能认识开发工具里的英语单词，不然怎么知道使用这些开发工具。 
3、进阶一点，就是能读懂别人的代码，有利于我们学习人家的思路和技术。 
4、写的程序至少能有一定的可读性，至少要人别人能懂吧... 
 
以上一些问题，充分说明了英语对程序猿的重要性。骚年</div>
                                </li>
                                <li><a href="/article/3698.htm"
                                       title="Oracle学习笔记(8) 使用PLSQL编写触发器" target="_blank">Oracle学习笔记(8) 使用PLSQL编写触发器</a>
                                    <span class="text-muted">vipbooks</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a><a class="tag" taget="_blank" href="/search/Access/1.htm">Access</a>
                                    <div>&nbsp;&nbsp;&nbsp; 时间过得真快啊，转眼就到了Oracle学习笔记的最后个章节了，通过前面七章的学习大家应该对Oracle编程有了一定了了解了吧，这东东如果一段时间不用很快就会忘记了，所以我会把自己学习过的东西做好详细的笔记，用到的时候可以随时查找，马上上手！希望这些笔记能对大家有些帮助！ 
&nbsp;&nbsp;&nbsp; 这是第八章的学习笔记，学习完第七章的子程序和包之后</div>
                                </li>
                </ul>
            </div>
        </div>
    </div>

<div>
    <div class="container">
        <div class="indexes">
            <strong>按字母分类：</strong>
            <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
                href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
                href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
                href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
                href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
                href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
                href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
                href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
                href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
        </div>
    </div>
</div>
<footer id="footer" class="mb30 mt30">
    <div class="container">
        <div class="footBglm">
            <a target="_blank" href="/">首页</a> -
            <a target="_blank" href="/custom/about.htm">关于我们</a> -
            <a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
            <a target="_blank" href="/sitemap.txt">Sitemap</a> -
            <a target="_blank" href="/custom/delete.htm">侵权投诉</a>
        </div>
        <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!--            <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
        </div>
    </div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>





</body>

</html>