富文本编辑器 CKEditor的使用，自定义上传图片，上传到自己的CDN服务器

1. React的富文本编辑器组件 >

2. 自定义构建

这里只写自定义，React方式的CKEditor，官网有，点击上面的链接。

 

1. npm install

npm install @ckeditor/ckeditor5-build-classic @ckeditor/ckeditor5-react --save

2. import

import ClassicEditor from '@ckeditor/ckeditor5-build-classic'

3. HTML结构

</code></pre> 
  <p>4. 自定义方法及使用</p> 
  <p>自定义上传组件方法UploadAdapter</p> 
  <pre class="has"><code class="language-javascript">class UploadAdapter {
  constructor (loader) {
    this.loader = loader
  }

  upload () {
    return new Promise((resolve, reject) => {
      const formData = new window.FormData()
      formData.append('file', this.loader.file, 'name.jpg')

      // 上傳
      fetch(utils.url + '/fileclient-management/api/uploadpic', {
        method: 'POST',
        body: formData
      }).then((res) => {
        return res.json()
      }).then((res) => {
        const data = res.resultData
        // 圖片
        if (data) {
          resolve({
            default: data.resourceUrl
          })
        } else {
          reject(data.msg)
        }
      })
    })
  }

  abort () {

  }
}</code></pre> 
  <p>初始化使用</p> 
  <pre class="has"><code class="language-javascript">componentDidMount () {
    this.initEditor()
}

initEditor () {
    ClassicEditor
      .create(document.querySelector('#editor'), {
        toolbar: [
          'heading',
          '|',
          'bold',
          'italic',
          'link',
          'bulletedList',
          'numberedList',
          'blockQuote',
          // '|',
          // 'alignment',
          // '|',
          'imageUpload',
          'imageStyle:full',
          // 'imageStyle:side',
          'insertTable',
          'undo',
          'redo'
        ],
        removePlugins: ['MediaEmbed']
        // ckfinder: {
        //   uploadUrl: '/fileclient-management/api/uploadpic'
        // }
        // cloudServices: {
        //   uploadUrl: utils.url + '/fileclient-management/api/uploadpic'
        // }
      })
      .then(editor => {
        this.editor = editor
        editor.plugins.get('FileRepository').createUploadAdapter = function (loader) {
          return new UploadAdapter(loader)
        }
        // 查看所有可配置像
        // console.log(Array.from(editor.ui.componentFactory.names()))
      })
      .catch(error => {
        // console.error(error)
        console.log(error)
      })
  }</code></pre> 
  <p> </p> 
  <p>5. 获取编辑器的内容 / 设置后台返回的text数据</p> 
  <pre class="has"><code class="language-javascript">this.editor.getData() // 获取

this.editor.setData(data.content) // 设置 data 是后台返回的数据</code></pre> 
  <p> </p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1297086209507532800"></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,前端,富文本编辑器)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1883977742463070208.htm"
                           title="利用jQuery实现h5播放器播放组件" target="_blank">利用jQuery实现h5播放器播放组件</a>
                        <span class="text-muted">我是真的不会前端</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</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>播放组件介绍首先会H5播放组件其实自带videoaudio标签，只需要引入添加属性就可以自动在网页上播放，同样，vue和react也有相应的播放插件。比如vue-video-player和reactnative的播放组件这里提供一个npm地址https://www.npmjs.com/package/vue-video-playerhttps://www.npmjs.com/package/rea</div>
                    </li>
                    <li><a href="/article/1883976229669892096.htm"
                           title="web自动化——前端知识" target="_blank">web自动化——前端知识</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/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
                        <div>是HTML中的一个元素，用于在当前网页中嵌入另一个网页或文档。它就像一个“窗口”，可以在页面中显示其他内容。主要特点：嵌入外部内容：可以在网页中嵌入其他网页、视频、地图等。独立上下文：嵌入的内容与主页面相互独立，拥有自己的JavaScript和CSS环境。可定制：可以通过属性调整大小、边框等。常用属性：src：指定要嵌入内容的URL。width和height：设置iframe的宽度和高度。fram</div>
                    </li>
                    <li><a href="/article/1883969291045367808.htm"
                           title="智能工厂的设计软件 应用场景的一个例子：为AI聊天工具添加一个知识系统 之8 重新开始 之1 特定于领域的模板--一个三套接的hoc结构" target="_blank">智能工厂的设计软件 应用场景的一个例子：为AI聊天工具添加一个知识系统 之8 重新开始 之1 特定于领域的模板--一个三套接的hoc结构</a>
                        <span class="text-muted">一水鉴天</span>
<a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%99%BA%E8%83%BD/1.htm">软件智能</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E8%AF%AD%E8%A8%80/1.htm">人工语言</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E5%88%B6%E9%80%A0/1.htm">智能制造</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E7%8A%B6%E6%80%81%E6%A8%A1%E5%BC%8F/1.htm">状态模式</a>
                        <div>由于前面的项目信息全部丢失，所以重新建立了这个项目，并以前一篇文章（之7）中的内容作为项目附件重新沟通。本文要点特定于领域的模板--一个三套接的hoc结构。这是今天讨论的内容。它是本项目actors剧本原型。其地位：祖传代码脚本模板中的--一个div标签的内容模型，在三端架构中描述前端执行公式的“体”性。目的是准备完善出该项目。希望的做法是：我将我给出的附件文档中零散的一些考虑组成出完整的描述文字</div>
                    </li>
                    <li><a href="/article/1883965887157956608.htm"
                           title="智能工厂的设计软件 应用场景的一个例子：为AI聊天工具添加一个知识系统 之6 三端架构的本质/内在/外观：自明性/信念/bank词扇" target="_blank">智能工厂的设计软件 应用场景的一个例子：为AI聊天工具添加一个知识系统 之6 三端架构的本质/内在/外观：自明性/信念/bank词扇</a>
                        <span class="text-muted">一水鉴天</span>
<a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%99%BA%E8%83%BD/1.htm">软件智能</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E5%88%B6%E9%80%A0/1.htm">智能制造</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E8%AF%AD%E8%A8%80/1.htm">人工语言</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
                        <div>本文提要一些补充在为前端和后端锁定的两个中心词“概念”（命题“作文”的程序公共逻辑语言）和“描述”（谓词“描述”的自然描述语言）的基础上，暂时将中端的中心词锁定在“环境”（情境“意义”的人工语义网络语言）。三者的共同性--都需要通过“演算”得到（命题演算/谓词演算/情境演算）。每种演算都以本地或局部的this此岸为输入（A-box，最初是一个条件分支符--条件表达式），远处或全局的彼岸that（T</div>
                    </li>
                    <li><a href="/article/1883963238538866688.htm"
                           title="html手机端富文本,移动端富文本踩坑" target="_blank">html手机端富文本,移动端富文本踩坑</a>
                        <span class="text-muted">weixin_39608657</span>
<a class="tag" taget="_blank" href="/search/html%E6%89%8B%E6%9C%BA%E7%AB%AF%E5%AF%8C%E6%96%87%E6%9C%AC/1.htm">html手机端富文本</a>
                        <div>最近在做一个vue的项目。之前的前端同事离职了，和女朋友去云南潇洒去了，剩下我一个苦逼坐在电脑前哒哒哒敲代码。刚刚接手就开始做移动端富文本编辑器的需求。主管说压了半个月，尽快做出来。在网上找了不少编辑器，前段时间做过react的后台项目，用了百度的编辑器。功能很多很强，遗憾的是ios不支持flash，在移动端并不适用。因为要兼容ios和Android，而且还要在vue的项目中使用，在网上找了很多编</div>
                    </li>
                    <li><a href="/article/1883962986368921600.htm"
                           title="前端js变量踩坑，部分手机浏览器不支持let、const" target="_blank">前端js变量踩坑，部分手机浏览器不支持let、const</a>
                        <span class="text-muted">weixin_34244102</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">移动开发</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a>
                        <div>2019独角兽企业重金招聘Python工程师标准>>>浏览器通过userAgent判断机型是Android还是iOS，很简单的几行代码，总有iOS用户手机判断不出来。刚开始总以为是判断的错误，优化了好几版，鉴于身边一直没有真机，终是治标不治本，今日偶遇真机，恍然大悟。。。var才是简单js的王道，引以为鉴转载于:https://my.oschina.net/AmosWang/blog/301786</div>
                    </li>
                    <li><a href="/article/1883950692394135552.htm"
                           title="2025年React前端路线图：从初级到高级" target="_blank">2025年React前端路线图：从初级到高级</a>
                        <span class="text-muted"></span>

                        <div>2025年React前端路线图：从初级到高级原文链接：2025ReactFrontendRoadmap:BeginnertoSeniorLevel作者：tak089译者：倔强青铜三前言大家好，我是倔强青铜三。是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技能推动技术交流与创新，欢迎关注我，微信公众号：倔强青铜三。欢迎点赞、收藏、关注，一键三连！！！1.初级（入门级）目标：</div>
                    </li>
                    <li><a href="/article/1883945015319785472.htm"
                           title="React项目中不可或缺的7个自定义Hooks" target="_blank">React项目中不可或缺的7个自定义Hooks</a>
                        <span class="text-muted"></span>

                        <div>React项目中不可或缺的7个自定义Hooks原文链接：https://dev.to/sovannaro/7-react-custom-hooks-i-cant-live-without-in-my-projects-14lj?bb=206697\作者：SovannaroKhem\译者：倔强青铜三前言大家好，我是倔强青铜三。是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技</div>
                    </li>
                    <li><a href="/article/1883938391083511808.htm"
                           title="前端常见的多种正则验证方法以及js判断语法" target="_blank">前端常见的多种正则验证方法以及js判断语法</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/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</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>1.邮箱exportconstisEmail=(s)=>{return/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码exportconstisMobile=(s)=>{return/^1[0-9]{10}$/.test(s)}3.电话号码exportconstisPhone=(s)=></div>
                    </li>
                    <li><a href="/article/1883924906089967616.htm"
                           title="C#开发人员学习书籍推荐" target="_blank">C#开发人员学习书籍推荐</a>
                        <span class="text-muted">Lu01</span>
<a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
                        <div>作为一名C#开发人员，持续学习和提升自己的技术水平是至关重要的。如今，技术不断更新换代，新的开发框架、语言和工具层出不穷。对于刚入行的开发者或希望深入某一领域的工程师来说，选对书籍是学习的捷径之一。本篇文章将推荐一些经典的书籍，涵盖了C#、数据库、前端开发等多个领域，帮助你在开发的道路上不断进步。1.学习SQL基础推荐书籍：《SQL必知必会（第5版）》作者：[美]本·福达（BenForta）译者：</div>
                    </li>
                    <li><a href="/article/1883922004034252800.htm"
                           title="【gopher的java学习笔记】代码分层之controller和service" target="_blank">【gopher的java学习笔记】代码分层之controller和service</a>
                        <span class="text-muted">ThisIsClark</span>
<a class="tag" taget="_blank" href="/search/gopher%E7%9A%84java%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">gopher的java学习笔记</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
                        <div>在Java的Web开发中，Controller层和Service层是两个至关重要的层次，它们各自承担着不同的职责，共同协作以实现复杂的应用程序功能。本文将详细介绍Java中Controller层和Service层的技术特点和作用。一、Controller层（控制层）Controller层是应用程序的入口点，负责接收用户的请求并处理。它通常处理来自前端或客户端的请求，并将请求转发给相应的Servic</div>
                    </li>
                    <li><a href="/article/1883917965175353344.htm"
                           title="详细介绍 React Native 的动画系统。主要包括 Animated 组件的各种用法：" target="_blank">详细介绍 React Native 的动画系统。主要包括 Animated 组件的各种用法：</a>
                        <span class="text-muted">asecretman!</span>
<a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/native/1.htm">native</a><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>
                        <div>1.基础动画值的创建：import{Animated,Easing}from'react-native';//创建动画值constfadeAnim=newAnimated.Value(0);//透明度动画值，初始值为0constscaleAnim=newAnimated.Value(1);//缩放动画值，初始值为1constmoveAnim=newAnimated.ValueXY({//位移动画值</div>
                    </li>
                    <li><a href="/article/1883907624756375552.htm"
                           title="vue3自定义表格生成动态列" target="_blank">vue3自定义表格生成动态列</a>
                        <span class="text-muted">实践是最好的老师</span>
<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><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>{{isEditing?'保存':'编辑'}}import{ref,reactive,h}from'vue';//模拟从后端获取的数据constbackendData={columns:[{label:'姓名',prop:'name',editable:true,type:'input'},{label:'年龄',prop:'age',editable:true,type:'input'},{la</div>
                    </li>
                    <li><a href="/article/1883904472925663232.htm"
                           title="Flask框架-Python系列（一）—— 基础入门（flask库安装及简单使用）" target="_blank">Flask框架-Python系列（一）—— 基础入门（flask库安装及简单使用）</a>
                        <span class="text-muted">云霄IT</span>
<a class="tag" taget="_blank" href="/search/python%E5%BA%93%E6%95%99%E7%A8%8B/1.htm">python库教程</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
                        <div>目录一、flask库安装二、简单使用三、前端返回类型设置（一）返回文本类型（二）返回json类型（三）重定向到另一路由（四）返回html类型，嵌入js,css,image等内容（一）py文件（二）html文件写法（三）静态目录结构四、静态资源路径修改五、实现提供文件下载一、flask库安装pipinstallflask二、简单使用fromflaskimportFlask,requestapp=Fl</div>
                    </li>
                    <li><a href="/article/1883898801442320384.htm"
                           title="CSP Content Security Policy（内容安全策略）" target="_blank">CSP Content Security Policy（内容安全策略）</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/web%E5%AE%89%E5%85%A8/1.htm">web安全</a>
                        <div>CSPContentSecurityPolicy（内容安全策略）CSP前端中的CSP指的是ContentSecurityPolicy（内容安全策略），是一种用于提升网站安全性的浏览器功能。CSP主要用于防止XSS（跨站脚本攻击）和数据注入攻击，通过限制网页中的内容来源（如脚本、样式、图像、媒体等）来降低被恶意代码利用的风险。CSP在前端的作用CSP可以通过HTTP响应头或标签来定义安全策略，规定前</div>
                    </li>
                    <li><a href="/article/1883875990602575872.htm"
                           title="k8s的主要组件以及重要概念" target="_blank">k8s的主要组件以及重要概念</a>
                        <span class="text-muted">linshuai-on</span>
<a class="tag" taget="_blank" href="/search/kubernetes/1.htm">kubernetes</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F/1.htm">云原生</a>
                        <div>K8S（Kubernetes）是一个用于自动部署、扩展和管理容器化应用程序的开源系统。它采用主从设备模型（Master-Slave架构），其中Master节点负责集群的调度、管理和运维，Slave节点（也被称为WorkerNode节点）负责执行工作负载。Kubernetes（K8s）主要由以下几个核心组件组成：一、Master节点组件APIServer：原理：作为Kubernetes系统的前端控制</div>
                    </li>
                    <li><a href="/article/1883872333899296768.htm"
                           title="transformer.js（二）：关于pipe管道的一切" target="_blank">transformer.js（二）：关于pipe管道的一切</a>
                        <span class="text-muted">余生H</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%9A%84AI%E5%B7%A5%E5%85%B7%E4%B9%A6/1.htm">前端的AI工具书</a><a class="tag" taget="_blank" href="/search/transformer/1.htm">transformer</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/webml/1.htm">webml</a><a class="tag" taget="_blank" href="/search/webAI/1.htm">webAI</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>前面的章节transformer.js（一）：这个前端大模型运行框架的可运行环境、使用方式、代码示例以及适合与不适合的场景介绍了transformer.js的应用场景。pipe管道（Pipeline）作为Transformer.js的核心功能之一，负责简化各种常见的NLP任务，例如文本生成、翻译、分类等，本文将详细介绍：从它的概念、实现到实际使用场景，帮助开发者全面掌握这一功能。什么是Pipe管道</div>
                    </li>
                    <li><a href="/article/1883872332183826432.htm"
                           title="transformer.js（一）：这个前端大模型运行框架的可运行环境、使用方式、代码示例以及适合与不适合的场景" target="_blank">transformer.js（一）：这个前端大模型运行框架的可运行环境、使用方式、代码示例以及适合与不适合的场景</a>
                        <span class="text-muted">余生H</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%9A%84AI%E5%B7%A5%E5%85%B7%E4%B9%A6/1.htm">前端的AI工具书</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/transformer/1.htm">transformer</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/hugginface/1.htm">hugginface</a><a class="tag" taget="_blank" href="/search/webml/1.htm">webml</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">web大模型</a>
                        <div>随着大模型的广泛应用，越来越多的开发者希望在前端直接运行机器学习模型，从而减少对后端的依赖，并提升用户体验。Transformer.js是一个专为前端环境设计的框架，它支持运行基于Transformer架构的深度学习模型，尤其是像BERT、GPT等广泛应用于自然语言处理（NLP）的模型。本文将全面解析Transformer.js的运行环境、使用方式、代码示例，以及其能够完成的功能与目前的限制，帮助</div>
                    </li>
                    <li><a href="/article/1883860859848028160.htm"
                           title="Springboot配置返回日期格式化五种方法详解" target="_blank">Springboot配置返回日期格式化五种方法详解</a>
                        <span class="text-muted">我心向阳iu</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</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/Java%E9%9D%A2%E8%AF%95%E7%9F%A5%E8%AF%86%E7%82%B9%E7%B2%BE%E8%AE%B2/1.htm">Java面试知识点精讲</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/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
                        <div>文章目录应急就这样格式化全局时间字段OK了，你后端全统一了，应急的同志们就这样就行了，不用学下面的扩展知识，想学习的可以先收藏（建议别收藏，收藏了也不看，要不一口气看完点个赞，要不别收藏来欺骗自己了）系统的知识1.前端时间格式化（不做无情人）2.SimpleDateFormat格式化（不推荐）3.DateTimeFormatter格式化（不推荐）4.全局时间格式化（推荐）实现原理分析5.部分时间格</div>
                    </li>
                    <li><a href="/article/1883855061260496896.htm"
                           title="深度学习探索：ChatGPT数据分析精髓 & 梯度下降优化方法深度剖析" target="_blank">深度学习探索：ChatGPT数据分析精髓 & 梯度下降优化方法深度剖析</a>
                        <span class="text-muted">网罗开发</span>
<a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大模型</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/chatgpt/1.htm">chatgpt</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a>
                        <div>网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO</div>
                    </li>
                    <li><a href="/article/1883843719333998592.htm"
                           title="写一个存储“网站”的网站前的分析" target="_blank">写一个存储“网站”的网站前的分析</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/postgresql/1.htm">postgresql</a><a class="tag" taget="_blank" href="/search/aws/1.htm">aws</a><a class="tag" taget="_blank" href="/search/https/1.htm">https</a>
                        <div>要创建一个能够存储自己网站内容的“网站”，通常意味着你希望有一个可以存储网站数据、文件、内容等信息的系统。为了实现这一目标，可以考虑构建一个内容管理系统（CMS），这个系统能够帮助你存储和管理网站上的内容。图片仅供参考以下是如何实现一个可以存储自己网站内容的网站的步骤，包括后端数据库和前端界面：步骤一：规划网站内容存储结构1.确定需要存储的内容：页面内容：例如文本、图片、视频等。数据：例如用户评论</div>
                    </li>
                    <li><a href="/article/1883841954312155136.htm"
                           title="深入理解 HTML DOM：文档对象模型详解" target="_blank">深入理解 HTML DOM：文档对象模型详解</a>
                        <span class="text-muted">浪浪山小白兔</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>在前端开发中，HTMLDOM（文档对象模型，DocumentObjectModel）是一个非常重要的概念。它是浏览器将HTML文档解析为一个树形结构的方式，开发者可以通过JavaScript动态地访问和操作文档的内容、结构和样式。本文将详细介绍HTMLDOM的核心概念、功能以及实际应用。1.什么是HTMLDOM？HTMLDOM是浏览器将HTML文档解析为一个树形结构的编程接口。它将文档中的每个部分</div>
                    </li>
                    <li><a href="/article/1883832747353501696.htm"
                           title="【React】自定义 Hook 的场景与注意事项" target="_blank">【React】自定义 Hook 的场景与注意事项</a>
                        <span class="text-muted">开开Kathy</span>
<a class="tag" taget="_blank" href="/search/React/1.htm">React</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E7%96%91%E9%9A%BE%E8%A7%A3%E7%AD%94%EF%BC%88%E9%9D%A2%E8%AF%95%E5%A4%A7%E5%85%A8%EF%BC%89/1.htm">开发疑难解答（面试大全）</a><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开发中，自定义Hook是一种强大的工具，用于封装组件逻辑并实现逻辑复用。以下是关于自定义Hook的适用场景和注意事项的详细说明。一、自定义Hook的适用场景1.逻辑复用当多个组件中有相似的逻辑时，可以通过自定义Hook将这些逻辑抽离，避免重复代码。示例：管理表单状态import{useState}from'react';functionuseForm(</div>
                    </li>
                    <li><a href="/article/1883832747747766272.htm"
                           title="React 项目中的性能优化技巧如何避免不必要的组件重新渲染？" target="_blank">React 项目中的性能优化技巧如何避免不必要的组件重新渲染？</a>
                        <span class="text-muted">开开Kathy</span>
<a class="tag" taget="_blank" href="/search/React/1.htm">React</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E7%96%91%E9%9A%BE%E8%A7%A3%E7%AD%94%EF%BC%88%E9%9D%A2%E8%AF%95%E5%A4%A7%E5%85%A8%EF%BC%89/1.htm">开发疑难解答（面试大全）</a><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项目中，避免不必要的组件重新渲染是性能优化的核心之一。React的重新渲染机制基于组件的状态（state）、属性（props）和上下文（context）的变化。如果能够有效管理这些变化，就可以避免无效的渲染，从而提升性能。以下是一些常用的性能优化技巧：一、React性能优化的关键点避免不必要的渲染：通过优化组件的状态更新和属性传递，减少触发渲染的次数。减少渲染成本：通过优化渲染逻辑和虚</div>
                    </li>
                    <li><a href="/article/1883832621000093696.htm"
                           title="2024年度前端技术总结：React、JavaScript、Material UI与Tailwind的实战心得" target="_blank">2024年度前端技术总结：React、JavaScript、Material UI与Tailwind的实战心得</a>
                        <span class="text-muted">Peter-Lu</span>
<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/react.js/1.htm">react.js</a>
                        <div>目录一、React：从基础到进阶的深度探索二、JavaScript：掌握新特性，提升编码能力三、MaterialUI与Tailwind：设计与开发的完美结合四、技术项目实战：从理论到应用的转变五、总结与展望随着2024年的结束，我回顾这一年在前端技术领域的学习历程，收获颇丰。从React的深度掌握，到JavaScript新特性的运用，再到MaterialUI和Tailwind的实际应用，我不仅学到</div>
                    </li>
                    <li><a href="/article/1883821667063492608.htm"
                           title="字节的面试，感觉还挺简单的~" target="_blank">字节的面试，感觉还挺简单的~</a>
                        <span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/go%E5%90%8E%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%97%AE%E9%A2%98%E9%9D%A2%E8%AF%95%E5%AD%97%E8%8A%82%E8%B7%B3%E5%8A%A8/1.htm">go后端面试问题面试字节跳动</a>
                        <div>今天分享的是训练营的朋友在字节跳动的面试，新鲜出炉的还热乎着呢。题目都挺简单的，但是他的面试体验不太好，因为面试官问了两个类似的问题，感觉有点不认真。下面是面试的内容：面经详解简单介绍下你的项目介绍下教育平台考试模块的业务.包括题目的读写试卷的生成创建之后,试题如何存储试卷如何分发给考生考生如何提交试卷,你们如何收集试卷结果最后怎么判题以下是对每个问题的回答：前端接口使用restful格式，pos</div>
                    </li>
                    <li><a href="/article/1883812071125086208.htm"
                           title="Android真的不行了吗？国内行情与技术对比分析" target="_blank">Android真的不行了吗？国内行情与技术对比分析</a>
                        <span class="text-muted">我的青春不太冷</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
                        <div>文章目录Android真的不行了吗？国内行情与技术对比分析一、国内Android开发现状1.存量市场的竞争2.维护需求依然强劲3.招聘趋势二、Android与其他技术的对比分析1.小程序vsAndroid小程序的优势小程序的劣势2.UniAppvsAndroidUniApp的优势UniApp的劣势3.FluttervsAndroidFlutter的优势Flutter的劣势4.ReactNative</div>
                    </li>
                    <li><a href="/article/1883810808916406272.htm"
                           title="探索JavaScript前端开发：开启交互之门的神奇钥匙（二）" target="_blank">探索JavaScript前端开发：开启交互之门的神奇钥匙（二）</a>
                        <span class="text-muted">小周不想卷</span>
<a class="tag" taget="_blank" href="/search/%E8%89%BE%E6%80%9D%E7%A7%91%E8%93%9D%E5%AD%A6%E6%9C%AF%E4%BC%9A%E8%AE%AE%E6%8A%95%E7%A8%BF/1.htm">艾思科蓝学术会议投稿</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>目录引言四、事件处理4.1事件类型4.2事件监听器五、实战案例：打造简易待办事项列表5.1HTML结构搭建5.2JavaScript功能实现六、进阶拓展：异步编程与Ajax6.1异步编程概念6.2Ajax原理与使用七、前沿框架：Vue.js入门窥探7.1Vue.js简介7.2基础使用示例八、总结与展望引言在当今数字化时代，互联网已然成为人们生活不可或缺的一部分，而网页作为互联网的主要载体，其用户体</div>
                    </li>
                    <li><a href="/article/1883803746966761472.htm"
                           title="探索现代前端微前端架构的最佳实践" target="_blank">探索现代前端微前端架构的最佳实践</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/%E6%9E%B6%E6%9E%84/1.htm">架构</a>
                        <div>在当今快速发展的前端开发领域，技术不断迭代，为开发人员提供了越来越多的可能性。在这篇文章中，我们将聚焦于**微前端架构（Microfrontends）**这一最新趋势，并探索其具体实现与最佳实践。微前端架构是前端开发中一种模块化的方法，能够显著提高代码的可维护性和团队协作效率。什么是微前端？微前端（Microfrontends）是受微服务架构启发而提出的理念。它将一个大型的前端应用拆分为多个小型独</div>
                    </li>
                    <li><a href="/article/1883787983451123712.htm"
                           title="Redis——单线程与多线程模型原理" target="_blank">Redis——单线程与多线程模型原理</a>
                        <span class="text-muted">YZF_Kevin</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/redis%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">redis多线程</a><a class="tag" taget="_blank" href="/search/redis%E5%A4%9A%E7%BA%BF%E7%A8%8B%E6%BA%90%E7%A0%81/1.htm">redis多线程源码</a>
                        <div>一、redis多线程流程Redis虽然也实现了多线程，但是却不是标准的Multi-Reactors/Master-Workers模式。1.Redis服务器启动，开启主线程事件循环（EventLoop），注册acceptTcpHandler连接应答处理器到用户配置的监听端口对应的文件描述符，等待新连接到来；2.客户端和服务端建立网络连接；3.acceptTcpHandler被调用，主线程使用AE的A</div>
                    </li>
                                <li><a href="/article/89.htm"
                                       title="java责任链模式" target="_blank">java责任链模式</a>
                                    <span class="text-muted">3213213333332132</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%B4%A3%E4%BB%BB%E9%93%BE%E6%A8%A1%E5%BC%8F/1.htm">责任链模式</a><a class="tag" taget="_blank" href="/search/%E6%9D%91%E6%B0%91%E5%91%8A%E5%8E%BF%E9%95%BF/1.htm">村民告县长</a>
                                    <div>责任链模式，通常就是一个请求从最低级开始往上层层的请求，当在某一层满足条件时，请求将被处理，当请求到最高层仍未满足时，则请求不会被处理。 
 
就是一个请求在这个链条的责任范围内，会被相应的处理，如果超出链条的责任范围外，请求不会被相应的处理。 
 
下面代码模拟这样的效果： 
创建一个政府抽象类,方便所有的具体政府部门继承它。 
 

package 责任链模式;

/**
 * 
 </div>
                                </li>
                                <li><a href="/article/216.htm"
                                       title="linux、mysql、nginx、tomcat 性能参数优化" target="_blank">linux、mysql、nginx、tomcat 性能参数优化</a>
                                    <span class="text-muted">ronin47</span>

                                    <div>一、linux 系统内核参数 
 
  /etc/sysctl.conf文件常用参数     net.core.netdev_max_backlog = 32768 #允许送到队列的数据包的最大数目
net.core.rmem_max  = 8388608        #SOCKET读缓存区大小
net.core.wmem_max  = 8388608        #SOCKET写缓存区大</div>
                                </li>
                                <li><a href="/article/343.htm"
                                       title="php命令行界面" target="_blank">php命令行界面</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/cli/1.htm">cli</a>
                                    <div>常用选项
php -v
php -i PHP安装的有关信息
php -h 访问帮助文件
php -m 列出编译到当前PHP安装的所有模块

执行一段代码
php -r 'echo "hello, world!";'
php -r 'echo "Hello, World!\n";'
php -r '$ts = filemtime("</div>
                                </li>
                                <li><a href="/article/470.htm"
                                       title="Filter&Session" target="_blank">Filter&Session</a>
                                    <span class="text-muted">171815164</span>
<a class="tag" taget="_blank" href="/search/session/1.htm">session</a>
                                    <div>Filter 
 
 

HttpServletRequest requ = (HttpServletRequest) req;
HttpSession session = requ.getSession();
if (session.getAttribute("admin") == null) {
           PrintWriter out = res.ge</div>
                                </li>
                                <li><a href="/article/597.htm"
                                       title="连接池与Spring,Hibernate结合" target="_blank">连接池与Spring,Hibernate结合</a>
                                    <span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a>
                                    <div>        前几篇关于Java连接池的介绍都是基于Java应用的，而我们常用的场景是与Spring和ORM框架结合，下面就利用实例学习一下这方面的配置。 
        1.下载相关内容：     &nb</div>
                                </li>
                                <li><a href="/article/724.htm"
                                       title="[简单]mybatis判断数字类型" target="_blank">[简单]mybatis判断数字类型</a>
                                    <span class="text-muted">53873039oycg</span>
<a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a>
                                    <div>       昨天同事反馈mybatis保存不了int类型的属性,一直报错，错误信息如下: 
      
Caused by: java.lang.NumberFormatException: For input string: "null"
	at sun.mis</div>
                                </li>
                                <li><a href="/article/851.htm"
                                       title="项目启动时或者启动后ava.lang.OutOfMemoryError: PermGen space" target="_blank">项目启动时或者启动后ava.lang.OutOfMemoryError: PermGen space</a>
                                    <span class="text-muted">程序员是怎么炼成的</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/catalina.sh/1.htm">catalina.sh</a><a class="tag" taget="_blank" href="/search/eclipse.ini/1.htm">eclipse.ini</a>
                                    <div>   在启动比较大的项目时，因为存在大量的jsp页面，所以在编译的时候会生成很多的.class文件，.class文件是都会被加载到jvm的方法区中，如果要加载的class文件很多，就会出现方法区溢出异常 java.lang.OutOfMemoryError: PermGen space. 
    
解决办法是点击eclipse里的tomcat，在</div>
                                </li>
                                <li><a href="/article/978.htm"
                                       title="我的crm小结" target="_blank">我的crm小结</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/crm/1.htm">crm</a>
                                    <div>各种原因吧，crm今天才完了。主要是接触了几个新技术： 
Struts2、poi、ibatis这几个都是以前的项目中用过的。 
Jsf、tapestry是这次新接触的，都是界面层的框架，用起来也不难。思路和struts不太一样，传说比较简单方便。不过个人感觉还是struts用着顺手啊，当然springmvc也很顺手，不知道是因为习惯还是什么。jsf和tapestry应用的时候需要知道他们的标签、主</div>
                                </li>
                                <li><a href="/article/1105.htm"
                                       title="spring里配置使用hibernate的二级缓存几步" target="_blank">spring里配置使用hibernate的二级缓存几步</a>
                                    <span class="text-muted">antonyup_2006</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a>
                                    <div>．在spring的配置文件中 applicationContent.xml，hibernate部分加入 
xml 代码 
 
<prop key="hibernate.cache.provider_class">org.hibernate.cache.EhCacheProvider</prop>   
    <prop key="hi</div>
                                </li>
                                <li><a href="/article/1232.htm"
                                       title="JAVA基础面试题" target="_blank">JAVA基础面试题</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/%E6%8A%BD%E8%B1%A1%E5%AE%9E%E7%8E%B0%E6%8E%A5%E5%8F%A3/1.htm">抽象实现接口</a><a class="tag" taget="_blank" href="/search/String%E7%B1%BB/1.htm">String类</a><a class="tag" taget="_blank" href="/search/%E6%8E%A5%E5%8F%A3%E7%BB%A7%E6%89%BF/1.htm">接口继承</a><a class="tag" taget="_blank" href="/search/%E6%8A%BD%E8%B1%A1%E7%B1%BB%E7%BB%A7%E6%89%BF%E5%AE%9E%E4%BD%93%E7%B1%BB/1.htm">抽象类继承实体类</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%BC%82%E5%B8%B8/1.htm">自定义异常</a>
                                    <div>/*   * 栈（stack）：主要保存基本类型（或者叫内置类型）（char、byte、short、   *int、long、 float、double、boolean）和对象的引用，数据可以共享，速度仅次于   * 寄存器（register），快于堆。堆（heap）：用于存储对象。   */  &</div>
                                </li>
                                <li><a href="/article/1359.htm"
                                       title="让sqlmap文件 "继承" 起来" target="_blank">让sqlmap文件 "继承" 起来</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a><a class="tag" taget="_blank" href="/search/sqlmap/1.htm">sqlmap</a>
                                    <div>        多个项目中使用ibatis , 和数据库表对应的 sqlmap文件（增删改查等基本语句)，dao, pojo 都是由工具自动生成的, 现在将这些自动生成的文件放在一个单独的工程中，其它项目工程中通过jar包来引用 ，并通过"继承"为基础的sqlmap文件，dao,pojo 添加新的方法来满足项</div>
                                </li>
                                <li><a href="/article/1486.htm"
                                       title="精通Oracle10编程SQL(13)开发触发器" target="_blank">精通Oracle10编程SQL(13)开发触发器</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a>
                                    <div>/*
 *开发触发器
 */
--得到日期是周几
select to_char(sysdate+4,'DY','nls_date_language=AMERICAN') from dual;

select to_char(sysdate,'DY','nls_date_language=AMERICAN') from dual;

--建立BEFORE语句触发器
CREATE O</div>
                                </li>
                                <li><a href="/article/1613.htm"
                                       title="【EhCache三】EhCache查询" target="_blank">【EhCache三】EhCache查询</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a>
                                    <div>本文介绍EhCache查询缓存中数据，EhCache提供了类似Hibernate的查询API，可以按照给定的条件进行查询。 
  
要对EhCache进行查询，需要在ehcache.xml中设定要查询的属性 
  数据准备 
    @Before
    public void setUp() {
        //加载EhCache配置文件
        Inpu</div>
                                </li>
                                <li><a href="/article/1740.htm"
                                       title="CXF框架入门实例" target="_blank">CXF框架入门实例</a>
                                    <span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a>
                                    <div>CXF是apache旗下的开源框架，由Celtix + XFire这两门经典的框架合成，是一套非常流行的web service框架。 
它提供了JAX-WS的全面支持，并且可以根据实际项目的需要，采用代码优先（Code First）或者 WSDL 优先（WSDL First）来轻松地实现 Web Services 的发布和使用，同时它能与spring进行完美结合。 
在apache cxf官网提供</div>
                                </li>
                                <li><a href="/article/1867.htm"
                                       title="angular.equals" target="_blank">angular.equals</a>
                                    <span class="text-muted">boyitech</span>
<a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a><a class="tag" taget="_blank" href="/search/AnguarJS+%E4%B8%AD%E6%96%87API/1.htm">AnguarJS 中文API</a><a class="tag" taget="_blank" href="/search/angular.equals/1.htm">angular.equals</a>
                                    <div>angular.equals 
   描述:  
  比较两个值或者两个对象是不是 相等。还支持值的类型，正则表达式和数组的比较。       两个值或对象被认为是 相等的前提条件是以下的情况至少能满足一项：  
 
 
   
   
   两个值或者对象能通过=== （恒等） 的比较 
   两个值或者对象是同样类型，并且他们的属性都能通过angular</div>
                                </li>
                                <li><a href="/article/1994.htm"
                                       title="java-腾讯暑期实习生-输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A[0]*A[1]*...*A[i-1]*A[i+1]" target="_blank">java-腾讯暑期实习生-输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A[0]*A[1]*...*A[i-1]*A[i+1]</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>这道题的具体思路请参看 何海涛的微博：http://weibo.com/zhedahht 
 

import java.math.BigInteger;
import java.util.Arrays;

public class CreateBFromATencent {

	/**
	 * 题目：输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A</div>
                                </li>
                                <li><a href="/article/2121.htm"
                                       title="FastDFS 的安装和配置 修订版" target="_blank">FastDFS 的安装和配置 修订版</a>
                                    <span class="text-muted">Chen.H</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/fastDFS/1.htm">fastDFS</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F%E6%96%87%E4%BB%B6%E7%B3%BB%E7%BB%9F/1.htm">分布式文件系统</a>
                                    <div>FastDFS Home:http://code.google.com/p/fastdfs/ 
1. 安装 
http://code.google.com/p/fastdfs/wiki/Setup http://hi.baidu.com/leolance/blog/item/3c273327978ae55f93580703.html 
安装libevent (对libevent的版本要求为1.4.</div>
                                </li>
                                <li><a href="/article/2248.htm"
                                       title="[强人工智能]拓扑扫描与自适应构造器" target="_blank">[强人工智能]拓扑扫描与自适应构造器</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
                                    <div> 
 
 
      当我们面对一个有限拓扑网络的时候,在对已知的拓扑结构进行分析之后,发现在连通点之后,还存在若干个子网络,且这些网络的结构是未知的,数据库中并未存在这些网络的拓扑结构数据....这个时候,我们该怎么办呢? 
 
      那么,现在我们必须设计新的模块和代码包来处理上面的问题</div>
                                </li>
                                <li><a href="/article/2375.htm"
                                       title="oracle merge into的用法" target="_blank">oracle merge into的用法</a>
                                    <span class="text-muted">daizj</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/merget+into/1.htm">merget into</a>
                                    <div>Oracle中merge into的使用 
http://blog.csdn.net/yuzhic/article/details/1896878 
http://blog.csdn.net/macle2010/article/details/5980965 
该命令使用一条语句从一个或者多个数据源中完成对表的更新和插入数据. ORACLE 9i 中，使用此命令必须同时指定UPDATE 和INSE</div>
                                </li>
                                <li><a href="/article/2502.htm"
                                       title="不适合使用Hadoop的场景" target="_blank">不适合使用Hadoop的场景</a>
                                    <span class="text-muted">datamachine</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a>
                                    <div>转自：http://dev.yesky.com/296/35381296.shtml。 
　　Hadoop通常被认定是能够帮助你解决所有问题的唯一方案。 当人们提到“大数据”或是“数据分析”等相关问题的时候，会听到脱口而出的回答：Hadoop!  实际上Hadoop被设计和建造出来，是用来解决一系列特定问题的。对某些问题来说，Hadoop至多算是一个不好的选择，对另一些问题来说，选择Ha</div>
                                </li>
                                <li><a href="/article/2629.htm"
                                       title="YII findAll的用法" target="_blank">YII findAll的用法</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a>
                                    <div>看文档比较糊涂，其实挺简单的： 
$predictions=Prediction::model()->findAll("uid=:uid",array(":uid"=>10)); 
  
第一个参数是选择条件：”uid=10″。其中:uid是一个占位符，在后面的array(“:uid”=>10)对齐进行了赋值； 
更完善的查询需要</div>
                                </li>
                                <li><a href="/article/2756.htm"
                                       title="vim 常用 NERDTree 快捷键" target="_blank">vim 常用 NERDTree 快捷键</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a>
                                    <div>下面给大家整理了一些vim NERDTree的常用快捷键了，这里几乎包括了所有的快捷键了，希望文章对各位会带来帮助。 
切换工作台和目录 
ctrl + w + h 光标 focus 左侧树形目录ctrl + w + l 光标 focus 右侧文件显示窗口ctrl + w + w 光标自动在左右侧窗口切换ctrl + w + r 移动当前窗口的布局位置 
o 在已有窗口中打开文件、目录或书签，并跳</div>
                                </li>
                                <li><a href="/article/2883.htm"
                                       title="Java把目录下的文件打印出来" target="_blank">Java把目录下的文件打印出来</a>
                                    <span class="text-muted">蕃薯耀</span>
<a class="tag" taget="_blank" href="/search/%E5%88%97%E5%87%BA%E7%9B%AE%E5%BD%95%E4%B8%8B%E7%9A%84%E6%96%87%E4%BB%B6/1.htm">列出目录下的文件</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E5%A4%B9%E4%B8%8B%E9%9D%A2%E7%9A%84%E6%96%87%E4%BB%B6/1.htm">文件夹下面的文件</a><a class="tag" taget="_blank" href="/search/%E7%9B%AE%E5%BD%95%E4%B8%8B%E7%9A%84%E6%96%87%E4%BB%B6/1.htm">目录下的文件</a>
                                    <div>Java把目录下的文件打印出来 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
蕃薯耀 2015年7月11日 11:02:</div>
                                </li>
                                <li><a href="/article/3010.htm"
                                       title="linux远程桌面----VNCServer与rdesktop" target="_blank">linux远程桌面----VNCServer与rdesktop</a>
                                    <span class="text-muted">hanqunfeng</span>
<a class="tag" taget="_blank" href="/search/Desktop/1.htm">Desktop</a>
                                    <div>windows远程桌面到linux，需要在linux上安装vncserver，并开启vnc服务，同时需要在windows下使用vnc-viewer访问Linux。vncserver同时支持linux远程桌面到linux。 
  
linux远程桌面到windows，需要在linux上安装rdesktop，同时开启windows的远程桌面访问。 
  
下面分别介绍，以windo</div>
                                </li>
                                <li><a href="/article/3137.htm"
                                       title="guava中的join和split功能" target="_blank">guava中的join和split功能</a>
                                    <span class="text-muted">jackyrong</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>guava库中，包含了很好的join和split的功能，例子如下： 
 
1） 将LIST转换为使用字符串连接的字符串 
   

    List<String> names = Lists.newArrayList("John", "Jane", "Adam", "Tom");
</div>
                                </li>
                                <li><a href="/article/3264.htm"
                                       title="Web开发技术十年发展历程" target="_blank">Web开发技术十年发展历程</a>
                                    <span class="text-muted">lampcy</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
                                    <div>回顾web开发技术这十年发展历程： 
Ajax 
03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 
彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a</div>
                                </li>
                                <li><a href="/article/3391.htm"
                                       title="架构师之mima-----------------mina的非NIO控制IOBuffer(说得比较好)" target="_blank">架构师之mima-----------------mina的非NIO控制IOBuffer(说得比较好)</a>
                                    <span class="text-muted">nannan408</span>
<a class="tag" taget="_blank" href="/search/buffer/1.htm">buffer</a>
                                    <div>1.前言。 
  如题。 
2.代码。 
  

IoService

IoService是一个接口，有两种实现：IoAcceptor和IoConnector；其中IoAcceptor是针对Server端的实现，IoConnector是针对Client端的实现；IoService的职责包括：

1、监听器管理

2、IoHandler

3、IoSession</div>
                                </li>
                                <li><a href="/article/3518.htm"
                                       title="ORA-00054:resource busy and acquire with NOWAIT specified" target="_blank">ORA-00054:resource busy and acquire with NOWAIT specified</a>
                                    <span class="text-muted">Everyday都不同</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/session/1.htm">session</a><a class="tag" taget="_blank" href="/search/Lock/1.htm">Lock</a>
                                    <div>[Oracle] 
今天对一个数据量很大的表进行操作时，出现如题所示的异常。此时表明数据库的事务处于“忙”的状态，而且被lock了，所以必须先关闭占用的session。 
  
step1，查看被lock的session： 
  
select t2.username, t2.sid, t2.serial#, t2.logon_time
  from v$locked_obj</div>
                                </li>
                                <li><a href="/article/3645.htm"
                                       title="javascript学习笔记" target="_blank">javascript学习笔记</a>
                                    <span class="text-muted">tntxia</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
                                    <div>  
javascript里面有6种基本类型的值:number、string、boolean、object、function和undefined。number：就是数字值，包括整数、小数、NaN、正负无穷。string:字符串类型、单双引号引起来的内容。boolean:true、false object:表示所有的javascript对象，不用多说function:我们熟悉的方法，也就是</div>
                                </li>
                                <li><a href="/article/3772.htm"
                                       title="Java enum的用法详解" target="_blank">Java enum的用法详解</a>
                                    <span class="text-muted">xieke90</span>
<a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/%E6%9E%9A%E4%B8%BE/1.htm">枚举</a>
                                    <div>Java中枚举实现的分析： 
    示例：  
public static enum SEVERITY{
          INFO,WARN,ERROR
} 
    enum很像特殊的class，实际上enum声明定义的类型就是一个类。 而这些类都是类库中Enum类的子类      (java.l</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>