上一篇 #2 从零开始制作在线 代码编辑器 输入功能 简单的原理 输入功能的话，利用一个不可见的 （ 这里叫它<code>inputer</code>）来接受键盘事件，当用户将内容输入到<code>inputer</code>中，通过监听事件<code>oninput</code>的回调函数将<code>inputer</code>中的内容(<code>$inputer.value</code>)获取到，然后复制给当前行的文本节点中（<code>Line.$ref.textContent = $inputer.value</code>），最后清空<code>inputer</code>中的内容（<code>$inputer.value = ''</code>）。<br> 另外为了能让<code>inputer</code>一直有效保持聚焦状态，每次鼠标点击在编辑器的内部时，都要去进行一次聚焦操作...吧?!</p> <p>现在可能有个问题就是：假如有多个光标（之后的每一个功能都会优先考虑多光标的情况哦~），对每个光标所在的那一行需要输入一些文字，但是<code>Line</code>所管理的当前行只有一个，代码写起来会有点别扭..<br> 就像一桌人在饭店吃饭，但是筷子却只有一双，只有一个人吃完才把筷子留给下个人用的感觉...希望的是，每个人都有一双筷子，会比较爽...~<br> 对于计算姬们来说，不是不行，甚至可能是更好的方法，毕竟节省了的资源。但是在开发初期，只管开发者爽会让项目进展的更快吧..?(</p> <div class="image-package"> <div class="image-container" style="max-width: 135px; max-height: 130px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/d591ff97a2cd428cacead632aac58423.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/d591ff97a2cd428cacead632aac58423.jpg" width="135" height="130" alt="#3 从零开始制作在线 代码编辑器_第2张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"></div> </div> <p>所以这里更改下<code>Line</code>与<code>Cursor</code>的代码，让每一个<code>Cursor实例</code>去维护一个记录当前行的<code>Line实例</code>。</p> <h4>code</h4> <pre><code class="js">文件位置 serval/script/harusame-line.js 由于 Line 需要被实例化，而且考虑到方便与扩展起见，几乎改了整个harusame-line.js，所以这里会贴出完整的代码 ; ; /** * 1. 行号 的元素节点的 id前缀 * 2. 行内容 的元素节点的 id前缀 * 3. 初始行号 * 4. 行 的高度，同样，这里先约（写）定（死），暴露给外面使用 */ (function (config) { var Line = function () { this.$line_content = null } var self = Line self.line_number_sign = 'LNS' /* 1 */ self.line_content_sign = 'LCS' /* 2 */ self.start_line = 1 /* 3 */ self.line_height = 20 /* 4 */ /** * 获得该行的行号DOM */ self.getLineNumberByLogicalY = function (v_line_number) { return document.getElementById(self.line_number_sign + v_line_number) } /** * 获得该行的行内容的DOM */ self.getLineContentByLogicalY = function (v_line_number) { return document.getElementById(self.line_content_sign + v_line_number) } /** * 生成一行 * @param content {string} 初始内容 */ self.generateLine = function (v_content) { var line_number = self.max_line_number var initial_content = v_content || '' return Template.line({ line_number: line_number, initial_content: initial_content, line_content_sign: self.line_content_sign, line_number_sign: self.line_number_sign, start_line: self.start_line }) } /** * 生成最大行号 */ var PROXY_max_line_number = 0 Object.defineProperty(self, 'max_line_number', { set: function (v_max_line_number) { PROXY_max_line_number = v_max_line_number }, get: function () { return PROXY_max_line_number++ } }) /** * set: * 1. 记录当前行 * 2. 记录当前行的 DOM * get: * 1. 返回当前行 */ var PROXY_line = 0 Object.defineProperty(self, 'line', { set: function (v_logicalY) { PROXY_line = v_logicalY /* 1 */ self.$ref = document.getElementById(self.line_content_sign + v_logicalY) /* 2 */ }, get: function () { return PROXY_line } }) window.Line = Line })() </code></pre> <pre><code class="js">文件位置 serval/script/harusame-template.js 同样是 line 处 /** * 行 * @param line_number {string} 行号 * @param initial_content {string} 该行初始内容 */ line: function (params) { var line_number = params.line_number return SatoriDom.compile( e('div', {'class': 'line'}, [ e('div', {'class': 'line-number-wrap'}, [ e('span', {'id': params.line_number_sign + line_number, 'class': 'line-number'}, line_number + params.start_line + '') ]), e('div', {'class': 'code-wrap'}, [ e('code', {'id': params.line_content_sign + line_number, 'class': 'code-content'}, params.initial_content || '') ]) ]) ) }, </code></pre> <pre><code class="js">文件位置 serval/script/harusame-serval.js 部分改动 var Serval = function (config) { // ... this._bindMouseEvent() this._bindKeyboardEvent() /* 新增 */ } Serval.prototype = { // ... /** * 绑定各种鼠标事件 */ _bindMouseEvent: function () { var self = this /** * addEventListener 是指自己写的方法，见最下面 * 当 mousedown 时，就对光标位置进行计算 * 1. 取消鼠标默认的行为，否则 2 不会生效 * 2. 让编辑器总是能够接受键盘事件 * 3. 定位鼠标 */ addEventListener(self.$serval_container, 'mousedown', function (event) { event.preventDefault() /* 1 */ self.$inputer.focus() /* 2 */ self.allocTask(function (v_cursor) { v_cursor.psysicalY = event.layerY v_cursor.psysicalX = event.layerX }) }) }, /** * 绑定各种键盘事件 */ _bindKeyboardEvent: function () { var self = this /** * 当对 $inputer 进行输入的时候 * 1. 统一使用 insertContent 进行内容的插入 * 2. 清除 $inputer 中的文本内容 */ addEventListener(self.$inputer, 'input', function (event) { var content = self.$inputer.value self.allocTask(function (v_cursor) { self.insertContent(v_cursor, content) }) self.$inputer.value = '' }) }, /** * 插入内容 * 1. 缓存该光标所在的行的DOM * 2. 缓存该行的文本内容 * 3. 取得光标之前的字符串 * 4. 取得光标之后的字符串 * 5. 拼接出完整的插入内容后的字符串 * 6. 移动游标 */ _insertContent: function (v_cursor, v_content) { var $line = v_cursor.line.$line_content /* 1 */ var textContent = $line.textContent /* 2 */ var logicalX = v_cursor.logicalX var content_before = textContent.substring(0, logicalX) /* 3 */ var content_after = textContent.substring(logicalX, textContent.length) /* 4 */ $line.textContent = content_before + v_content + content_after /* 5 */ v_cursor.logicalX += v_content.length /* 6 */ }, // ... } </code></pre> <p>现在就可以进行输入啦~（如果出现错误，可能是因为之前的<code>harusame-cursor.js</code>中的<code>calcX</code>中的偷偷做了修改_(:3」∠)... <code>i</code> 改为 <code>i + 1</code> <code>i - 1</code> 改为 <code>i</code> 以及 <code>calcPsysicalX</code> 中的 <code><=</code> 改为 <code><</code>），效果见 图3-1。</p> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 233px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/32c6c7b07b2c464287b8388227c86f27.gif" target="_blank"><img src="http://img.e-com-net.com/image/info10/32c6c7b07b2c464287b8388227c86f27.gif" width="801" height="233" alt="#3 从零开始制作在线 代码编辑器_第3张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> 图3-1 </div> </div> <p>嗯嗯...看上去很美好，很有成就感，但是还不够！</p> <h4>中文的输入 与 浏览器事件行为的差异</h4> <p>理论上来说，当然实践上也是，输入法会从逻辑上被禁用...还无法输入中文等需要拼写的文字哦。毕竟准备变成中文字符的字母全被'偷'走了。在<code>input</code>的回调函数中加入<br> <code>console.info('emit input')</code>来看看发生了什么...<br> 在 火狐 中见 图3-2。</p> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 611px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/f96555d9d9404e0ba5c39b516ea2ba00.gif" target="_blank"><img src="http://img.e-com-net.com/image/info10/f96555d9d9404e0ba5c39b516ea2ba00.gif" width="1261" height="611" alt="#3 从零开始制作在线 代码编辑器_第4张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> 图3-2 </div> </div> <p>在 Chrome 中见 图3-3。</p> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 611px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/297c4cafb57e4d719f1c875534883201.gif" target="_blank"><img src="http://img.e-com-net.com/image/info10/297c4cafb57e4d719f1c875534883201.gif" width="1261" height="611" alt="#3 从零开始制作在线 代码编辑器_第5张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> 图3-3 </div> </div> <p>可以看到在打开输入法的情况下，要拼写的字母直接就被拖进行里面了，并且在火狐中会连续触发三次<code>oninput</code>，而在 Chrome 中只会正常点地触发一次。<br> 虽然这个不同浏览器对事件作出行为的差异与之后的解决方案没有什么直接关系，但是预先记录并提醒一下，在之后也与会遇到类似的不同浏览器之间事件行为的差异，并且会导致编辑器出问题。很幸运，这里不会就是了~</p> <p>要想使用拼写的能力，这时候需要<code>compositionstart</code>与<code>compositionend</code>的两个事件来配合使用解决问题啦。<br> <code>compositionstart</code>与<code>compositionend</code> 往往用在输入法的处理方面。</p> <p>在 MDN 中有相关解释。<br> 这里作简单地解释，就像在键盘上按下一个键，会依次触发<code>keydown</code> <code>keyup</code>一样，当输入（拼写）文字的时候，也会依次触发<code>compositionstart</code> <code>compositionend</code>。拿敲入<code>nihao</code> 为例的话，在敲<code>n</code>的时候，<code>compositionstart</code>会触发，期间每次敲入一个字母都会触发<code>compositionupdate</code>（这个事件的意思听名字就能猜出来了，虽然这里没有用到），在敲完<code>nihao</code>，按下空格键、或者回车键、或者鼠标选择文字等把拼写后的内容（<code>你好</code>、<code>尼壕</code>、<code>你号</code>什么的）进行输出的时候，才会触发<code>compositionend</code>事件。常理是这样哦~<br> 但是做的时候就遇到问题了，这里就直接说了，在火狐中会有迷の行为。<br> 先把代码改成这样，然后见图 3-4</p> <pre><code class="js">文件位置 serval/script/harusame-serval.js _bindKeyboardEvent: function () { var self = this var typewriting_switch = false /* 用来标识是否正在使用输入法，一般都会这么用 */ addEventListener(self.$inputer, 'compositionstart', function (event) { console.info('emit compositionstart', event) typewriting_switch = true }) addEventListener(self.$inputer, 'compositionend', function (event) { console.info('emit compositionend', event) typewriting_switch = false }) /** * 当对 $inputer 进行输入的时候 * 1. 统一使用 _insertContent 进行内容的插入 * 2. 清除 $inputer 中的文本内容 */ addEventListener(self.$inputer, 'input', function (event) { console.info('emit input') if (!typewriting_switch) { var content = self.$inputer.value self.allocTask(function (v_cursor) { self._insertContent(v_cursor, content) }) self.$inputer.value = '' } }) }, </code></pre> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 609px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/48012e59490b4d05b76299e29de62ec7.gif" target="_blank"><img src="http://img.e-com-net.com/image/info10/48012e59490b4d05b76299e29de62ec7.gif" width="1290" height="609" alt="#3 从零开始制作在线 代码编辑器_第6张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> 图 3-4 </div> </div> <p>可以看到在火狐中，利用输入法敲入<code>nihao</code>后，会依次</p> <ol> <li>首先触发<code>compositionstart</code> </li> <li>触发五次<code>input</code>（因为<code>nihao</code>有五个字母），并且这五个字母不算作<code>$inputer.value</code>中。</li> <li>选择<code>你好</code> 进行输出，触发 <code>compositionend</code>，并且在<code>data</code>中可以获取。</li> <li>触发一次 <code>input</code> </li> <li>再次触发<code>compositionstart</code> </li> <li>触发一次 <code>input</code> </li> <li>再次触发<code>compositionend</code>，但此时<code>data</code>中是空的</li> <li>触发一次 <code>input</code> </li> </ol> <p>这方面的话，我也不是很懂啦...突然触发那么多事件...!?</p> <div class="image-package"> <div class="image-container" style="max-width: 113px; max-height: 100px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/0ede42df41194d5a9f4bda0d29d95c99.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/0ede42df41194d5a9f4bda0d29d95c99.jpg" width="113" height="100"></a> </div> </div> <div class="image-caption"></div> </div> <p>不过也没关系，再看看 Chrome 中的行为。</p> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 609px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/560b30a2109e43c28623bb119624721f.gif" target="_blank"><img src="http://img.e-com-net.com/image/info10/560b30a2109e43c28623bb119624721f.gif" width="1290" height="609" alt="#3 从零开始制作在线 代码编辑器_第7张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> 图3-5 </div> </div> <p>这就很正常了，并且会发现编辑器中的第一行没有<code>你好</code>输出，这才是正常啊~！因为输出文字是利用<code>input</code>的，Chrome 最后并没有触发 <code>input</code>，而在火狐中肯定是触发了<code>input</code>再输出的<code>你好</code>。这里可以看到火狐跟 Chrome 都能够使用<code>compositionend.data</code>来获取到输出的内容，如果此时停止执行<code>input</code>回调函数中的逻辑的话，这样就能获得完整的输入法体验了。</p> <h4>code</h4> <pre><code class="js">文件位置 serval/script/harusame-serval.js 只改部分哦 /** * 绑定各种键盘事件 */ _bindKeyboardEvent: function () { var self = this var typewriting_switch = false /* 用来标识是否正在使用输入法，一般都会这么用 */ /** * 当准备使用输入法进行输入时 * 1. 开启输入法标识 */ addEventListener(self.$inputer, 'compositionstart', function (event) { typewriting_switch = true }) /** * 当准备使用输入法进行输出时 * 1. 输出内容 * 2. 清空 $inputer 中的内容 * 3. 做完这些事后，关闭输入法标识 */ addEventListener(self.$inputer, 'compositionend', function (event) { var content = event.data /* 因为火狐会触发两次 compositionend，而第二次的 data 是没有数据的，所以只需要取有数据的那次 */ if (content.length !== 0) { /* 1 */ self.allocTask(function (v_cursor) { self._insertContent(v_cursor, content) }) self.$inputer.value = '' /* 2 */ } typewriting_switch = false /* 3 */ }) /** * 当对 $inputer 进行输入的时候 * 1. 只有输入法未开启时，才使用 input 事件 进行输出 * 1. 统一使用 _insertContent 进行内容的插入 * 2. 清除 $inputer 中的文本内容 */ addEventListener(self.$inputer, 'input', function (event) { /* 1 */ if (!typewriting_switch) { var content = self.$inputer.value self.allocTask(function (v_cursor) { self._insertContent(v_cursor, content) /* 1 */ }) self.$inputer.value = '' /* 2 */ } }) }, </code></pre> <p>来看看效果吧，文字就顺手敲得...图3-6 ~</p> <div class="image-package"> <div class="image-container" style="max-width: 700px; max-height: 363px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/ea389b67c8c84708b9acc20543773864.gif" target="_blank"><img src="http://img.e-com-net.com/image/info10/ea389b67c8c84708b9acc20543773864.gif" width="812" height="363" alt="#3 从零开始制作在线 代码编辑器_第8张图片" style="border:1px solid black;"></a> </div> </div> <div class="image-caption"> 图3-6 </div> </div> <div class="image-package"> <div class="image-container" style="max-width: 70px; max-height: 88px;"> <div class="image-view"> <a href="http://img.e-com-net.com/image/info10/71bb0aae4cfb4884a15088fa138da34d.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info10/71bb0aae4cfb4884a15088fa138da34d.jpg" width="70" height="88"></a> </div> </div> <div class="image-caption"></div> </div> <p>下一篇可能是回车</p> <hr> <p><code>CHANGELOG</code></p> <p><code>2017年7月20日 22:56</code><br> <code>D</code> <code>删除了 不小心粘贴上来的 剧透内容</code></p> <hr> <p><code>上一篇</code><br> #2 从零开始制作在线 代码编辑器</p> <p><code>下一篇</code><br> #4 从零开始制作在线 代码编辑器</p> </article> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1244710018486489088"></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">你可能感兴趣的:(#3 从零开始制作在线 代码编辑器)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1950232782412247040.htm" title="日更006 终极训练营day3" target="_blank">日更006 终极训练营day3</a> <span class="text-muted">懒cici</span> <div>人生创业课（2）今天的主题：学习方法一：遇到有用的书，反复读，然后结合自身实际，列践行清单，不要再写读书笔记思考这本书与我有什么关系，我在哪些地方能用到，之后我该怎么用方法二：读完书没映像怎么办?训练你的大脑，方法：每读完一遍书，立马合上书，做一场分享，几分钟都行对自己的学习要求太低，要逼自己方法三：学习深度不够怎么办？找到细分领域的榜样，把他们的文章、书籍、产品都体验一遍，成为他们的超级用户，向</div> </li> <li><a href="/article/1950232316408295424.htm" title="9、汇编语言编程入门：从环境搭建到简单程序实现" target="_blank">9、汇编语言编程入门：从环境搭建到简单程序实现</a> <span class="text-muted">神经网络酱</span> <a class="tag" taget="_blank" href="/search/%E6%B1%87%E7%BC%96%E8%AF%AD%E8%A8%80/1.htm">汇编语言</a><a class="tag" taget="_blank" href="/search/MEPIS/1.htm">MEPIS</a><a class="tag" taget="_blank" href="/search/GNU%E5%B7%A5%E5%85%B7%E9%93%BE/1.htm">GNU工具链</a> <div>汇编语言编程入门：从环境搭建到简单程序实现1.数据存储介质问题解决在处理数据存储时，若要使用MEPIS系统，需确保有其可访问的存储介质。目前，MEPIS无法向采用NTFS格式（常用于Windows2000和XP工作站）的硬盘写入数据。不过，若硬盘采用FAT32格式，MEPIS就能进行写入操作。此外，MEPIS还能将文件写入软盘和大多数USB闪存驱动器。若工作站连接到局域网，还可通过FTP协议或挂载</div> </li> <li><a href="/article/1950231640819167232.htm" title="贝多芬诞辰250周年纪念" target="_blank">贝多芬诞辰250周年纪念</a> <span class="text-muted">万千星河赴远方</span> <div>就算不是古典音乐爱好者，你也一定听说过贝多芬。作为古典音乐史上最伟大的音乐家之一，他不仅是古典主义风格的集大成者，同时也是浪漫主义风格的开创者。贝多芬肖像画（1813年）贝多芬的一生共创作了9部交响曲、36首钢琴奏鸣曲、10部小提琴奏鸣曲、16首弦乐四重奏、1部歌剧及2部弥撒曲等等。数量虽然不及前辈海顿、莫扎特多，但他几乎改造了当时所有的音乐表达形式，赋予了它们全新的价值，对后世音乐的发展产生了极</div> </li> <li><a href="/article/1950231508648259584.htm" title="三件事—小白猫·雨天·八段锦" target="_blank">三件事—小白猫·雨天·八段锦</a> <span class="text-muted">咸鱼月亮</span> <div>1.最近楼下出现一只非常漂亮的粘人小白猫，看着不像是流浪猫，非常亲人。眼睛比蓝球的还大，而且是绿色的，很漂亮。第一次遇到它，它就跟我到电梯口，如果我稍微招招手，肯定就跟我进电梯了。后来我喂过它几次，好可惜不能养它，一只蓝球就是我的极限了。2.下雨天就心烦，好奇怪。明明以前我超爱看窗外的雨和听雨声，看来近来的心情不够宁静了。3.最近在练八段锦，从第一次就爱上了这个运动，很轻松缓慢，但是却出汗。感觉可</div> </li> <li><a href="/article/1950231308781285376.htm" title="力扣热题100-------54. 螺旋矩阵" target="_blank">力扣热题100-------54. 螺旋矩阵</a> <span class="text-muted">海航Java之路</span> <a class="tag" taget="_blank" href="/search/%E5%8A%9B%E6%89%A3/1.htm">力扣</a><a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/%E7%9F%A9%E9%98%B5/1.htm">矩阵</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>给你一个m行n列的矩阵matrix，请按照顺时针螺旋顺序，返回矩阵中的所有元素。示例1：输入：matrix=[[1,2,3],[4,5,6],[7,8,9]]输出：[1,2,3,6,9,8,7,4,5]示例2：输入：matrix=[[1,2,3,4],[5,6,7,8],[9,10,11,12]]输出：[1,2,3,4,8,12,11,10,9,5,6,7]提示：m==matrix.lengthn</div> </li> <li><a href="/article/1950230873060208640.htm" title="你要记住，最重要的是:随时做好准备，为了你可能成为更好的自己，放弃现在的自己。" target="_blank">你要记住，最重要的是:随时做好准备，为了你可能成为更好的自己，放弃现在的自己。</a> <span class="text-muted">霖霖z</span> <div>打卡人:周云日期:2018年11月09日【日精进打卡第180天】【知～学习】《六项精进》0遍共214遍《通篇》1遍共106遍《大学》2遍共347遍《坚强工作，温柔生活》ok《不抱怨的世界》104-108页《经典名句》你要记住，最重要的是:随时做好准备，为了你可能成为更好的自己，放弃现在的自己。【行～实践】一、修身：（对自己个人）1、坚持打卡二、齐家：（对家庭和家人）打扫卫生，接送孩子，洗衣做饭，陪</div> </li> <li><a href="/article/1950230804957294592.htm" title="SpringMVC执行流程（原理），通俗易懂" target="_blank">SpringMVC执行流程（原理），通俗易懂</a> <span class="text-muted">国服冰</span> <a class="tag" taget="_blank" href="/search/SpringMVC/1.htm">SpringMVC</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a> <div>SpringMVC执行流程（原理），通俗易懂一、图解SpringMVC流程二、进一步理解Springmvc的执行流程1、导入依赖2、建立展示的视图3、web.xml4、spring配置文件springmvc-servlet5、Controller6、tomcat配置7、访问的url8、视图页面一、图解SpringMVC流程图为SpringMVC的一个较完整的流程图，实线表示SpringMVC框架提</div> </li> <li><a href="/article/1950230678696161280.htm" title="C++ 计数排序、归并排序、快速排序" target="_blank">C++ 计数排序、归并排序、快速排序</a> <span class="text-muted">每天搬一点点砖</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</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/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>计数排序：是一种基于哈希的排序算法。他的基本思想是通过统计每个元素的出现次数，然后根据统计结果将元素依次放入排序后的序列中。这种排序算法适用于范围较小的情况，例如整数范围在0到k之间计数排序步骤：1初始化一个长度为最大元素值加1的计数数组，所有元素初始化为02遍历原始数组，将每个元素值作为索引，在计数数组中对应位置加13将数组清空4遍历计数器数组，按照数组中的元素个数放回到元数组中计数排序的优点和</div> </li> <li><a href="/article/1950229985633562624.htm" title="2023-11-02" target="_blank">2023-11-02</a> <span class="text-muted">一帆f</span> <div>发现浸润心田的感觉：今天一个机缘之下突然想分享我的婆媳关系，我一边分享一边回忆我之前和儿媳妇关系的微妙变化，特别是分享到我能感受到儿媳妇的各种美好，现在也能心平气和的和老公平等对话，看到自己看到老公，以己推人以人推己自然而然的换位思考，心中有一种美好的能量在涌动，一种浸润心田的感觉从心胸向全身扩散，美好极了……我很想记住这种感觉，赶紧把它写下来以留纪念，也就是当我看见他人的美好，美好的美妙的浸润心</div> </li> <li><a href="/article/1950229040682037248.htm" title="48. 旋转图像 - 力扣（LeetCode）" target="_blank">48. 旋转图像 - 力扣（LeetCode）</a> <span class="text-muted">Fiee-77</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%BB%84/1.htm">数组</a><a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</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/%E6%95%B0%E7%BB%84/1.htm">数组</a> <div>题目：给定一个n×n的二维矩阵matrix表示一个图像。请你将图像顺时针旋转90度。你必须在原地旋转图像，这意味着你需要直接修改输入的二维矩阵。请不要使用另一个矩阵来旋转图像。示例1：输入：matrix=[[1,2,3],[4,5,6],[7,8,9]]输出：[[7,4,1],[8,5,2],[9,6,3]]示例2：输入：matrix=[[5,1,9,11],[2,4,8,10],[13,3,6,</div> </li> <li><a href="/article/1950228596207448064.htm" title="日更50天有什么收益？" target="_blank">日更50天有什么收益？</a> <span class="text-muted">星湾二宝</span> <div>坚持在平台上日更50天了，平台也为我生成了日更50天徽章，小开心一下这份坚持。日更50天徽章那坚持50天都有哪些收益呢？收益一，就是最直观的那些钻和贝，我这边确实不太高，但是这些贝足够支撑我保持会员的资格，能够在发文的时候帮助友友们去除广告，方便阅读。钻和贝收益二，文章的收获，日更50天，坚持写作3.7万文字，书写的文字也从开始的流水账/碎碎念逐渐加入自己的思考和观点。以前，一个念头会一晃而过，如</div> </li> <li><a href="/article/1950228158863175680.htm" title="英伟达靠什么支撑起了4万亿？AI泡沫还能撑多久？" target="_blank">英伟达靠什么支撑起了4万亿？AI泡沫还能撑多久？</a> <span class="text-muted"></span> <div>英伟达市值突破4万亿美元，既是AI算力需求爆发的直接体现，也暗含市场对未来的狂热预期。其支撑逻辑与潜在风险并存，而AI泡沫的可持续性则取决于技术、商业与地缘政治的复杂博弈。⚙️一、英伟达4万亿市值的核心支撑因素技术垄断与生态壁垒硬件优势：英伟达GPU在AI训练市场占有率超87%，H100芯片的FP16算力达1979TFLOPS，领先竞品3-5倍。CUDA生态：400万开发者构建的软件护城河，成为A</div> </li> <li><a href="/article/1950227023859347456.htm" title="Linux系统配置（应用程序）" target="_blank">Linux系统配置（应用程序）</a> <span class="text-muted">1风天云月</span> <a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F/1.htm">应用程序</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%AF%91%E5%AE%89%E8%A3%85/1.htm">编译安装</a><a class="tag" taget="_blank" href="/search/rpm/1.htm">rpm</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a> <div>目录前言一、应用程序概述1、命令与程序的关系2、程序的组成3、软件包封装类型二、RPM1、RPM概述2、RPM用法三、编译安装1、解包2、配置3、编译4、安装5、启用httpd服务结语前言在Linux中的应用程序被视为将软件包安装到系统中后产生的各种文档，其中包括可执行文件、配置文件、用户手册等内容，这些文档被组织为一个有机的整体，为用户提供特定的功能，因此对于“安装软件包”与“安装应用程序”这两</div> </li> <li><a href="/article/1950227023192453120.htm" title="MotionLCM 部署优化 踩坑解决bug" target="_blank">MotionLCM 部署优化 踩坑解决bug</a> <span class="text-muted">AI算法网奇</span> <a class="tag" taget="_blank" href="/search/aigc%E4%B8%8E%E6%95%B0%E5%AD%97%E4%BA%BA/1.htm">aigc与数字人</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0%E5%AE%9D%E5%85%B8/1.htm">深度学习宝典</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E7%94%9Fmotion/1.htm">文生motion</a> <div>目录依赖项windowstorchok：渲染黑白图问题解决：humanml3d：sentence-t5-large下载数据：报错：Nomodulenamed'sentence_transformers'继续报错：fromtransformers.integrationsimportCodeCarbonCallback解决方法：推理相关转mesh：module‘matplotlib.cm‘hasno</div> </li> <li><a href="/article/1950225785054883840.htm" title="Java | 多线程经典问题 - 售票" target="_blank">Java | 多线程经典问题 - 售票</a> <span class="text-muted">Ada54</span> <div>一、售票需求1）同一个票池2）多个窗口卖票，不能出售同一张票二、售票问题代码实现（线程与进程小总结，请戳：Java|线程和进程，创建线程）step1：定义SaleWindow类实现Runnable接口，覆盖run方法step2：实例化SaleWindow对象，创建Thread对象，将SaleWindow作为参数传给Thread类的构造函数，然后通过Thread.start()方法启动线程step3</div> </li> <li><a href="/article/1950225530758426624.htm" title="2021-会说话的人运气都不会太差-会说话的人更善于倾听（5）沉默、留白" target="_blank">2021-会说话的人运气都不会太差-会说话的人更善于倾听（5）沉默、留白</a> <span class="text-muted">12_德德</span> <div>21、说话时，如想强调某一部分，一个有效方法是，以沉默留出空白。留出多大空白才好呢？7秒。22、沉默所营造的“空白”长度，说的人感觉到的，是实际长度的3倍，而听的人感觉到的，则只有实际长度的1/3。23、只要善于用“一直”来表达，就不会给人以不过是一时任性之感。能说“一直”的人，会得到周围的支持，在合适的时候想到你。24、要得到“是把好手”的高度评价，就要展示你对公司的热爱。特别是，如能对上司或公</div> </li> <li><a href="/article/1950225532016717824.htm" title="恩小希美食成长日记之118：“摘星女神”王亚平归来，她的婚姻，治愈了多少职场女性的痛" target="_blank">恩小希美食成长日记之118：“摘星女神”王亚平归来，她的婚姻，治愈了多少职场女性的痛</a> <span class="text-muted">恩小希</span> <div>上周最为热闹的消息,无疑是神舟13号的三位航天英雄回来了.其中,最为瞩目的就是王亚平.她是我国首位进行太空行走的女航天员,也是为自己小女儿“摘星星的妈妈”。作为最受关注的职场妈妈，王亚平之所以能够成就这样一番事业，跟背后默默支持她的丈夫--赵鹏分不开。01王亚平1980年出生于山东烟台。父母都是地地道道的农民。王亚平这个姑娘从小体质好，一直练习长跑。高中时，空军来家乡招收女飞行员，作为体育班里唯一</div> </li> <li><a href="/article/1950225255557558272.htm" title="力扣面试题07 - 旋转矩阵" target="_blank">力扣面试题07 - 旋转矩阵</a> <span class="text-muted">茶猫_</span> <a class="tag" taget="_blank" href="/search/leetcode/1.htm">leetcode</a><a class="tag" taget="_blank" href="/search/%E7%9F%A9%E9%98%B5/1.htm">矩阵</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a> <div>题目：给你一幅由N×N矩阵表示的图像，其中每个像素的大小为4字节。请你设计一种算法，将图像旋转90度。不占用额外内存空间能否做到？示例1:给定matrix=[[1,2,3],[4,5,6],[7,8,9]],原地旋转输入矩阵，使其变为:[[7,4,1],[8,5,2],[9,6,3]]示例2:给定matrix=[[5,1,9,11],[2,4,8,10],[13,3,6,7],[15,14,12,</div> </li> <li><a href="/article/1950225020974329856.htm" title="2019-07-30" target="_blank">2019-07-30</a> <span class="text-muted">西域社群</span> <div>天地之间，分外热闹。望热浪涛涛，引无数帅哥竞开撩，夕窈窕淑女皆露腰。一代天骄，群里热闹。不见美女露妖娆，唯见帅哥手机忙，唐诗宋词，广为流传，惜字如金，声情并茂。君悉吾析，今日之局有套路，昨日之生惹人恋。聚往矣，数风流人物还看今朝！！</div> </li> <li><a href="/article/1950224745093984256.htm" title="在线人数统计业务设计（场景八股文）" target="_blank">在线人数统计业务设计（场景八股文）</a> <span class="text-muted"></span> <div>业务问题在当经的网站中，在线人数的实时统计已经是一个必不可少的模块了，并且该统计功能最好能够按不同的时间间隔做的统计，现在需要你设计一个在线人数统计的模块，你应该怎么进行设计的呢？背景一个网校下会有多个学员。目前平台大概有十个，平台对应的网校大概五十几个，平均一个网校会有5w个用户，预计总人数为200w，最该学员的在线人数在10w左右。设计思路最开始的时候，想到的就是使用mysql直接实现，但是明</div> </li> <li><a href="/article/1950224639502381056.htm" title="2018-09-27 aop相关" target="_blank">2018-09-27 aop相关</a> <span class="text-muted">蒋超_58dc</span> <div>1.静态织入，需要使用aspectj专用的compilermaven工程可以采用：https://www.mojohaus.org/aspectj-maven-plugin/2.动态织入，配合spring，创建代理来执行3.</div> </li> <li><a href="/article/1950224132230672384.htm" title="氧惠官方邀请码333777，氧惠邀请码怎么获得？氧惠邀请码有什么套路？" target="_blank">氧惠官方邀请码333777，氧惠邀请码怎么获得？氧惠邀请码有什么套路？</a> <span class="text-muted">知行导师</span> <div>问：氧惠邀请码怎么获得？答：氧惠官方邀请码333777返点高佣金高真的高。问：氧惠邀请码有什么套路？答：氧惠官方邀请码333777返点高佣金高真的高。氧惠APP汇聚各大主流电商和生活服务平台优惠，展示全网全品类商品，满足网购爱好者对品质好货与极致性价比的追求，并同时享受大平台购物权益保障。满足用户日常吃喝玩乐衣食住行的聚合APP，独特的商业模式，响应国家号召，为实现全民共富而努力奋斗。氧惠邀请码3</div> </li> <li><a href="/article/1950223497875746816.htm" title="最新阿里四面面试真题46道：面试技巧+核心问题+面试心得" target="_blank">最新阿里四面面试真题46道：面试技巧+核心问题+面试心得</a> <span class="text-muted">风平浪静如码</span> <div>前言做技术的有一种资历，叫做通过了阿里的面试。这些阿里Java相关问题，都是之前通过不断优秀人才的铺垫总结的，先自己弄懂了再去阿里面试，不然就是去丢脸，被虐。希望对大家帮助，祝面试成功，有个更好的职业规划。一，阿里常见技术面1、微信红包怎么实现。2、海量数据分析。3、测试职位问的线程安全和非线程安全。4、HTTP2.0、thrift。5、面试电话沟通可能先让自我介绍。6、分布式事务一致性。7、ni</div> </li> <li><a href="/article/1950223483048882176.htm" title="【ARM】FPU,VFP,ASE,NEON,SVE...是什么意思？" target="_blank">【ARM】FPU,VFP,ASE,NEON,SVE...是什么意思？</a> <span class="text-muted">亿道电子Emdoor</span> <a class="tag" taget="_blank" href="/search/ARM/1.htm">ARM</a><a class="tag" taget="_blank" href="/search/arm%E5%BC%80%E5%8F%91/1.htm">arm开发</a><a class="tag" taget="_blank" href="/search/ARM/1.htm">ARM</a> <div>1、文档目标对执行浮点和SIMD操作的逻辑的各种名称的缩写词进行简要解释。2、问题场景Arm处理器内核中有用于执行浮点和SIMD操作的逻辑，有各种名称。它们通常是一系列的缩写形式，因此本文旨在对每一个缩写词进行简要解释。3、软硬件环境1、软件版本：不涉及2、电脑环境：不涉及4、相关缩写FPU(Floating-PointUnit)浮点单元浮点单元是处理器核心中的一个模块，用于使用浮点数执行算术运算</div> </li> <li><a href="/article/1950223244883718144.htm" title="上半年居民消费榜出炉！这个城市的人最能花" target="_blank">上半年居民消费榜出炉！这个城市的人最能花</a> <span class="text-muted">BBM优选官方</span> <div>上半年居民消费榜出炉哪个地方的人最能花钱？国家统计局公布的数据显示上海上半年居民人均可支配收入32612元居民人均消费支出21321元均为全国最高成为最能挣钱也最能花钱的城市1上海人均消费支出全国第一国家统计局公布的31省份居民人均消费支出数据显示，上海、北京、天津上半年居民人均消费支出排名前三。其中，上海上半年居民人均消费支出21321元，位居榜首。上海也是上半年全国仅有的居民人均消费支出突破2</div> </li> <li><a href="/article/1950222990553706496.htm" title="可处理！环境排放3.0项目怎么提现？裕华投资会刘裕华免费荐股骗局曝光！" target="_blank">可处理！环境排放3.0项目怎么提现？裕华投资会刘裕华免费荐股骗局曝光！</a> <span class="text-muted">墨守成法</span> <div>骗子冒充裕华投资会刘裕华通过伪造或仿冒投资平台，向股民发送虚假环境排放3.0项目链接，引导股民者下载进行投资，以送一万体验金操作小额投资能提现作为诱饵，不断引导消费者加大资金投入。不法分子随后迅速转移资金，当投资者要提现时候就以“流水未完成”“登录异常”“服务器维护”“比赛未结束”等借口不让提现，直到平台关闭跑了或者完成流水任务为由一波亏完。在以翻本为借口继续让投资者加入资金。若你不幸遭遇到裕华投</div> </li> <li><a href="/article/1950222852074565632.htm" title="2025年SDK游戏盾终极解析：重新定义手游安全的“隐形护甲”" target="_blank">2025年SDK游戏盾终极解析：重新定义手游安全的“隐形护甲”</a> <span class="text-muted">上海云盾商务经理杨杨</span> <a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a> <div>副标题：从客户端加密到AI反外挂，拆解全链路防护如何重塑游戏攻防天平引言：当传统高防在手游战场“失效”2025年全球手游市场规模突破$2000亿，黑客单次攻击成本却降至$30——某SLG游戏因协议层CC攻击单日流失37%玩家，某开放世界游戏遭低频DDoS瘫痪6小时损失千万。传统高防IP的致命短板暴露无遗：无法识别伪造客户端流量、难防协议篡改、误杀率超15%。而集成于游戏终端的SDK游戏盾，正以“源</div> </li> <li><a href="/article/1950222723200380928.htm" title="LVS+Keepalived实现高可用和负载均衡" target="_blank">LVS+Keepalived实现高可用和负载均衡</a> <span class="text-muted">2401_84412895</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/lvs/1.htm">lvs</a><a class="tag" taget="_blank" href="/search/%E8%B4%9F%E8%BD%BD%E5%9D%87%E8%A1%A1/1.htm">负载均衡</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>2、开启网卡子接口配置VIP[root@a~]#cd/etc/sysconfig/network-scripts/[root@anetwork-scripts]#cp-aifcfg-ens32ifcfg-ens32:0[root@anetwork-scripts]#catifcfg-ens32:0BOOTPROTO=staticDEVICE=ens32:0ONBOOT=yesIPADDR=10.1</div> </li> <li><a href="/article/1950222602781913088.htm" title="2023-01-26" target="_blank">2023-01-26</a> <span class="text-muted">胡喜平</span> <div>我觉得《可见的学习》一书确实从底层逻辑说清楚了，教学的本质。可是太多术语和概念，一时间难以消化啊。而且知道和懂得有距离，运用就更不行了，需要高手和专家的指导。我需要多听听新课标的讲座了，来反复印证。读论文也有了一点点灵感，明天修改我的论文。</div> </li> <li><a href="/article/1950222345163567104.htm" title="深入理解汇编语言子程序设计与系统调用" target="_blank">深入理解汇编语言子程序设计与系统调用</a> <span class="text-muted">网安spinage</span> <a class="tag" taget="_blank" href="/search/%E6%B1%87%E7%BC%96%E8%AF%AD%E8%A8%80/1.htm">汇编语言</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%B1%87%E7%BC%96/1.htm">汇编</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>本文将全面解析汇编语言中子程序设计的核心技术以及系统调用的实现方法，涵盖参数传递的多种方式、堆栈管理、API调用等关键知识点，并提供实际案例演示。一、子程序设计：参数传递的艺术1.寄存器传参：高效简洁.386.modelflat,stdcalloptioncasemap:none.dataxdd5;定义变量ydd6sumdd?.code;函数定义：addxy1addxy1procpushebpmo</div> </li> <li><a href="/article/85.htm" title="ztree异步加载" target="_blank">ztree异步加载</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/ztree/1.htm">ztree</a> <div>相信新手用ztree的时候,对异步加载会有些困惑，我开始的时候也是看了API花了些时间才搞定了异步加载，在这里分享给大家。 我后台代码生成的是json格式的数据，数据大家按各自的需求生成，这里只给出前端的代码。 设置setting，这里只关注async属性的配置 var setting = { //异步加载配置 </div> </li> <li><a href="/article/212.htm" title="thirft rpc 具体调用流程" target="_blank">thirft rpc 具体调用流程</a> <span class="text-muted">BlueSkator</span> <a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">中间件</a><a class="tag" taget="_blank" href="/search/rpc/1.htm">rpc</a><a class="tag" taget="_blank" href="/search/thrift/1.htm">thrift</a> <div>Thrift调用过程中，Thrift客户端和服务器之间主要用到传输层类、协议层类和处理类三个主要的核心类，这三个类的相互协作共同完成rpc的整个调用过程。在调用过程中将按照以下顺序进行协同工作： （1） 将客户端程序调用的函数名和参数传递给协议层（TProtocol），协议</div> </li> <li><a href="/article/339.htm" title="异或运算推导, 交换数据" target="_blank">异或运算推导, 交换数据</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/%E5%BC%82%E6%88%96/1.htm">异或</a><a class="tag" taget="_blank" href="/search/%5E/1.htm">^</a> <div>/* * 5 0101 * 9 1010 * * 5 ^ 5 * 0101 * 0101 * ----- * 0000 * 得出第一个规律: 相同的数进行异或, 结果是0 * * 9 ^ 5 ^ 6 * 1010 * 0101 * ---- * 1111 * * 1111 * 0110 * ---- * 1001 </div> </li> <li><a href="/article/466.htm" title="事件源对象" target="_blank">事件源对象</a> <span class="text-muted">周华华</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q</div> </li> <li><a href="/article/593.htm" title="MySql配置及相关命令" target="_blank">MySql配置及相关命令</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div> MySQL安装完毕后我们需要对它进行一些设置及性能优化，主要包括字符集设置，启动设置，连接优化，表优化，分区优化等等。 一 修改MySQL密码及用户 </div> </li> <li><a href="/article/720.htm" title="[简单]poi删除excel 2007超链接" target="_blank">[简单]poi删除excel 2007超链接</a> <span class="text-muted">53873039oycg</span> <a class="tag" taget="_blank" href="/search/Excel/1.htm">Excel</a> <div> 采用解析sheet.xml方式删除超链接，缺点是要打开文件2次,代码如下: public void removeExcel2007AllHyperLink(String filePath) throws Exception { OPCPackage ocPkg = OPCPac</div> </li> <li><a href="/article/847.htm" title="Struts2添加 open flash chart" target="_blank">Struts2添加 open flash chart</a> <span class="text-muted">云端月影</span> <div>准备以下开源项目： 1. Struts 2.1.6 2. Open Flash Chart 2 Version 2 Lug Wyrm Charmer (28th, July 2009) 3. jofc2，这东西不知道是没做好还是什么意思，好像和ofc2不怎么匹配，最好下源码，有什么问题直接改。 4. log4j 用eclipse新建动态网站，取名OFC2Demo，将Struts2 l</div> </li> <li><a href="/article/974.htm" title="spring包详解" target="_blank">spring包详解</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div> 下载的spring包中文件及各种包众多，在项目中往往只有部分是我们必须的，如果不清楚什么时候需要什么包的话，看看下面就知道了。 aspectj目录下是在Spring框架下使用aspectj的源代码和测试程序文件。Aspectj是java最早的提供AOP的应用框架。 dist 目录下是Spring 的发布包，关于发布包下面会详细进行说明。 docs&nb</div> </li> <li><a href="/article/1101.htm" title="网站推广之seo概念" target="_blank">网站推广之seo概念</a> <span class="text-muted">antonyup_2006</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</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><a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a> <div> 持续开发一年多的b2c网站终于在08年10月23日上线了。作为开发人员的我在修改bug的同时，准备了解下网站的推广分析策略。 所谓网站推广，目的在于让尽可能多的潜在用户了解并访问网站，通过网站获得有关产品和服务等信息，为最终形成购买决策提供支持。 网站推广策略有很多，seo，email，adv</div> </li> <li><a href="/article/1228.htm" title="单例模式,sql注入,序列" target="_blank">单例模式,sql注入,序列</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a><a class="tag" taget="_blank" href="/search/%E5%BA%8F%E5%88%97/1.htm">序列</a><a class="tag" taget="_blank" href="/search/sql%E6%B3%A8%E5%85%A5/1.htm">sql注入</a><a class="tag" taget="_blank" href="/search/%E9%A2%84%E7%BC%96%E8%AF%91/1.htm">预编译</a> <div> 序列在前面写过有关的博客,也有过总结,但是今天在做一个JDBC操作数据库的相关内容时 需要使用序列创建一个自增长的字段 居然不会了,所以将序列写在本篇的前面 1,序列是一个保存数据连续的增长的一种方式; 序列的创建; CREATE SEQUENCE seq_pro 2 INCREMENT BY 1 -- 每次加几个 3 </div> </li> <li><a href="/article/1355.htm" title="Mockito单元测试实例" target="_blank">Mockito单元测试实例</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a><a class="tag" taget="_blank" href="/search/mockito/1.htm">mockito</a> <div>Mockito单元测试实例： public class SettingServiceTest { private List<PersonDTO> personList = new ArrayList<PersonDTO>(); @InjectMocks private SettingPojoService settin</div> </li> <li><a href="/article/1482.htm" title="精通Oracle10编程SQL(9)使用游标" target="_blank">精通Oracle10编程SQL(9)使用游标</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>/* *使用游标 */ --显示游标 --在显式游标中使用FETCH...INTO语句 DECLARE CURSOR emp_cursor is select ename,sal from emp where deptno=1; v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; begin ope</div> </li> <li><a href="/article/1609.htm" title="【Java语言】动态代理" target="_blank">【Java语言】动态代理</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/java%E8%AF%AD%E8%A8%80/1.htm">java语言</a> <div> JDK接口动态代理 JDK自带的动态代理通过动态的根据接口生成字节码(实现接口的一个具体类)的方式，为接口的实现类提供代理。被代理的对象和代理对象通过InvocationHandler建立关联 package com.tom; import com.tom.model.User; import com.tom.service.IUserService; </div> </li> <li><a href="/article/1736.htm" title="Java通信之URL通信基础" target="_blank">Java通信之URL通信基础</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/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</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/ITeye/1.htm">ITeye</a> <div>java对网络通信以及提供了比较全面的jdk支持，java.net包能让程序员直接在程序中实现网络通信。 在技术日新月异的现在，我们能通过很多方式实现数据通信，比如webservice、url通信、socket通信等等，今天简单介绍下URL通信。 学习准备：建议首先学习java的IO基础知识 URL是统一资源定位器的简写，URL可以访问Internet和www，可以通过url</div> </li> <li><a href="/article/1863.htm" title="博弈Java讲义 - Java线程同步 (1)" target="_blank">博弈Java讲义 - Java线程同步 (1)</a> <span class="text-muted">boyitech</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E5%90%8C%E6%AD%A5/1.htm">同步</a><a class="tag" taget="_blank" href="/search/%E9%94%81/1.htm">锁</a> <div> 在并发编程中经常会碰到多个执行线程共享资源的问题。例如多个线程同时读写文件，共用数据库连接，全局的计数器等。如果不处理好多线程之间的同步问题很容易引起状态不一致或者其他的错误。 同步不仅可以阻止一个线程看到对象处于不一致的状态，它还可以保证进入同步方法或者块的每个线程，都看到由同一锁保护的之前所有的修改结果。处理同步的关键就是要正确的识别临界条件（cri</div> </li> <li><a href="/article/1990.htm" title="java-给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。" target="_blank">java-给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class DeleteExtraSpace { /** * 题目：给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 * 方法1.用已有的String类的trim和replaceAll方法 * 方法2.全部用正则表达式，这个我不熟 * 方法3.“重新发明轮子”，从头遍历一次 */ public static v</div> </li> <li><a href="/article/2117.htm" title="An error has occurred.See the log file错误解决！" target="_blank">An error has occurred.See the log file错误解决！</a> <span class="text-muted">Kai_Ge</span> <a class="tag" taget="_blank" href="/search/MyEclipse/1.htm">MyEclipse</a> <div>今天早上打开MyEclipse时，自动关闭！弹出An error has occurred.See the log file错误提示！ 很郁闷昨天启动和关闭还好着！！！打开几次依然报此错误，确定不是眼花了！ 打开日志文件！找到当日错误文件内容： --------------------------------------------------------------------------</div> </li> <li><a href="/article/2244.htm" title="[矿业与工业]修建一个空间矿床开采站要多少钱?" target="_blank">[矿业与工业]修建一个空间矿床开采站要多少钱?</a> <span class="text-muted">comsci</span> <div> 地球上的钛金属矿藏已经接近枯竭........... 我们在冥王星的一颗卫星上面发现一些具有开采价值的矿床..... 那么,现在要编制一个预算,提交给财政部门..</div> </li> <li><a href="/article/2371.htm" title="解析Google Map Routes" target="_blank">解析Google Map Routes</a> <span class="text-muted">dai_lm</span> <a class="tag" taget="_blank" href="/search/google+api/1.htm">google api</a> <div>为了获得从A点到B点的路劲，经常会使用Google提供的API，例如 [url] http://maps.googleapis.com/maps/api/directions/json?origin=40.7144,-74.0060&destination=47.6063,-122.3204&sensor=false [/url] 从返回的结果上，大致可以了解应该怎么走，但</div> </li> <li><a href="/article/2498.htm" title="SQL还有多少“理所应当”？" target="_blank">SQL还有多少“理所应当”？</a> <span class="text-muted">datamachine</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>转贴存档，原帖地址：http://blog.chinaunix.net/uid-29242841-id-3968998.html、http://blog.chinaunix.net/uid-29242841-id-3971046.html！ ------------------------------------华丽的分割线-------------------------------- </div> </li> <li><a href="/article/2625.htm" title="Yii使用Ajax验证时，如何设置某些字段不需要验证" target="_blank">Yii使用Ajax验证时，如何设置某些字段不需要验证</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a> <div>经常像你注册页面,你可能非常希望只需要Ajax去验证用户名和Email,而不需要使用Ajax再去验证密码,默认如果你使用Yii 内置的ajax验证Form,例如: $form=$this->beginWidget('CActiveForm', array( 'id'=>'usuario-form',&</div> </li> <li><a href="/article/2752.htm" title="使用git同步网站代码" target="_blank">使用git同步网站代码</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/crontab/1.htm">crontab</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a> <div>转自:http://ued.ctrip.com/blog/?p=3646?tn=gongxinjun.com 管理一网站，最开始使用的虚拟空间，采用提供商支持的ftp上传网站文件，后换用vps，vps可以自己搭建ftp的，但是懒得搞，直接使用scp传输文件到服务器，现在需要更新文件到服务器，使用scp真的很烦。发现本人就职的公司，采用的git+rsync的方式来管理、同步代码，遂</div> </li> <li><a href="/article/2879.htm" title="sql基本操作" target="_blank">sql基本操作</a> <span class="text-muted">蕃薯耀</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/sql%E5%9F%BA%E6%9C%AC%E6%93%8D%E4%BD%9C/1.htm">sql基本操作</a><a class="tag" taget="_blank" href="/search/sql%E5%B8%B8%E7%94%A8%E6%93%8D%E4%BD%9C/1.htm">sql常用操作</a> <div>sql基本操作 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:30:33 星期一 &</div> </li> <li><a href="/article/3006.htm" title="Spring4+Hibernate4+Atomikos3.3多数据源事务管理" target="_blank">Spring4+Hibernate4+Atomikos3.3多数据源事务管理</a> <span class="text-muted">hanqunfeng</span> <a class="tag" taget="_blank" href="/search/Hibernate4/1.htm">Hibernate4</a> <div>Spring3+后不再对JTOM提供支持，所以可以改用Atomikos管理多数据源事务。Spring2.5+Hibernate3+JTOM参考：http://hanqunfeng.iteye.com/blog/1554251Atomikos官网网站：http://www.atomikos.com/ 一.pom.xml <dependency> <</div> </li> <li><a href="/article/3133.htm" title="jquery中两个值得注意的方法one()和trigger()方法" target="_blank">jquery中两个值得注意的方法one()和trigger()方法</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/trigger/1.htm">trigger</a> <div> 在jquery中，有两个值得注意但容易忽视的方法，分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍 1） one方法 one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数，格式为 one(type,${data},fn) &nb</div> </li> <li><a href="/article/3260.htm" title="拿工资不仅仅是让你写代码的" target="_blank">拿工资不仅仅是让你写代码的</a> <span class="text-muted">lampcy</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%92%A8%E8%AF%A2/1.htm">咨询</a> <div>这是我对团队每个新进员工说的第一件事情。这句话的意思是，我并不关心你是如何快速完成任务的，哪怕代码很差，只要它像救生艇通气门一样管用就行。这句话也是我最喜欢的座右铭之一。 这个说法其实很合理：我们的工作是思考客户提出的问题，然后制定解决方案。思考第一，代码第二，公司请我们的最终目的不是写代码，而是想出解决方案。 话粗理不粗。 付你薪水不是让你来思考的，也不是让你来写代码的，你的目的是交付产品</div> </li> <li><a href="/article/3387.htm" title="架构师之对象操作----------对象的效率复制和判断是否全为空" target="_blank">架构师之对象操作----------对象的效率复制和判断是否全为空</a> <span class="text-muted">nannan408</span> <a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E5%B8%88/1.htm">架构师</a> <div>1.前言。 如题。 2.代码。 (1)对象的复制，比spring的beanCopier在大并发下效率要高，利用net.sf.cglib.beans.BeanCopier Src src=new Src(); BeanCopier beanCopier = BeanCopier.create(Src.class, Des.class, false); </div> </li> <li><a href="/article/3514.htm" title="ajax 被缓存的解决方案" target="_blank">ajax 被缓存的解决方案</a> <span class="text-muted">Rainbow702</span> <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/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a> <div>使用jquery的ajax来发送请求进行局部刷新画面，各位可能都做过。 今天碰到一个奇怪的现象，就是，同一个ajax请求，在chrome中，不论发送多少次，都可以发送至服务器端，而不会被缓存。但是，换成在IE下的时候，发现，同一个ajax请求，会发生被缓存的情况，只有第一次才会被发送至服务器端，之后的不会再被发送。郁闷。 解决方法如下： ① 直接使用 JQuery提供的 “cache”参数，</div> </li> <li><a href="/article/3641.htm" title="修改date.toLocaleString()的警告" target="_blank">修改date.toLocaleString()的警告</a> <span class="text-muted">tntxia</span> <a class="tag" taget="_blank" href="/search/String/1.htm">String</a> <div> 我们在写程序的时候，经常要查看时间，所以我们经常会用到date.toLocaleString()，但是date.toLocaleString()是一个过时 的API，代替的方法如下： package com.tntxia.htmlmaker.util; import java.text.SimpleDateFormat; import java.util.</div> </li> <li><a href="/article/3768.htm" title="项目完成后的小总结" target="_blank">项目完成后的小总结</a> <span class="text-muted">xiaomiya</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/%E6%80%BB%E7%BB%93/1.htm">总结</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE/1.htm">项目</a> <div>项目完成了，突然想做个总结但是有点无从下手了。 做之前对于客户端给的接口很模式。然而定义好了格式要求就如此的愉快了。 先说说项目主要实现的功能吧 1，按键精灵 2，获取行情数据 3，各种input输入条件判断 4，发送数据（有json格式和string格式） 5，获取预警条件列表和预警结果列表， 6，排序， 7，预警结果分页获取 8，导出文件（excel，text等） 9，修</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>
