赵花花5070

input 元素 change 事件失效，失去焦点的时候才执行？什么原因导致？如何正确使用？

具体问题如标题所示，不再过多水字数，请看下面的代码：

<input :class="['custom-form-item-input', (isFocusUserName && !userName) ? 'custom-form-item-input-err-active' : '']"
	autoComplete='new-password' 
	type="text" 
	placeholder='账号' 
	@change="onUseNameChage" />

控制台没有任何的输出

当失去焦点的时候，change事件被触发了，控制台显示输出内容

当遇到这种问题的时候，可以将 @change 替换成 @keyup 这样就能够正常触发了，请看效果：

那也有人可能会想到使用 @keydown 也行，那我能说不行吗？

请注意打红色箭头的地方，刚刚按下的时候还没有写入内容，只有弹起的时候写入才完成，所以控制台总是比输入的内容要慢一拍（少一个）。

那为什么@change失效了呢？

按想来说当input输入框里面的内容发生变化后，就会触发change事件啊，change事件不是在输入的时候触发吗？为什么是在失焦的时候才触发？

那仅仅是大家的想当然，其实在官方是有这么一段描述的：

HTML 元素：change 事件
当用户更改、</code> 元素的值时，change 事件在这些元素上触发。和 input 事件不同的是，并不是每次元素的 value 改变时都会触发 change 事件。</p> </blockquote> <blockquote> <p>文本输入元素<br> 对于像 <code><input type="text"></code> 这样的元素，change 事件在控件<code>失去焦点</code>前都不会触发。</p> </blockquote> <p><a href="http://img.e-com-net.com/image/info8/232f31b2f13942978a9238279ab329f1.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/232f31b2f13942978a9238279ab329f1.jpg" alt="input 元素 change 事件失效，失去焦点的时候才执行？什么原因导致？如何正确使用？_第5张图片" width="650" height="178" style="border:1px solid black;"></a></p> <blockquote> <p><strong>input</strong><br> 当一个 <code><input>, <select>, 或 <textarea></code> 元素的 value 被修改时，会触发 input 事件。</p> </blockquote> <p><a href="http://img.e-com-net.com/image/info8/64f1169848624f2cad28257f834969d4.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/64f1169848624f2cad28257f834969d4.jpg" alt="input 元素 change 事件失效，失去焦点的时候才执行？什么原因导致？如何正确使用？_第6张图片" width="650" height="298" style="border:1px solid black;"></a></p> <p>那既然@change不生效问题找到了，那么 <strong>input</strong> 元素在控制台实时输出解决方式就有了：</p> <ol> <li><code>@keyup</code></li> <li><code>@input</code></li> </ol> <p>还需要注意一点的是@keyup和@input事件，所接收的参数是有区别的：</p> <ol> <li><code>@keyup</code> 需要通过event对象去取</li> </ol> <pre><code class="prism language-javascript"><span class="token keyword">const</span> <span class="token function-variable function">onUseNameChage</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span> <span class="token keyword">const</span> value <span class="token operator">=</span> e<span class="token punctuation">.</span>target<span class="token punctuation">.</span>value<span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'输入用户名:'</span><span class="token punctuation">,</span> value<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span><span class="token punctuation">;</span> </code></pre> <ol start="2"> <li><code>@input</code> 直接输出输入项</li> </ol> <pre><code class="prism language-javascript"><span class="token keyword">const</span> <span class="token function-variable function">onUseNameChage</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token parameter">value</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'输入用户名:'</span><span class="token punctuation">,</span> value<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span><span class="token punctuation">;</span> </code></pre> <p><strong>最后再记录一下input其他的事件：</strong></p> <ol> <li> <p><strong>onfocus:</strong> 当input 获取到焦点时触发</p> </li> <li> <p><strong>onblur:</strong> 当input失去焦点时触发，注意：这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件，用于判断标签为空。</p> </li> <li> <p><strong>onchange:</strong> 当input失去焦点并且它的value值发生变化时触发，个人感觉可以用于注册时的确认密码。</p> </li> <li> <p><strong>onkeydown:</strong> 按下按键时的事件触发，</p> </li> <li> <p><strong>onkeyup:</strong> 当按键抬起的时候触发的事件，在该事件触发之前一定触发了onkeydown事件–相当于一个按键，两个事件（onkeydown不常用）</p> </li> <li> <p><strong>onclick:</strong> 主要是用于 input type=button，input作为一个按钮使用时的鼠标点击事件</p> </li> <li> <p><strong>onselect:</strong> 当input里的内容文本被选中后执行，只要选择了就会触发，不是全部选中</p> </li> <li> <p><strong>oninput:</strong> 当input的value值发生变化时就会触发，（与onchange的区别是不用等到失去焦点就可以触发了）</p> </li> </ol> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1671085784045805568"></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">  <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>  <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>  <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">你可能感兴趣的:(Vue,javascript,html,html5)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1941913450708004864.htm" title="解决URL编码兼容性问题：空格转义与HTML实体解码实战" target="_blank">解决URL编码兼容性问题：空格转义与HTML实体解码实战</a> <span class="text-muted"></span> <div>问题背景在开发中处理外部URL时，常遇到两类编码问题：空格导致400错误：URL包含未编码空格（如张三的小站（20250630).png）HTML实体转义问题：&被转义为&（如image2025070312&40.54_115.8.png）终极解决方案以下方法兼容处理两种异常情况，通过双重解码+标准化重构确保URL有效性：//最终版URL处理器（兼容空格和HTML实体转义）publ</div> </li> <li><a href="/article/1941913072348229632.htm" title="HTML&CSS&Javascript学习总结" target="_blank">HTML&CSS&Javascript学习总结</a> <span class="text-muted"></span> <div>HTMLHTML(*HypertextMarkupLanguage)是一种超文本标记语言一、HTML标记1.HTMl元素分析[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dqwzelyx-1598868442842)(https://qige.io/web/brief-html/img/f63738cc51ebfa14.png)]*开始标签（Openingtag）：</div> </li> <li><a href="/article/1941900471035817984.htm" title="html初学者第一天" target="_blank">html初学者第一天</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>网页1.1什么是网页？网站是指在因特网上根据一定规则，使用HTML等制作的用于展示特定内容相关的网页集合。网页时网站中的“一页”，通常是HTML格式的文件，它要通过浏览器来阅读。网页是构成网站的基本元素，它通常由图片，链接，文字，声音，视频等元素组成。通常我们看到的网页，常见以.htm或.html后缀结尾的文件，因此将其俗称为HTML文件。1.2什么是HTML？HTML是指超文本标记语言（Htyp</div> </li> <li><a href="/article/1941899463450750976.htm" title="前端技术栈 —— HTML、CSS和JavaScirpt执行环境" target="_blank">前端技术栈 —— HTML、CSS和JavaScirpt执行环境</a> <span class="text-muted">CS-Polaris</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF%E6%A0%88/1.htm">前端技术栈</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>以下内容由GLM回答生成，不保证正确性。前端技术栈——HTML、CSS和JavaScirpt执行环境JavaScript的执行环境HTML和CSS的执行环境HTML和CSS是否可以在其他环境中执行？总结JavaScript是一种解释型语言，但它也可以被编译。JavaScript的执行方式取决于具体的运行环境。在浏览器中，JavaScript是通过解释器逐行执行的，但在某些情况下（如使用工具如Bab</div> </li> <li><a href="/article/1941890515444232192.htm" title="JavaScript 中导入模块时，确实不需要显式地写 node_modules 路径。" target="_blank">JavaScript 中导入模块时，确实不需要显式地写 node_modules 路径。</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> <div>1.正确的导入语法在Webpack、Vite等打包工具中，node_modules目录是默认的模块搜索路径，因此直接写包名即可：//✅正确：直接使用包名import'nprogress/nprogress.css';//❌错误：不需要显式写node_modules路径import'node_modules/nprogress/nprogress.css';2.为什么不需要写node_module</div> </li> <li><a href="/article/1941873737741692928.htm" title="通俗易懂，一看就懂的React与Vue的区别" target="_blank">通俗易懂，一看就懂的React与Vue的区别</a> <span class="text-muted">More more</span> <a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>React和Vue是当前最主流的前端框架，对开发者而言，日常开发中它们的区别可以总结为以下几点（用实际场景举例说明）：一、写模板的方式不同React：用JSX（JavaScript+HTML混合写法），所有UI逻辑都在JavaScript中完成。Vue：用类似HTML的模板语法，逻辑和模板分离，但也可以通过JSX扩展。//React组件（JSX）functionButton(){const[cou</div> </li> <li><a href="/article/1941872096648949760.htm" title="React与Vue的区别？" target="_blank">React与Vue的区别？</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/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>一、区别:1.语法Vue采用自己特有的模板语法；React是单向的，采用jsx语法创建react元素。2.监听数据变化的实现原理不同Vue2.0通过Object.defineproperty()方法的getter/setter属性,实现数据劫持,每次修改完数据会触发diff算法(双端对比)React默认是通过shouldComponentUpdata生命周期来决定是否需要渲染更新,再触发它的dif</div> </li> <li><a href="/article/1941870207349878784.htm" title="【vue】this.$router.push 点击跳转新标签页" target="_blank">【vue】this.$router.push 点击跳转新标签页</a> <span class="text-muted">花间半盘棋</span> <a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/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>大致步骤：使用this.$router.resolve来获取跳转路径和携带参数等信息；使用window.open()进行新标签页跳转；具体：传参记得用query，用params接收不到：constrouteUrl=this.$router.resolve({name:"toExam",query:{isReview:true,sid:id},});window.open(routeUrl.href</div> </li> <li><a href="/article/1941867687609167872.htm" title="【Vue.js】 Mixin 局部混入与全局混入的介绍和使用总结以及优缺点分析" target="_blank">【Vue.js】 Mixin 局部混入与全局混入的介绍和使用总结以及优缺点分析</a> <span class="text-muted">生活、追梦者</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>1.Vue.jsMixin概述1.1Mixin的定义与作用Mixin在Vue.js中是一种灵活的组件复用机制。它允许我们将多个组件之间的共通功能抽象出来，形成一个混入对象。这样，我们就可以避免在多个组件中重复编写相同的代码，提高代码的复用性和可维护性。Mixin对象可以包含多种组件选项，如数据（data）、计算属性（computed）、方法（methods）、生命周期钩子（lifecyclehoo</div> </li> <li><a href="/article/1941866805572202496.htm" title="uni-app中view和text组件和动画的使用" target="_blank">uni-app中view和text组件和动画的使用</a> <span class="text-muted"></span> <div>uni-app修炼之路（七）viewtext参考官方文档：https://uniapp.dcloud.io/component/viewview视图容器。它类似于传统html中的div，用于包裹各种元素内容。如果使用nvue，则需注意，包裹文字应该使用组件。属性说明属性名类型默认值说明hover-classStringnone指定按下去的样式类。当hover-class=“none”时，没有点击态</div> </li> <li><a href="/article/1941866174916653056.htm" title="【TypeScript教程】 - 小白也能秒懂的TypeScript入门指南" target="_blank">【TypeScript教程】 - 小白也能秒懂的TypeScript入门指南</a> <span class="text-muted">一个水瓶座程序猿.</span> <a class="tag" taget="_blank" href="/search/TypeScript/1.htm">TypeScript</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E5%88%97%E6%96%87%E7%AB%A0/1.htm">系列文章</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</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>一、TS是什么？TypeScript（简称TS）是JavaScript的一个超集，由微软开发。简单来说，它就是在JavaScript的基础上增加了静态类型检查。那静态类型检查有啥好处呢？举个例子，在JavaScript里，我们写代码时可能会不小心把一个变量的类型用错，像这样：//JavaScript代码letnum=10;num="hello";//这里把数字类型的变量赋值为字符串，运行时可能会出</div> </li> <li><a href="/article/1941865544730865664.htm" title="vue在ios手机上的一些问题（这次写的h5公众号）和后面补充的小程序问题" target="_blank">vue在ios手机上的一些问题（这次写的h5公众号）和后面补充的小程序问题</a> <span class="text-muted">摆烂兔</span> <a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a><a class="tag" taget="_blank" href="/search/vue%E8%90%A5%E5%9C%B0/1.htm">vue营地</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>坑一：使用定位fixed，底部导航不显示，代码我就不写，总结就是定位套定位，心累代码太多不想贴；坑二：禁止页面放大缩小，解决：Vue移动端禁止页面放大缩小_fuf_xyxnxss的博客-CSDN博客_移动端禁止放大缩小坑三：移动端h5页面禁止长按选择复制，解决：移动端h5页面禁止长按选择复制_艾欢欢的博客-CSDN博客坑四：苹果手机IOS点击输入框弹出键盘后，所有按钮点击位置上移，解决：苹果手机I</div> </li> <li><a href="/article/1941862388479356928.htm" title="css3:css的3种引入方式" target="_blank">css3:css的3种引入方式</a> <span class="text-muted">ksw000</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>css基本知识你好！这是你第一次使用css所需要了解的知识点。如果你想学习如何使用css,可以仔细阅读这篇文章，了解一下css的基本语法知识。CSS的引入方式共有三种：行内样式、内部样式表、外部样式表。一、行内样式使用style属性引入CSS样式。示例：style属性的应用直接在HTML标签中设置的样式实际在写页面时不提倡使用，在测试的时候可以使用。行内样式LeapingAboveTheWater</div> </li> <li><a href="/article/1941861883841671168.htm" title="基于uniapp小程序的诗词学习系统附带文章源码部署视频讲解等" target="_blank">基于uniapp小程序的诗词学习系统附带文章源码部署视频讲解等</a> <span class="text-muted"></span> <div>文章目录前言详细视频演示具体实现截图核心技术介绍小程序框架Uniapp前端框架Vue持久层框架MyBaits为什么选择我代码参考数据库参考测试用例参考源码获取前言博主介绍：✌CSDN特邀作者、资深全栈开发程序员，曾在互联网大厂担任高级职位、码云/掘金/华为云/阿里云/InfoQ/StackOverflow/github等平台优质作者、专注于Java、小程序、前端、python等技术领域毕业项目实战</div> </li> <li><a href="/article/1941861757425348608.htm" title="简述：link与@import区别" target="_blank">简述：link与@import区别</a> <span class="text-muted"></span> <div>区别：link属于html标签。@import在css中使用表示导入外部样式表；页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;import只在IE5以上才能识别，而link是HTML标签，无兼容问题;link方式的样式的权重高于@import的权重；link支持使用javascript改变样式（document.styleSheets），后者不可使用场</div> </li> <li><a href="/article/1941860998734475264.htm" title="在屏幕中心显示定位点" target="_blank">在屏幕中心显示定位点</a> <span class="text-muted"></span> <div>letposition=this.map.getCenter();this.$ownerInstance.callMethod('savePoint',{//调用Vue组件中的方法position});//转换屏幕坐标varpixel=this.map.lngLatToContainer(position);this.$ownerInstance.callMethod('saveMap',{//调</div> </li> <li><a href="/article/1941858476183580672.htm" title="浅谈 Vue2 的 Mixin 混入和 Vue3 的 Hooks（组合式 API）" target="_blank">浅谈 Vue2 的 Mixin 混入和 Vue3 的 Hooks（组合式 API）</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/%E7%B3%BB%E5%88%97%E6%96%87%E7%AB%A0/1.htm">系列文章</a><a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>嘿，各位前端小伙伴！今天咱来好好唠唠Vue2里的Mixin混入和Vue3的Hooks（组合式API），这里面的门道可不少，我把自己的经验分享出来，希望能帮大家避避坑。一、Vue2的Mixin混入1.啥是Mixin混入Mixin混入就像是一个魔法口袋，你可以把一些通用的代码逻辑装进去，然后在多个组件里使用。简单来说，它就是一种代码复用的方式。比如说，你有多个组件都需要处理用户登录状态，那你就可以把这</div> </li> <li><a href="/article/1941857720202227712.htm" title="CSS02：四种CSS导入方式" target="_blank">CSS02：四种CSS导入方式</a> <span class="text-muted">莓有烦恼</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>CSS的4种导入方式Titleh1{color:green;}我是标题/*外部样式*/h1{color:yellow;}拓展：外部样式的两种写法链接式html导入式css2.1@importurl("css/style.css");基本区别从属关系：是HTML标签，不仅可以加载CSS文件，还可以定义RSS、rel连接属性等；而@import是CSS提供的语法规则，只能导入样式表1。加载顺序：在页面</div> </li> <li><a href="/article/1941840558523740160.htm" title="JavaScript与原生开发的较量：为何高性能可视化应用更适合选用SciChart？" target="_blank">JavaScript与原生开发的较量：为何高性能可视化应用更适合选用SciChart？</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/SciChart/1.htm">SciChart</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E8%A1%A8%E5%B7%A5%E5%85%B7/1.htm">图表工具</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">数据可视化</a> <div>SciChart是高性能数据可视化领域的优秀图表产品，深受数据密度和精度至关重要行业的信赖，包括航空航天、石油和天然气、科学研究和赛车运动等。作为F1中使用的解决方案，SciChart被NASA所依赖，并受到90%的顶级医疗技术公司青睐，它提供实时、跨平台的可视化，提供无与伦比的灵活性和定制性。立即获取SciChart正式版在为iOS和Android打造高性能数据可视化应用时，选择合适的开发方式至</div> </li> <li><a href="/article/1941826922338119680.htm" title="JavaScript浅拷贝与深拷贝" target="_blank">JavaScript浅拷贝与深拷贝</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/%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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>目录浅拷贝（ShallowCopy）一、浅拷贝的定义二、直接赋值vs浅拷贝1.直接赋值2.浅拷贝三、数组的浅拷贝方法1.slice()2.concat()3.扩展运算符（...）四、对象的浅拷贝方法1.Object.assign()2.扩展运算符（...）五、浅拷贝的局限性六、总结深拷贝（DeepCopy）一、深拷贝的定义二、深拷贝的常见实现方式1.JSON.parse(JSON.stringif</div> </li> <li><a href="/article/1941818721144205312.htm" title="学生选课系统(11457)" target="_blank">学生选课系统(11457)</a> <span class="text-muted">codercode2022</span> <a class="tag" taget="_blank" href="/search/visual/1.htm">visual</a><a class="tag" taget="_blank" href="/search/studio/1.htm">studio</a><a class="tag" taget="_blank" href="/search/code/1.htm">code</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/laravel/1.htm">laravel</a><a class="tag" taget="_blank" href="/search/objective-c/1.htm">objective-c</a> <div>有需要的同学，源代码和配套文档领取，加文章最下方的名片哦一、项目演示项目演示视频二、资料介绍完整源代码（前后端源代码+SQL脚本）配套文档（LW+PPT+开题报告）远程调试控屏包运行三、技术介绍Java语言SSM框架SpringBoot框架Vue框架JSP页面Mysql数据库IDEA/Eclipse开发有需要的同学，源代码和配套文档领取，加文章最下方的名片哦!</div> </li> <li><a href="/article/1941813175003443200.htm" title="介绍electron" target="_blank">介绍electron</a> <span class="text-muted">几道之旅</span> <a class="tag" taget="_blank" href="/search/electron/1.htm">electron</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>一、Electron是什么？Electron是一个基于Chromium和Node.js的框架，允许开发者使用前端技术（HTML/CSS/JavaScript）构建原生桌面应用。其核心优势在于：跨平台：一次开发，生成Windows、macOS、Linux三端应用；技术栈统一：前端开发者无需学习新语言，直接复用Web生态（如Vue/React）；混合架构：Chromium：负责渲染界面，支持现代CSS</div> </li> <li><a href="/article/1941803213858598912.htm" title="介绍Flutter" target="_blank">介绍Flutter</a> <span class="text-muted"></span> <div>一、Flutter的核心优势：不止于跨平台高性能原生渲染自研引擎Skia：直接调用GPU绘制UI，绕过原生控件依赖，消除JavaScript桥接性能损耗，实现60fps流畅动画。三棵树渲染机制（Widget-Element-RenderObject）：通过差异化更新最小化重绘范围，效率远超传统WebView方案。极速开发体验热重载（HotReload）：代码修改后毫秒级生效，保留应用状态调试，开发</div> </li> <li><a href="/article/1941798674438877184.htm" title="Vue-Vue 中 v-html 内容不换行？别忘了 white-space: pre-wrap" target="_blank">Vue-Vue 中 v-html 内容不换行？别忘了 white-space: pre-wrap</a> <span class="text-muted"></span> <div>目录引言问题复现原因解析HTML中不会自动识别\n如何让换行符生效？正确解决方案拓展知识点：white-space的几种常见取值安全性提示：小心XSS攻击总结引言在开发Vue项目的过程中，我们经常会遇到需要将服务端返回的HTML字符串渲染到页面上的需求，最常用的方式就是通过v-html指令。但你是否遇到过这样的情况：文本中明明有\n换行符，页面上却完全没有换行，所有文字都被渲染成一行？本文将详细剖</div> </li> <li><a href="/article/1941784040541581312.htm" title="OpenLayers 入门指南：序言" target="_blank">OpenLayers 入门指南：序言</a> <span class="text-muted">凌往昔</span> <a class="tag" taget="_blank" href="/search/OpenLayers/1.htm">OpenLayers</a><a class="tag" taget="_blank" href="/search/%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97/1.htm">入门指南</a><a class="tag" taget="_blank" href="/search/WebGIS/1.htm">WebGIS</a><a class="tag" taget="_blank" href="/search/OpenLayers/1.htm">OpenLayers</a> <div>本专栏旨在帮助零GIS基础的开发人员系统掌握OpenLayers这一强大的开源Web地图库，通过“理论+实战”结合的方式，逐步实现从创建地图到构建一个基础地图应用模版。无论你是前端开发者、GIS爱好者，都可以通过此专栏零基础开始用OpenLayers开发一个基础地图应用。如果你对OpenLayers已经有过了解和使用，且对API也掌握的比较熟了，不建议订阅此专栏！一、前端框架Vue3TypeScr</div> </li> <li><a href="/article/1941771685199933440.htm" title="springboot中使用注解获取前台header信息" target="_blank">springboot中使用注解获取前台header信息</a> <span class="text-muted">星月昭铭</span> <a class="tag" taget="_blank" href="/search/SpringBoot/1.htm">SpringBoot</a><a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a><a class="tag" taget="_blank" href="/search/springboot/1.htm">springboot</a><a class="tag" taget="_blank" href="/search/header/1.htm">header</a><a class="tag" taget="_blank" href="/search/%E8%AF%B7%E6%B1%82%E5%A4%B4%E4%BF%A1%E6%81%AF/1.htm">请求头信息</a> <div>今天在写vue时，需要实现一个功能，就是前台通过header(请求头)将token发送到服务端，后台使用的是springboot，第一下想到是springboot注解，但是百度了挺久发现很多人都是使用的原生servlet对象来获取头信息，其实springboot(mvc)中有一个获取请求头信息的注解@RequestHeader()publicStringaddAddress(@RequestHea</div> </li> <li><a href="/article/1941767018294341632.htm" title="ECMAScript 2025（ES15）核心新特性全面解析" target="_blank">ECMAScript 2025（ES15）核心新特性全面解析</a> <span class="text-muted">neon1204</span> <a class="tag" taget="_blank" href="/search/%E6%96%B0%E6%8A%80%E6%9C%AF/1.htm">新技术</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>ECMAScript2025（ES15）核心新特性全面解析本文深入探讨ECMAScript2025（ES15）的最新语言特性一、ES2025核心特性概览ECMAScript2025（通常简称为ES15）作为JavaScript的最新年度标准更新，引入了一些新特性，优化了一些问题。这些改进主要体现在以下方向：模块系统增强：原生JSON模块与延迟加载优化数据结构扩展：不可变数据类型与集合操作增强流程控</div> </li> <li><a href="/article/1941761594102968320.htm" title="【前端】【数字孪生】基础知识：数字孪生 3D 模型去哪里找？Three.js 辅助组件库有哪些？模型的动画是黑盒吗？怎么控制？" target="_blank">【前端】【数字孪生】基础知识：数字孪生 3D 模型去哪里找？Three.js 辅助组件库有哪些？模型的动画是黑盒吗？怎么控制？</a> <span class="text-muted">患得患失949</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E5%AD%97%E5%AD%AA%E7%94%9F/1.htm">数字孪生</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/3d/1.htm">3d</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>前端数字孪生全解：Vue与Three.js的最佳实践、3D模型网站推荐、自带动画控制详解在数字孪生（DigitalTwin）和三维可视化逐渐成为前端热点的今天，很多开发者开始转向WebGL+前端框架的集成实践，最常见的组合包括：React+Three.js（通过@react-three/fiber与@react-three/drei）Vue+Three.js（本文重点）本文将从以下几个维度全面解析</div> </li> <li><a href="/article/1941757184773779456.htm" title="R语言的游戏开发" target="_blank">R语言的游戏开发</a> <span class="text-muted">柳婉晴</span> <a class="tag" taget="_blank" href="/search/%E5%8C%85%E7%BD%97%E4%B8%87%E8%B1%A1/1.htm">包罗万象</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>R语言在游戏开发中的应用随着科技的发展，游戏行业已经成为一个巨大的市场。虽然通常我们会认为游戏开发主要是使用C++、C#、JavaScript等语言，但实际上，R语言在游戏开发中也有其独特的应用，尤其是在数据分析和可视化方面。本文将探讨R语言在游戏开发中的应用，涵盖它的基础、游戏设计的复杂性、实际案例分析、以及未来的发展方向。一、R语言基础R语言是一种用于统计计算和数据分析的编程语言。它具有强大的</div> </li> <li><a href="/article/1941752197549191168.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> <div>在企业级后台系统中，业务逻辑往往复杂、层级多、交互密集。为了保证系统的可维护性与团队协作效率，我们需要在开发过程中遵循统一的业务实现规范。本规范主要围绕应用结构设计和用户交互控制展开，帮助团队在开发过程中形成一致的编码习惯和设计思路。一、应用结构1.分层架构设计UI层（View）负责页面展示和用户交互，由Vue/React组件构成；页面组件存放在views/*，对应具体路由；通用组件存放在comp</div> </li> <li><a href="/article/104.htm" title="springmvc 下 freemarker页面枚举的遍历输出" target="_blank">springmvc 下 freemarker页面枚举的遍历输出</a> <span class="text-muted">杨白白</span> <a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/freemarker/1.htm">freemarker</a> <div>spring mvc freemarker 中遍历枚举 1枚举类型有一个本地方法叫values（），这个方法可以直接返回枚举数组。所以可以利用这个遍历。 enum public enum BooleanEnum { TRUE(Boolean.TRUE, "是"), FALSE(Boolean.FALSE, "否"); </div> </li> <li><a href="/article/231.htm" title="实习简要总结" target="_blank">实习简要总结</a> <span class="text-muted">byalias</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div>来白虹不知不觉中已经一个多月了，因为项目还在需求分析及项目架构阶段，自己在这段时间都是在学习相关技术知识，现在对这段时间的工作及学习情况做一个总结：（1）工作技能方面大体分为两个阶段，Java Web 基础阶段和Java EE阶段 1）Java Web阶段在这个阶段，自己主要着重学习了 JSP, Servlet, JDBC, MySQL，这些知识的核心点都过了一遍，也</div> </li> <li><a href="/article/358.htm" title="Quartz——DateIntervalTrigger触发器" target="_blank">Quartz——DateIntervalTrigger触发器</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/quartz/1.htm">quartz</a> <div>转载请出自出处：http://eksliang.iteye.com/blog/2208559 一.概述 simpleTrigger 内部实现机制是通过计算间隔时间来计算下次的执行时间，这就导致他有不适合调度的定时任务。例如我们想每天的 1：00AM 执行任务，如果使用 SimpleTrigger，间隔时间就是一天。注意这里就会有一个问题，即当有 misfired 的任务并且恢复执行时，该执行时间</div> </li> <li><a href="/article/485.htm" title="Unix快捷键" target="_blank">Unix快捷键</a> <span class="text-muted">18289753290</span> <a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a><a class="tag" taget="_blank" href="/search/Unix%EF%BC%9B%E5%BF%AB%E6%8D%B7%E9%94%AE%3B/1.htm">Unix；快捷键;</a> <div>复制，删除，粘贴： dd:删除光标所在的行 &nbs</div> </li> <li><a href="/article/612.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>包含屏幕的分辨率以及屏幕宽度的最大dp 高度最大dp TextView text = (TextView)findViewById(R.id.text); DisplayMetrics dm = new DisplayMetrics(); text.append("getResources().ge</div> </li> <li><a href="/article/739.htm" title="要做物联网？先保护好你的数据" target="_blank">要做物联网？先保护好你的数据</a> <span class="text-muted">蓝儿唯美</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE/1.htm">数据</a> <div>根据Beecham Research的说法，那些在行业中希望利用物联网的关键领域需要提供更好的安全性。在Beecham的物联网安全威胁图谱上，展示了那些可能产生内外部攻击并且需要通过快速发展的物联网行业加以解决的关键领域。 Beecham Research的技术主管Jon Howes说：“之所以我们目前还没有看到与物联网相关的严重安全事件，是因为目前还没有在大型客户和企业应用中进行部署，也就</div> </li> <li><a href="/article/866.htm" title="Java取模（求余）运算" target="_blank">Java取模（求余）运算</a> <span class="text-muted">随便小屋</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> 整数之间的取模求余运算很好求，但几乎没有遇到过对负数进行取模求余，直接看下面代码： /** * * @author Logic * */ public class Test { public static void main(String[] args) { // TODO A</div> </li> <li><a href="/article/993.htm" title="SQL注入介绍" target="_blank">SQL注入介绍</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/sql%E6%B3%A8%E5%85%A5/1.htm">sql注入</a> <div>二、SQL注入范例这里我们根据用户登录页面 <form action="" > 用户名：<input type="text" name="username"><br/> 密码：<input type="password" name="passwor</div> </li> <li><a href="/article/1120.htm" title="优雅代码风格" target="_blank">优雅代码风格</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81/1.htm">代码</a> <div>总结了几点关于优雅代码风格的描述：代码简单：不隐藏设计者的意图，抽象干净利落，控制语句直截了当。接口清晰：类型接口表现力直白，字面表达含义，API 相互呼应以增强可测试性。依赖项少：依赖关系越少越好，依赖少证明内聚程度高，低耦合利于自动测试，便于重构。没有重复：重复代码意味着某些概念或想法没有在代码中良好的体现，及时重构消除重复。战术分层：代码分层清晰，隔离明确，</div> </li> <li><a href="/article/1247.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%B8%83%E5%B0%94%E6%95%B0%E7%BB%84/1.htm">布尔数组</a> <div> androi中提到了布尔数组; 布尔数组默认的是false, 并且只会打印false或者是true 布尔数组的例子; 根据字符数组创建布尔数组 char[] c = {'p','u','b','l','i','c'}; //根据字符数组的长度创建布尔数组的个数 boolean[] b = new bool</div> </li> <li><a href="/article/1374.htm" title="web.xml之welcome-file-list、error-page" target="_blank">web.xml之welcome-file-list、error-page</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/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/error-page/1.htm">error-page</a> <div>welcome-file-list 1.定义： <welcome-file-list> <welcome-file>login.jsp</welcome> </welcome-file-list> 2.作用：用来指定WEB应用首页名称。 error-page1.定义： <error-page&g</div> </li> <li><a href="/article/1501.htm" title="richfaces 4 fileUpload组件删除上传的文件" target="_blank">richfaces 4 fileUpload组件删除上传的文件</a> <span class="text-muted">sunjing</span> <a class="tag" taget="_blank" href="/search/clear/1.htm">clear</a><a class="tag" taget="_blank" href="/search/Richfaces+4/1.htm">Richfaces 4</a><a class="tag" taget="_blank" href="/search/fileupload/1.htm">fileupload</a> <div> 页面代码 <h:form id="fileForm"> <rich:</div> </li> <li><a href="/article/1628.htm" title="技术文章备忘" target="_blank">技术文章备忘</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E6%96%87%E7%AB%A0/1.htm">技术文章</a> <div>Zookeeper http://wenku.baidu.com/view/bab171ffaef8941ea76e05b8.html http://wenku.baidu.com/link?url=8thAIwFTnPh2KL2b0p1V7XSgmF9ZEFgw4V_MkIpA9j8BX2rDQMPgK5l3wcs9oBTxeekOnm5P3BK8c6K2DWynq9nfUCkRlTt9uV</div> </li> <li><a href="/article/1755.htm" title="org.hibernate.hql.ast.QuerySyntaxException: unexpected token: on near line 1解决方案" target="_blank">org.hibernate.hql.ast.QuerySyntaxException: unexpected token: on near line 1解决方案</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div>文章摘自：http://blog.csdn.net/yangwawa19870921/article/details/7553181 在编写HQL时，可能会出现这种代码： select a.name,b.age from TableA a left join TableB b on a.id=b.id 如果这是HQL，那么这段代码就是错误的，因为HQL不支持</div> </li> <li><a href="/article/1882.htm" title="sqlserver按照字段内容进行排序" target="_blank">sqlserver按照字段内容进行排序</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/%E6%8C%89%E7%85%A7%E5%86%85%E5%AE%B9%E6%8E%92%E5%BA%8F/1.htm">按照内容排序</a> <div>在做项目的时候，遇到了这样的一个需求：从数据库中取出的数据集，首先要将某个数据或者多个数据按照地段内容放到前面显示，例如:从学生表中取出姓李的放到数据集的前面； select * fro</div> </li> <li><a href="/article/2009.htm" title="编程珠玑-第一章-位图排序" target="_blank">编程珠玑-第一章-位图排序</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E7%8F%A0%E7%8E%91/1.htm">编程珠玑</a> <div> import java.io.BufferedWriter; import java.io.File; import java.io.FileWriter; import java.io.IOException; import java.io.Writer; import java.util.Random; public class BitMapSearch { </div> </li> <li><a href="/article/2136.htm" title="Java关于==和equals" target="_blank">Java关于==和equals</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>关于==和equals概念其实很简单，一个是比较内存地址是否相同，一个比较的是值内容是否相同。虽然理解上不难，但是有时存在一些理解误区，如下情况： 1、 String a = "aaa"; a=="aaa"; ==> true 2、 new String("aaa")==new String("aaa</div> </li> <li><a href="/article/2263.htm" title="[IT与资本]软件行业需对外界投资热情保持警惕" target="_blank">[IT与资本]软件行业需对外界投资热情保持警惕</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/it/1.htm">it</a> <div> 我还是那个看法,软件行业需要增强内生动力,尽量依靠自有资金和营业收入来进行经营,避免在资本市场上经受各种不同类型的风险,为企业自主研发核心技术和产品提供稳定,温和的外部环境... 如果我们在自己尚未掌握核心技术之前,企图依靠上市来筹集资金,然后使劲往某个领域砸钱,然</div> </li> <li><a href="/article/2390.htm" title="oracle 数据块结构" target="_blank">oracle 数据块结构</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/%E5%9D%97/1.htm">块</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%9D%97/1.htm">数据块</a><a class="tag" taget="_blank" href="/search/%E5%9D%97%E7%BB%93%E6%9E%84/1.htm">块结构</a><a class="tag" taget="_blank" href="/search/%E8%A1%8C%E7%9B%AE%E5%BD%95/1.htm">行目录</a> <div>oracle 数据块是数据库存储的最小单位，一般为操作系统块的N倍。其结构为：块头－－〉空行－－〉数据，其实际为纵行结构。块的标准大小由初始化参数DB_BLOCK_SIZE指定。具有标准大小的块称为标准块（Standard Block）。块的大小和标准块的大小不同的块叫非标准块（Nonstandard Block）。同一数据库中，Oracle9i及以上版本支持同一数据库中同时使用标</div> </li> <li><a href="/article/2517.htm" title="github上一些觉得对自己工作有用的项目收集" target="_blank">github上一些觉得对自己工作有用的项目收集</a> <span class="text-muted">dengkane</span> <a class="tag" taget="_blank" href="/search/github/1.htm">github</a> <div>github上一些觉得对自己工作有用的项目收集技能类 markdown语法中文说明回到顶部全文检索 elasticsearch bigdesk elasticsearch管理插件回到顶部 nosql mapdb 支持亿级别map, list, 支持事务. 可考虑做为缓存使用 C</div> </li> <li><a href="/article/2644.htm" title="初二上学期难记单词二" target="_blank">初二上学期难记单词二</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>dangerous 危险的 panda 熊猫 lion 狮子 elephant 象 monkey 猴子 tiger 老虎 deer 鹿 snake 蛇 rabbit 兔子 duck 鸭 horse 马 forest 森林 fall 跌倒；落下 climb 爬；攀登 finish 完成；结束 cinema 电影院；电影 seafood 海鲜；海产食品 bank 银行</div> </li> <li><a href="/article/2771.htm" title="8、mysql外键(FOREIGN KEY)的简单使用" target="_blank">8、mysql外键(FOREIGN KEY)的简单使用</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>一、基本概念 1、MySQL中“键”和“索引”的定义相同，所以外键和主键一样也是索引的一种。不同的是MySQL会自动为所有表的主键进行索引，但是外键字段必须由用户进行明确的索引。用于外键关系的字段必须在所有的参照表中进行明确地索引，InnoDB不能自动地创建索引。 2、外键可以是一对一的，一个表的记录只能与另一个表的一条记录连接，或者是一对多的，一个表的记录与另一个表的多条记录连接。 3、如</div> </li> <li><a href="/article/2898.htm" title="java循环标签 Foreach" target="_blank">java循环标签 Foreach</a> <span class="text-muted">shuizhaosi888</span> <a class="tag" taget="_blank" href="/search/%E6%A0%87%E7%AD%BE/1.htm">标签</a><a class="tag" taget="_blank" href="/search/java%E5%BE%AA%E7%8E%AF/1.htm">java循环</a><a class="tag" taget="_blank" href="/search/foreach/1.htm">foreach</a> <div>1. 简单的for循环 public static void main(String[] args) { for (int i = 1, y = i + 10; i < 5 && y < 12; i++, y = i * 2) { System.err.println("i=" + i + " y=" </div> </li> <li><a href="/article/3025.htm" title="Spring Security（05）——异常信息本地化" target="_blank">Spring Security（05）——异常信息本地化</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/exception/1.htm">exception</a><a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a><a class="tag" taget="_blank" href="/search/%E5%BC%82%E5%B8%B8%E4%BF%A1%E6%81%AF/1.htm">异常信息</a><a class="tag" taget="_blank" href="/search/%E6%9C%AC%E5%9C%B0%E5%8C%96/1.htm">本地化</a> <div>异常信息本地化 Spring Security支持将展现给终端用户看的异常信息本地化，这些信息包括认证失败、访问被拒绝等。而对于展现给开发者看的异常信息和日志信息（如配置错误）则是不能够进行本地化的，它们是以英文硬编码在Spring Security的代码中的。在Spring-Security-core-x</div> </li> <li><a href="/article/3152.htm" title="DUBBO架构服务端告警Failed to send message Response" target="_blank">DUBBO架构服务端告警Failed to send message Response</a> <span class="text-muted">javamingtingzhao</span> <a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/DUBBO/1.htm">DUBBO</a> <div> 废话不多说，警告日志如下，不知道有哪位遇到过，此异常在服务端抛出(服务器启动第一次运行会有这个警告)，后续运行没问题，找了好久真心不知道哪里错了。 WARN 2015-07-18 22:31:15,272 com.alibaba.dubbo.remoting.transport.dispatcher.ChannelEventRunnable.run(84)</div> </li> <li><a href="/article/3279.htm" title="JS中Date对象中几个用法" target="_blank">JS中Date对象中几个用法</a> <span class="text-muted">leeqq</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Date/1.htm">Date</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E5%90%8E%E4%B8%80%E5%A4%A9/1.htm">最后一天</a> <div>近来工作中遇到这样的两个需求 1. 给个Date对象，找出该时间所在月的第一天和最后一天 2. 给个Date对象，找出该时间所在周的第一天和最后一天需求1中的找月第一天很简单，我记得api中有setDate方法可以使用使用setDate方法前，先看看getDate var date = new Date(); console.log(date); // Sat J</div> </li> <li><a href="/article/3406.htm" title="MFC中使用ado技术操作数据库" target="_blank">MFC中使用ado技术操作数据库</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/mfc/1.htm">mfc</a> <div>1.在stdafx.h中导入ado动态链接库 #import"C:\Program Files\Common Files\System\ado\msado15.dll" no_namespace rename("EOF","end")2.在CTestApp文件的InitInstance()函数中domodal之前写::CoIniti</div> </li> <li><a href="/article/3533.htm" title="Android Studio加速" target="_blank">Android Studio加速</a> <span class="text-muted">rensanning</span> <a class="tag" taget="_blank" href="/search/android+studio/1.htm">android studio</a> <div>Android Studio慢、吃内存！启动时后会立即通过Gradle来sync & build工程。（1）设置Android Studio a) 禁用插件 File -> Settings... Plugins 去掉一些没有用的插件。比如：Git Integration、GitHub、Google Cloud Testing、Google Cloud</div> </li> <li><a href="/article/3660.htm" title="各数据库的批量Update操作" target="_blank">各数据库的批量Update操作</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><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/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/sqlite/1.htm">sqlite</a> <div>MyBatis的update元素的用法与insert元素基本相同，因此本篇不打算重复了。本篇仅记录批量update操作的 sql语句，懂得SQL语句，那么MyBatis部分的操作就简单了。　　注意：下列批量更新语句都是作为一个事务整体执行，要不全部成功，要不全部回滚。 MSSQL的SQL语句　WITH R AS（　　SELECT 'John' as name, 18 as</div> </li> <li><a href="/article/3787.htm" title="html禁止清除input文本输入缓存" target="_blank">html禁止清除input文本输入缓存</a> <span class="text-muted">xp9802</span> <a class="tag" taget="_blank" href="/search/input/1.htm">input</a> <div>多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值，有2种方法：方法一：在不想使用缓存的input中添加 autocomplete="off"; eg: <input type="text" autocomplete="off" name</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.  </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>