海胆Sur

js DOM 事件事件监听

事件属性

改变

属性此事件发生在何时…

onchange 域的内容被改变 （, </code>）</td> </tr> <tr> <td align="left">onresize</td> <td align="left"><strong>窗口被重新调整大小</strong></td> </tr> </tbody> </table> <h4>选择</h4> <table> <thead> <tr> <th align="left">属性</th> <th align="left">此事件发生在何时…</th> </tr> </thead> <tbody> <tr> <td align="left">onfocus</td> <td align="left">元素<strong>获得焦点</strong></td> </tr> <tr> <td align="left">onblur</td> <td align="left">元素<strong>失去焦点</strong></td> </tr> <tr> <td align="left">onfocusin</td> <td align="left">元素<strong>即将获取焦点</strong>时触发</td> </tr> <tr> <td align="left">onfocusout</td> <td align="left">元素<strong>即将失去焦点</strong>时触发</td> </tr> <tr> <td align="left">onselect</td> <td align="left"><strong>文本被选中</strong></td> </tr> </tbody> </table> <h4>键盘</h4> <table> <thead> <tr> <th align="left">属性</th> <th align="left">此事件发生在何时…</th> </tr> </thead> <tbody> <tr> <td align="left">onkeydown</td> <td align="left">某个键盘<strong>按键被按下</strong></td> </tr> <tr> <td align="left">onkeypress</td> <td align="left">某个键盘<strong>按键被按下并松开</strong></td> </tr> <tr> <td align="left">onkeyup</td> <td align="left">某个键盘<strong>按键被松开</strong></td> </tr> </tbody> </table> <h4>鼠标</h4> <table> <thead> <tr> <th align="left">属性</th> <th align="left">此事件发生在何时…</th> </tr> </thead> <tbody> <tr> <td align="left">onmousedown</td> <td align="left"><strong>鼠标按钮被按下</strong></td> </tr> <tr> <td align="left">onmouseup</td> <td align="left"><strong>鼠标按键被松开</strong></td> </tr> <tr> <td align="left">onmousemove</td> <td align="left"><strong>鼠标被移动</strong></td> </tr> <tr> <td align="left">onmouseout</td> <td align="left"><strong>鼠标从某元素移开</strong></td> </tr> <tr> <td align="left">onmouseover</td> <td align="left"><strong>鼠标移到某元素之上</strong></td> </tr> <tr> <td align="left">onclick</td> <td align="left">当用户<strong>点击</strong>某个对象时调用的事件句柄，不是单击</td> </tr> <tr> <td align="left">ondblclick</td> <td align="left">当用户<strong>双击</strong>某个对象时调用的事件句柄</td> </tr> <tr> <td align="left">onwheel</td> <td align="left">该事件在鼠标滚轮在元素上下滚动时触发</td> </tr> </tbody> </table> <h4>剪贴板事件</h4> <table> <thead> <tr> <th align="left">属性</th> <th align="left">描述</th> </tr> </thead> <tbody> <tr> <td align="left">oncopy</td> <td align="left">该事件在用户拷贝元素内容时触发</td> </tr> <tr> <td align="left">oncut</td> <td align="left">该事件在用户剪切元素内容时触发</td> </tr> <tr> <td align="left">onpaste</td> <td align="left">该事件在用户粘贴元素内容时触发</td> </tr> </tbody> </table> <h4>表单事件</h4> <table> <thead> <tr> <th align="left">属性</th> <th align="left">此事件发生在何时…</th> </tr> </thead> <tbody> <tr> <td align="left">oninput</td> <td align="left">元素获取用户输入时触发</td> </tr> <tr> <td align="left">onsubmit</td> <td align="left"><strong>确认按钮被点击</strong> 针对表单 input type=submit</td> </tr> <tr> <td align="left">onreset</td> <td align="left"><strong>重置按钮被点击</strong> 针对表单 input type=reset</td> </tr> </tbody> </table> <h4>各种中断服务</h4> <table> <thead> <tr> <th align="left">属性</th> <th align="left">此事件发生在何时…</th> </tr> </thead> <tbody> <tr> <td align="left">onload</td> <td align="left"><strong>一张页面或一幅图像完成加载</strong></td> </tr> <tr> <td align="left">onunload</td> <td align="left"><strong>用户退出页面</strong> 可用于处理 cookie</td> </tr> <tr> <td align="left">onbeforeunload</td> <td align="left">该事件在即将**离开页面（刷新或关闭）**时触发</td> </tr> <tr> <td align="left">onpageshow</td> <td align="left">该事件在用户<strong>访问页面</strong>时触发</td> </tr> <tr> <td align="left">onpagehide</td> <td align="left">该事件在用户离开当前<strong>网页跳转</strong>到另外一个页面时触发</td> </tr> <tr> <td align="left">onabort</td> <td align="left"><strong>图像的加载被中断</strong></td> </tr> <tr> <td align="left">onerror</td> <td align="left">在<strong>加载文档或图像时发生错误</strong></td> </tr> <tr> <td align="left">onscroll</td> <td align="left">当文档被滚动时发生的事件。</td> </tr> <tr> <td align="left">onhashchange</td> <td align="left">该事件在当前 URL 的锚部分发生修改时触发。 location.hash 或 location.href 改变</td> </tr> </tbody> </table> <p>菜鸟教程-DOM事件</p> <h3>添加事件处理程序</h3> <table> <thead> <tr> <th align="left">方法</th> <th align="left">描述</th> </tr> </thead> <tbody> <tr> <td align="left">.onclick = function(){code}</td> <td align="left">向 onclick 事件添加事件处理程序</td> </tr> <tr> <td align="left">标签中添加 onclick 属性</td> <td align="left"></td> </tr> </tbody> </table> <h3>事件监听</h3> <h4>添加事件监听</h4> <p>.addEventListener(事件,代码) 方法为指定元素指定事件处理程序,<strong>不会覆盖已有的事件处理程序</strong></p> <blockquote> <ul> <li>可添加多个（相同）事件处理程序</li> <li>可向任何DOM对象添加，不限于元素</li> <li><mark>注意：请勿对事件使用 “on” 前缀；请使用 “click” 代替 “onclick”。</mark></li> </ul> </blockquote> <pre><code class="prism language-js">element<span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span>event<span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">,</span> useCapture<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// 第三个参数是布尔值，是否为事件捕获，默认否（即冒泡）。此参数是可选的。</span> </code></pre> <h5>传递参数</h5> <p>当传递参数值时，请以参数形式使用<strong>调用指定函数的“匿名函数”</strong>：</p> <pre><code class="prism language-js">element<span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span><span class="token string">"click"</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span> <span class="token function">myFunction</span><span class="token punctuation">(</span>p1<span class="token punctuation">,</span> p2<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// p1、p2 是实参，不能直接加到匿名函数上</span> </code></pre> <h5>冒泡与捕获</h5> <p>HTML DOM 中两种事件传播的方法</p> <ul> <li><strong>冒泡</strong>：最内侧元素的事件会首先被处理，然后是更外侧的</li> <li><strong>捕获</strong>：最外侧元素的事件会首先被处理，然后是更内侧的</li> </ul> <h4>移除事件监听</h4> <p>.removeEventListener() 方法轻松地删除事件监听器</p> <pre><code class="prism language-js">element<span class="token punctuation">.</span><span class="token function">removeEventListener</span><span class="token punctuation">(</span><span class="token string">"click"</span><span class="token punctuation">,</span>方法名<span class="token punctuation">)</span> </code></pre> <p><em>IE 8、Opera 6.0 及其更早版本不支持 addEventListener() 和 removeEventListener() 方法。不过，对于这些特殊的浏览器版本，您可以使用 attachEvent() 方法向元素添加事件处理程序，并由 detachEvent() 方法删除</em></p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1735800901341339648"></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">你可能感兴趣的:(#,JavaScript,javascript,前端,css)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1885843713452732416.htm" title="React18+Redux+antd 项目实战 JS" target="_blank">React18+Redux+antd 项目实战 JS</a> <span class="text-muted">Alexeigirl</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/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a> <div>React18+Redux+antd项目实战jsAntDesign插件官网Axios官网(可配置请求拦截器和响应拦截器)JavaScript官网Echarts官网一、项目前期准备1.创建新项目hotel-managernpxcreate-react-apphotel-manager2.安装依赖//安装路由npmireact-router-domnpmiaixos//安装组件库npmiantdnpm</div> </li> <li><a href="/article/1885834882123362304.htm" title="智能工厂的设计软件应用场景的一个例子：为AI聊天工具添加一个知识系统之24 重审前端实现：主页页面" target="_blank">智能工厂的设计软件应用场景的一个例子：为AI聊天工具添加一个知识系统之24 重审前端实现：主页页面</a> <span class="text-muted">一水鉴天</span> <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/%E8%BD%AF%E4%BB%B6%E6%99%BA%E8%83%BD/1.htm">软件智能</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>本文提要正文1本项目（为AI聊天工具添加一个知识树系统）的主页页面的三个页面版块(注：一个项目的基础版本，它明确给出建模限制what(where，how)并悬置模型本身（内部空出模型--内建，留给内部--待建+持续增强）同时提出扩展版本who（when，why）的原则将扩展留给外部，完善--有待完善+不断完善）。每个都是一种矩阵，但每一个都从系统源流的源头source那里差异化继承了不同属性pro</div> </li> <li><a href="/article/1885819626701516800.htm" title=".NET Core项目中添加MIME类型" target="_blank">.NET Core项目中添加MIME类型</a> <span class="text-muted">AitTech</span> <a class="tag" taget="_blank" href="/search/.NetCore/1.htm">.NetCore</a><a class="tag" taget="_blank" href="/search/.netcore/1.htm">.netcore</a> <div>在.NETCore项目中添加MIME类型（也称为媒体类型）通常涉及配置Web服务器或中间件来识别和处理特定文件类型的请求和响应。在ASP.NETCore应用中，这通常是通过中间件配置来完成的，尤其是在处理静态文件或API响应时。1.处理静态文件的MIME类型如果你的.NETCore项目需要为静态文件（如图片、CSS、JavaScript等）提供MIME类型支持，你可以通过配置StaticFileM</div> </li> <li><a href="/article/1885815086510043136.htm" title="微信小程序中在一个大边框里给每个小边框均匀分配空间" target="_blank">微信小程序中在一个大边框里给每个小边框均匀分配空间</a> <span class="text-muted">Colinnian</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/notepad%2B%2B/1.htm">notepad++</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>initBoard(){constdots=[];for(leti=0;i<9;i++){for(letj=0;j<9;j++){dots.push({className:"blank",});}}this.setData({dots});},假设我现在创建一个81格的正方形,我要怎么写css代码呢.waibiankuang{width:690rpx;height:690rpx;border:5r</div> </li> <li><a href="/article/1885801221462224896.htm" title="Element properties is not closed" target="_blank">Element properties is not closed</a> <span class="text-muted">眉梢i</span> <a class="tag" taget="_blank" href="/search/spring%E5%85%A8%E5%AE%B6%E6%A1%B6/1.htm">spring全家桶</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>如上图，今天想练习一下springCloud的时候，写父依赖对其进行版本控制的标签，一直报未闭合（Elementpropertiesisnotclosed），也怪自己不细心，原来在写properties写到一半他一般都会有提示，然后我们直接就会回车生成，但这时，回车生成的是单标签自闭合，也就是,然后因为写前端写习惯了，去掉斜线，又在后面写一个，在前端中他是会生成对应的闭合双标签的，但是在pom.x</div> </li> <li><a href="/article/1885800712655400960.htm" title="前端工程化实践 - 代码规范 & 提交规范 & 构建流程 & Monorepo（附 React Native 案例）" target="_blank">前端工程化实践 - 代码规范 & 提交规范 & 构建流程 & Monorepo（附 React Native 案例）</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/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/native/1.htm">native</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81%E8%A7%84%E8%8C%83/1.htm">代码规范</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/yarn/1.htm">yarn</a> <div>前端工程化实践-代码规范&提交规范&构建流程&Monorepo前言仓库策略Multirepo什么是Multirepo？Multirepo的优点Multirepo的缺点Monorepo什么是Monorepo？Monorepo的优点Monorepo的缺点和限制依赖管理Yarnworkspace-高效管理工作区依赖简介如何使用所有依赖都需要提升到根仓库吗？基础命令Lerna-简化多包管理过程Lerna是</div> </li> <li><a href="/article/1885796168370286592.htm" title="探索React项目的Typescript Monorepo架构" target="_blank">探索React项目的Typescript Monorepo架构</a> <span class="text-muted">赵品静Ambitious</span> <div>探索React项目的TypescriptMonorepo架构typescript-monorepo项目地址:https://gitcode.com/gh_mirrors/ty/typescript-monorepo项目介绍在现代前端开发中，随着项目规模的不断扩大，如何高效地管理多个相关联的包成为了一个重要课题。TypescriptmonorepoforReactproject项目应运而生，旨在为R</div> </li> <li><a href="/article/1885795035165814784.htm" title="前端所谓的全栈和大前端有什么区别？" target="_blank">前端所谓的全栈和大前端有什么区别？</a> <span class="text-muted">yuxingwu9872</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在当今的软件开发领域，前端技术不断发展和演进，产生了许多新的概念和术语。其中，“全栈”和“大前端”是两个经常被提及的词汇，它们各自代表着不同的开发理念和技术范畴。在本文中，我们将深入探讨前端所谓的全栈和大前端之间的区别。首先，我们来了解一下全栈的概念。全栈工程师是指具备前端开发、后端开发、数据库管理等多方面技能的开发人员。他们能够独立完成整个项目的开发和维护，从需求分析、设计、编码到测试、部署等各</div> </li> <li><a href="/article/1885794401528115200.htm" title="大前端工程师进阶之路，Node全栈为前端带来更多可能" target="_blank">大前端工程师进阶之路，Node全栈为前端带来更多可能</a> <span class="text-muted">麦田上的字节</span> <a class="tag" taget="_blank" href="/search/%E9%AB%98%E7%BA%A7%E5%89%8D%E7%AB%AF%E5%85%A8%E6%A0%88%E6%95%99%E7%A8%8B%E7%B3%BB%E5%88%97/1.htm">高级前端全栈教程系列</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F%E7%B3%BB%E5%88%97/1.htm">程序人生系列</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF/1.htm">大前端</a><a class="tag" taget="_blank" href="/search/node/1.htm">node</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a> <div>导读：对那些刚入门前端的开发者来说，前端是一个“令人畏惧”的领域，尤其是在你看到前端的技能图谱时，你会发出这样的感叹，前端怎么有那么多的东西要学？我应该从何处学起？我又该如何应对千变万化的前端技术？目录如何选择？关于变化前端工程师如何抉择全栈工程师很吊？说一说node全栈？K型人才？在大厂，前端晋升靠啥？大前端的边界到底在哪里？如何选择？俗话说，“男怕入错行，女怕嫁错郎”。其实前端开发也一样，从开</div> </li> <li><a href="/article/1885789738519031808.htm" title="JS深度剖析异步编程方式" target="_blank">JS深度剖析异步编程方式</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%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/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/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>目录回调函数事件监听发布/订阅Promiseasync/awaitGenerator函数与迭代器深度剖析JavaScript异步编程方式，主要涉及以下几个核心概念和技术回调函数回调函数的基本概念回调函数（CallbackFunction）是一种在特定事件或条件触发时被调用的函数，常用于处理异步操作的结果。在JavaScript中，回调函数是实现异步编程的最初也是最基础的方式。它的工作原理是：将一个</div> </li> <li><a href="/article/1885789359987290112.htm" title="JS 深入理解代码复用模式" target="_blank">JS 深入理解代码复用模式</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%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/%E5%8E%9F%E5%9E%8B%E6%A8%A1%E5%BC%8F/1.htm">原型模式</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录对象Object构造函数组合/混入（Mixins）模块化高阶函数装饰器设计模式其他复用技术JavaScript中的代码复用模式，需要探讨多种实现代码复用的技术手段和策略，包括但不限于原型继承、构造函数、</div> </li> <li><a href="/article/1885789232916656128.htm" title="JS 深度解析作用域、作用域链与闭包" target="_blank">JS 深度解析作用域、作用域链与闭包</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%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/ecmascript/1.htm">ecmascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录作用域词法作用域块级作用域作用域链闭包作用域词法作用域（LexicalScope）JavaScript采用词法作用域，意味着变量的作用域是在编译阶段确定的，由代码在何处定义决定，而非运行时决定。简单来说，变量的作用域取决于它在源代码中的位置。全局作用域：在任何函数外部定义的变量具有全局作用域，对整个程序可见。</div> </li> <li><a href="/article/1885789232228790272.htm" title="JS 全面解析Module模式" target="_blank">JS 全面解析Module模式</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%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/%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>目录基本结构与原理优点应用场景扩展与变体JavaScriptModule模式是一种设计模式，用于封装和管理代码，提供私有变量、私有方法和公有接口，实现模块化编程。Module模式通过闭包来创建一个封装的私有作用域，同时允许对外暴露必要的接口。基本结构与原理Module模式的核心是一个自执行的匿名函数，它返回一个对象，该对象包含公有接口。基本结构如下：constMyModule=(</div> </li> <li><a href="/article/1885788980021096448.htm" title="Ajax的基本使用和原理" target="_blank">Ajax的基本使用和原理</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</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>目录基础概念简单示例原理解析原理深入基础概念什么是Ajax？Ajax是一种在无需重新加载整个网页的情况下，通过JavaScript异步地从服务器获取数据并更新部分网页的技术。关键技术组成：XMLHttpRequest(XHR)对象：这是实现Ajax通信的核心对象，用于在后台与服务器交换数据。JavaScript：编写客户端逻辑，处理用户交互，发送请求和处理响应。HTML/CSS：构建和美化用户界面</div> </li> <li><a href="/article/1885787592306257920.htm" title="CSS工具与工作流" target="_blank">CSS工具与工作流</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><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工具与工作流是前端开发中的重要组成部分，它们帮助开发者提高编写、维护和优化CSS代码的效率。以下是一些关键的CSS工具与工作流实践：代码组织与结构预处理器：如Sass、Less或Stylus，提供了变量、嵌套规则、混合（mixins）、函数等特性，使得CSS更易于管理和维护。模块化：将CSS分解成小的、可管理的模块或组件，常用的方法有BEM（BlockElementModifier）、SMA</div> </li> <li><a href="/article/1885787592864100352.htm" title="CSS实验性功能及CSS4特性" target="_blank">CSS实验性功能及CSS4特性</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><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>CSS4目前仍然是一个宽泛的概念，因为CSS的发展通常是通过一系列逐步完善的模块来进行的，而不是一次性推出一个全新的“第四代”。许多所谓的“CSS4”特性实际上是正在开发或已经草案阶段的CSS模块，它们可能在未来的CSS规范中被正式采纳。选择器4：:is()和:where()伪类允许动态选择一组元素。:has()伪类选择器允许基于子元素选择父元素。:scope伪类用于在ShadowDOM中选择元素</div> </li> <li><a href="/article/1885787340207616000.htm" title="PostCSS 及其插件" target="_blank">PostCSS 及其插件</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/postcss/1.htm">postcss</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>PostCSS及其插件PostCSS是一个工具，它允许开发者通过使用JavaScript插件来转换CSS。这些插件可以执行各种任务，如添加浏览器前缀、转换新的CSS语法、优化和压缩CSS等。1.PostCSS基本概念PostCSS是一个处理器，它接收CSS输入，然后通过一系列插件转换输出。与CSS预处理器（如Sass、Less）不同，PostCSS处理的是标准CSS，但可以扩展CSS语法。2.安装</div> </li> <li><a href="/article/1885787213917122560.htm" title="CSS预处理器Stylus" target="_blank">CSS预处理器Stylus</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/stylus/1.htm">stylus</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>CSS预处理器StylusStylus是一款高效的CSS预处理器，它提供了简洁灵活的语法来帮助开发者更高效地编写和管理CSS代码。下面是一些基础到进阶的Stylus代码教程，涵盖变量、嵌套、混合、继承、运算符等核心特性。1.安装Stylus在项目中使用Stylus前，你需要先安装Stylus编译器。如果你使用的是Node.js，可以通过npm安装：npminstall-Dstylus2.基本使用变</div> </li> <li><a href="/article/1885787087584686080.htm" title="CSS性能优化" target="_blank">CSS性能优化</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在构建高性能的网页时，CSS性能优化是一个至关重要的环节。它不仅影响页面的加载速度，还关系到用户体验和搜索引擎优化。下面我们将深入探讨CSS性能优化的各个方面：1.最小化HTTP请求合并CSS文件：将多个CSS文件合并成一个，减少HTTP请求次数，加快页面加载速度。内联CSS：对于小量的CSS，可以直接在HTML中内联，减少HTTP请求。使用数据URI：对于背景图片或图标，可以使用base64编码</div> </li> <li><a href="/article/1885786961164169216.htm" title="优秀CSS3开源库" target="_blank">优秀CSS3开源库</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>优秀CSS3开源库Bootstrap：https://getbootstrap.com/一个强大的前端框架，提供了许多用于构建响应式网站的工具和组件。Foundation：https://get.foundation/另一个流行的前端框架，也提供了许多用于构建响应式网站的工具和组件。Bulma：https://bulma.io/一个基于Flexbox的CSS框架，提供了简洁、可靠和可自定义的样式。</div> </li> <li><a href="/article/1885786960333697024.htm" title="CSS3优秀动画代码示例" target="_blank">CSS3优秀动画代码示例</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>目录旋转立方体悬停效果动画路径动画纯CSS进度条文字打字机效果3D翻转卡片SVG路径跟随动画SVG心跳动画</div> </li> <li><a href="/article/1885786582431100928.htm" title="CSS3过滤与混合模式" target="_blank">CSS3过滤与混合模式</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>过滤与混合模式filterfilter属性应用于元素本身，允许您对元素的内容（包括其子元素）应用图形效果，如模糊、阴影、颜色调整等。这有助于实现图像编辑软件中常见的视觉效果。其基本语法如下：element{filter:none|[]*|;}none：无滤镜效果。：滤镜函数，常见的包括：blur(px)：模糊效果，参数为模糊半径（像素值）。</div> </li> <li><a href="/article/1885786456123830272.htm" title="CSS3边框与轮廓" target="_blank">CSS3边框与轮廓</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>CSS3边框与轮廓border-radiusborder-radius属性用于设置元素边框的圆角半径。通过这个属性，您可以使元素的角呈现圆形或椭圆形外观，而不是传统的直角。其语法格式如下：.element{border-radius:[horizontal-radiusvertical-radius]|[radius];}horizontal-radius和vertical-radius分别指定水</div> </li> <li><a href="/article/1885786329850114048.htm" title="CSS3盒模型与布局" target="_blank">CSS3盒模型与布局</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>盒模型与布局居中对齐文本居中对齐水平居中使用text-align:center;属性在块级元素内使内联元素（如文本、图片等）水平居中。.parent{text-align:center;}垂直居中使用line-height设置为与容器高度相同的值，实现单行文本的垂直居中。.parent{height</div> </li> <li><a href="/article/1885786202716565504.htm" title="CSS3文字与字体" target="_blank">CSS3文字与字体</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>文字与字体@font-face用途：定义一种自定义字体，使其可以在网页中使用。通过@font-face规则，可以指定字体名称、来源（通常是URL）以及字体的各种变体（如常规、粗体、斜体等）。@font-face{font-family:'MyCustomFont';src:url(&#</div> </li> <li><a href="/article/1885786203433791488.htm" title="CSS3颜色与透明度" target="_blank">CSS3颜色与透明度</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><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>颜色与透明度opacity用途：设置元素及其所有子元素的不透明度。取值范围为0.0（完全透明）至1.0（完全不透明），默认值为1.0。Opacity:1.0(default)</div> </li> <li><a href="/article/1885786076497375232.htm" title="CSS布局和定位应用方案" target="_blank">CSS布局和定位应用方案</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><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>目录浮动布局绝对布局表格布局响应式布局弹性布局网格布局多栏布局浮动布局CSS3浮动布局的核心在于使用float属性将元素移出文档流，通过左右浮动来排列元素，并结合clear属性或清除浮动技巧（如这里的伪元素法）来处理浮动带来的副作用。尽管浮动布局在某些简单布局中依然实用，但对于更复杂的布局需求&#</div> </li> <li><a href="/article/1885785950060081152.htm" title="HTML5 性能优化和计算机硬件使用" target="_blank">HTML5 性能优化和计算机硬件使用</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录启用硬件加速图像与媒体优化资源加载与缓存CSS与布局优化JavaScript性能优化浏览器兼容性与特性检测启用硬件加速Canvas绘图<</div> </li> <li><a href="/article/1885785445879574528.htm" title="HTML5 WebGL技术应用" target="_blank">HTML5 WebGL技术应用</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/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/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>目录WebGL基础知识WebGL库WebGL学习资料大型WebGL应用WebGL基础知识前端开发基础：熟悉HTML、CSS和JavaScript。数学基础：了解向量、矩阵运算、线性代数和基本几何概念。图形学基础：掌握基本的计算机图形学原理，如光照、纹理、变换、投影等。WebGLAPI的基本使用，包括创建画布、着色器、程序、缓冲区等。了解WebGL的渲染过程和管道，包括顶点处理、三角形剪裁、光照、纹</div> </li> <li><a href="/article/1885780530847346688.htm" title="html自学学多久,HTML和CSS要学多久？入门需要多长时间？" target="_blank">html自学学多久,HTML和CSS要学多久？入门需要多长时间？</a> <span class="text-muted">安检</span> <a class="tag" taget="_blank" href="/search/html%E8%87%AA%E5%AD%A6%E5%AD%A6%E5%A4%9A%E4%B9%85/1.htm">html自学学多久</a> <div>HTML和CSS要学多久？相信很多想要学习网页前端开发的小伙伴都会有这个疑问，今天W3Cschool小编就来和大家探讨一下这个问题。作为Web前端开发的基础，HTML和CSS是都是非常基础的语言，但是想要以此为工作的话，只是掌握HTML和CSS还是不够的，JS也需要学习。这样还不够，最好还能花一些时间学习一下近几年非常火的HTML5和CSS3，这样才能算是完全掌握了Web前端相关技术。如果单说HT</div> </li> <li><a href="/article/77.htm" title="算法单链的创建与删除" target="_blank">算法单链的创建与删除</a> <span class="text-muted">换个号韩国红果果</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div> 先创建结构体 struct student { int data; //int tag;//标记这是第几个 struct student *next; }; // addone 用于将一个数插入已从小到大排好序的链中 struct student *addone(struct student *h,int x){ if(h==NULL) //?????? </div> </li> <li><a href="/article/204.htm" title="《大型网站系统与Java中间件实践》第2章读后感" target="_blank">《大型网站系统与Java中间件实践》第2章读后感</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/java%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">java中间件</a> <div> 断断续续花了两天时间试读了《大型网站系统与Java中间件实践》的第2章，这章总述了从一个小型单机构建的网站发展到大型网站的演化过程---整个过程会遇到很多困难，但每一个屏障都会有解决方案，最终就是依靠这些个解决方案汇聚到一起组成了一个健壮稳定高效的大型系统。看完整章内容，</div> </li> <li><a href="/article/331.htm" title="zeus持久层spring事务单元测试" target="_blank">zeus持久层spring事务单元测试</a> <span class="text-muted">deng520159</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a> <div>今天把zeus事务单元测试放出来,让大家指出他的毛病, 1.ZeusTransactionTest.java 单元测试 package com.dengliang.zeus.webdemo.test; import java.util.ArrayList; import java.util.List; import org.junit.Test; import </div> </li> <li><a href="/article/458.htm" title="Rss 订阅开发" target="_blank">Rss 订阅开发</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/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/%E8%AE%A2%E9%98%85/1.htm">订阅</a><a class="tag" taget="_blank" href="/search/rss/1.htm">rss</a><a class="tag" taget="_blank" href="/search/%E8%A7%84%E8%8C%83/1.htm">规范</a> <div> RSS是 Really Simple Syndication的缩写（对rss2.0而言，是这三个词的缩写，对rss1.0而言则是RDF Site Summary的缩写，1.0与2.0走的是两个体系）。 RSS</div> </li> <li><a href="/article/585.htm" title="分页查询实现" target="_blank">分页查询实现</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/%E5%88%86%E9%A1%B5%E6%9F%A5%E8%AF%A2/1.htm">分页查询</a> <div>在查询列表时我们常常会用到分页，分页的好处就是减少数据交换，每次查询一定数量减少数据库压力等等。按实现形式分前台分页和服务器分页：前台分页就是一次查询出所有记录，在页面中用js进行虚拟分页，这种形式在数据量较小时优势比较明显，一次加载就不必再访问服务器了，但当数据量较大时会对页面造成压力，传输速度也会大幅下降。服务器分页就是每次请求相同数量记录，按一定规则排序，每次取一定序号直接的数据</div> </li> <li><a href="/article/712.htm" title="spring jms异步消息处理" target="_blank">spring jms异步消息处理</a> <span class="text-muted">510888780</span> <a class="tag" taget="_blank" href="/search/jms/1.htm">jms</a> <div>spring JMS对于异步消息处理基本上只需配置下就能进行高效的处理。其核心就是消息侦听器容器，常用的类就是DefaultMessageListenerContainer。该容器可配置侦听器的并发数量，以及配合MessageListenerAdapter使用消息驱动POJO进行消息处理。且消息驱动POJO是放入TaskExecutor中进行处理，进一步提高性能，减少侦听器的阻塞。具体配置如下： </div> </li> <li><a href="/article/839.htm" title="highCharts柱状图" target="_blank">highCharts柱状图</a> <span class="text-muted">布衣凌宇</span> <a class="tag" taget="_blank" href="/search/hightCharts/1.htm">hightCharts</a><a class="tag" taget="_blank" href="/search/%E6%9F%B1%E5%9B%BE/1.htm">柱图</a> <div>第一步：导入 exporting.js,grid.js,highcharts.js;第二步：写controller @Controller@RequestMapping(value="${adminPath}/statistick")public class StatistickController { private UserServi</div> </li> <li><a href="/article/966.htm" title="我的spring学习笔记2-IoC（反向控制依赖注入）" target="_blank">我的spring学习笔记2-IoC（反向控制依赖注入）</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/Spring+%E6%95%99%E7%A8%8B/1.htm">Spring 教程</a><a class="tag" taget="_blank" href="/search/spring3+%E6%95%99%E7%A8%8B/1.htm">spring3 教程</a><a class="tag" taget="_blank" href="/search/Spring+%E5%85%A5%E9%97%A8/1.htm">Spring 入门</a> <div>IoC（反向控制依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明：如：程序中有 Mysql.calss 、Oracle.class 、SqlSe</div> </li> <li><a href="/article/1093.htm" title="TLS java简单实现" target="_blank">TLS java简单实现</a> <span class="text-muted">antlove</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/ssl/1.htm">ssl</a><a class="tag" taget="_blank" href="/search/keystore/1.htm">keystore</a><a class="tag" taget="_blank" href="/search/tls/1.htm">tls</a><a class="tag" taget="_blank" href="/search/secure/1.htm">secure</a> <div> 1. SSLServer.java package ssl; import java.io.FileInputStream; import java.io.InputStream; import java.net.ServerSocket; import java.net.Socket; import java.security.KeyStore; import </div> </li> <li><a href="/article/1220.htm" title="Zip解压压缩文件" target="_blank">Zip解压压缩文件</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/Zip%E6%A0%BC%E5%BC%8F%E8%A7%A3%E5%8E%8B/1.htm">Zip格式解压</a><a class="tag" taget="_blank" href="/search/Zip%E6%B5%81%E7%9A%84%E4%BD%BF%E7%94%A8/1.htm">Zip流的使用</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E8%A7%A3%E5%8E%8B/1.htm">文件解压</a> <div> ZIP文件的解压缩实质上就是从输入流中读取数据。Java.util.zip包提供了类ZipInputStream来读取ZIP文件,下面的代码段创建了一个输入流来读取ZIP格式的文件; ZipInputStream in = new ZipInputStream(new FileInputStream(zipFileName)); &n</div> </li> <li><a href="/article/1347.htm" title="underscore.js 学习（一）" target="_blank">underscore.js 学习（一）</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/underscore/1.htm">underscore</a> <div> 工作中需要用到underscore.js，发现这是一个包括了很多基本功能函数的js库，里面有很多实用的函数。而且它没有扩展 javascript的原生对象。主要涉及对Collection、Object、Array、Function的操作。学</div> </li> <li><a href="/article/1474.htm" title="java jvm常用命令工具——jstatd命令(Java Statistics Monitoring Daemon)" target="_blank">java jvm常用命令工具——jstatd命令(Java Statistics Monitoring Daemon)</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/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jstatd/1.htm">jstatd</a> <div>1.介绍 jstatd是一个基于RMI（Remove Method Invocation）的服务程序，它用于监控基于HotSpot的JVM中资源的创建及销毁，并且提供了一个远程接口允许远程的监控工具连接到本地的JVM执行命令。 jstatd是基于RMI的，所以在运行jstatd的服务</div> </li> <li><a href="/article/1601.htm" title="【Spring框架三】Spring常用注解之Transactional" target="_blank">【Spring框架三】Spring常用注解之Transactional</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/transactional/1.htm">transactional</a> <div>Spring可以通过注解@Transactional来为业务逻辑层的方法(调用DAO完成持久化动作)添加事务能力，如下是@Transactional注解的定义： /* * Copyright 2002-2010 the original author or authors. * * Licensed under the Apache License, Version </div> </li> <li><a href="/article/1728.htm" title="我(程序员)的前进方向" target="_blank">我(程序员)的前进方向</a> <span class="text-muted">bitray</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div>作为一个普通的程序员,我一直游走在java语言中,java也确实让我有了很多的体会.不过随着学习的深入,java语言的新技术产生的越来越多,从最初期的javase,我逐渐开始转变到ssh,ssi,这种主流的码农,.过了几天为了解决新问题,webservice的大旗也被我祭出来了,又过了些日子jms架构的activemq也开始必须学习了.再后来开始了一系列技术学习,osgi,restful.....</div> </li> <li><a href="/article/1855.htm" title="nginx lua开发经验总结" target="_blank">nginx lua开发经验总结</a> <span class="text-muted">ronin47</span> <div>使用nginx lua已经两三个月了，项目接开发完毕了，这几天准备上线并且跟高德地图对接。回顾下来lua在项目中占得必中还是比较大的，跟PHP的占比差不多持平了，因此在开发中遇到一些问题备忘一下 1：content_by_lua中代码容量有限制，一般不要写太多代码，正常编写代码一般在100行左右（具体容量没有细心测哈哈，在4kb左右），如果超出了则重启nginx的时候会报 too long pa</div> </li> <li><a href="/article/1982.htm" title="java-66-用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。颠倒之后的栈为{5,4,3,2,1}，5处在栈顶" target="_blank">java-66-用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。颠倒之后的栈为{5,4,3,2,1}，5处在栈顶</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.Stack; public class ReverseStackRecursive { /** * Q 66.颠倒栈。 * 题目：用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。 * 颠倒之后的栈为{5,4,3,2,1}，5处在栈顶。 *1. Pop the top element *2. Revers</div> </li> <li><a href="/article/2109.htm" title="正确理解Linux内存占用过高的问题" target="_blank">正确理解Linux内存占用过高的问题</a> <span class="text-muted">cfyme</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>Linux开机后，使用top命令查看，4G物理内存发现已使用的多大3.2G，占用率高达80%以上： Mem: 3889836k total, 3341868k used, 547968k free, 286044k buffers Swap: 6127608k total,&nb</div> </li> <li><a href="/article/2236.htm" title="[JWFD开源工作流]当前流程引擎设计的一个急需解决的问题" target="_blank">[JWFD开源工作流]当前流程引擎设计的一个急需解决的问题</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C%E6%B5%81/1.htm">工作流</a> <div> 当我们的流程引擎进入IRC阶段的时候，当循环反馈模型出现之后，每次循环都会导致一大堆节点内存数据残留在系统内存中，循环的次数越多，这些残留数据将导致系统内存溢出，并使得引擎崩溃。。。。。。而解决办法就是利用汇编语言或者其它系统编程语言，在引擎运行时，把这些残留数据清除掉。</div> </li> <li><a href="/article/2363.htm" title="自定义类的equals函数" target="_blank">自定义类的equals函数</a> <span class="text-muted">dai_lm</span> <a class="tag" taget="_blank" href="/search/equals/1.htm">equals</a> <div>仅作笔记使用 public class VectorQueue { private final Vector<VectorItem> queue; private class VectorItem { private final Object item; private final int quantity; public VectorI</div> </li> <li><a href="/article/2490.htm" title="Linux下安装R语言" target="_blank">Linux下安装R语言</a> <span class="text-muted">datageek</span> <a class="tag" taget="_blank" href="/search/R%E8%AF%AD%E8%A8%80+linux/1.htm">R语言 linux</a> <div>命令如下：sudo gedit /etc/apt/sources.list1、deb http://mirrors.ustc.edu.cn/CRAN/bin/linux/ubuntu/ precise/ 2、deb http://dk.archive.ubuntu.com/ubuntu hardy universesudo apt-key adv --keyserver ke</div> </li> <li><a href="/article/2617.htm" title="如何修改mysql 并发数(连接数)最大值" target="_blank">如何修改mysql 并发数(连接数)最大值</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>MySQL的连接数最大值跟MySQL没关系，主要看系统和业务逻辑了方法一：进入MYSQL安装目录打开MYSQL配置文件 my.ini 或 my.cnf查找 max_connections=100 修改为 max_connections=1000 服务里重起MYSQL即可　　方法二：MySQL的最大连接数默认是100客户端登录：mysql -uusername -ppass</div> </li> <li><a href="/article/2744.htm" title="单一功能原则" target="_blank">单一功能原则</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1%E7%9A%84%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1/1.htm">面向对象的程序设计</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E8%AE%BE%E8%AE%A1/1.htm">软件设计</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E5%8E%9F%E5%88%99/1.htm">编程原则</a> <div>单一功能原则[ 编辑] SOLID 原则单一功能原则开闭原则 Liskov代换原则接口隔离原则依赖反转原则查论编在面向对象编程领域中，单一功能原则（Single responsibility principle）规定每个类都应该有</div> </li> <li><a href="/article/2871.htm" title="POJO、VO和JavaBean区别和联系" target="_blank">POJO、VO和JavaBean区别和联系</a> <span class="text-muted">fanmingxing</span> <a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/javabean/1.htm">javabean</a> <div>POJO和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Plain Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比POJO复杂很多，JavaBean是一种组件技术，就好像你做了一个扳子，而这个扳子会在很多地方被</div> </li> <li><a href="/article/2998.htm" title="SpringSecurity3.X--LDAP：AD配置" target="_blank">SpringSecurity3.X--LDAP：AD配置</a> <span class="text-muted">hanqunfeng</span> <a class="tag" taget="_blank" href="/search/SpringSecurity/1.htm">SpringSecurity</a> <div>前面介绍过基于本地数据库验证的方式，参考http://hanqunfeng.iteye.com/blog/1155226，这里说一下如何修改为使用AD进行身份验证【只对用户名和密码进行验证，权限依旧存储在本地数据库中】。将配置文件中的如下部分删除：  </div> </li> <li><a href="/article/3125.htm" title="mac mysql 修改密码" target="_blank">mac mysql 修改密码</a> <span class="text-muted">IXHONG</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>$ sudo /usr/local/mysql/bin/mysqld_safe –user=root & //启动MySQL(也可以通过偏好设置面板来启动)$ sudo /usr/local/mysql/bin/mysqladmin -uroot password yourpassword //设置MySQL密码（注意，这是第一次MySQL密码为空的时候的设置命令，如果是修改密码，还需在-</div> </li> <li><a href="/article/3252.htm" title="设计模式--抽象工厂模式" target="_blank">设计模式--抽象工厂模式</a> <span class="text-muted">kerryg</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>抽象工厂模式：工厂模式有一个问题就是，类的创建依赖于工厂类，也就是说，如果想要拓展程序，必须对工厂类进行修改，这违背了闭包原则。我们采用抽象工厂模式，创建多个工厂类，这样一旦需要增加新的功能，直接增加新的工厂类就可以了，不需要修改之前的代码。总结：这个模式的好处就是，如果想增加一个功能，就需要做一个实现类，</div> </li> <li><a href="/article/3379.htm" title="评"高中女生军训期跳楼”" target="_blank">评"高中女生军训期跳楼”</a> <span class="text-muted">nannan408</span> <div> 首先，先抛出我的观点，各位看官少点砖头。那就是，中国的差异化教育必须做起来。孔圣人有云：有教无类。不同类型的人，都应该有对应的教育方法。目前中国的一体化教育，不知道已经扼杀了多少创造性人才。我们出不了爱迪生，出不了爱因斯坦，很大原因，是我们的培养思路错了，我们是第一要“顺从”。如果不顺从，我们的学校，就会用各种方法，罚站，罚写作业，各种罚。军</div> </li> <li><a href="/article/3506.htm" title="scala如何读取和写入文件内容？" target="_blank">scala如何读取和写入文件内容？</a> <span class="text-muted">qindongliang1922</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a> <div>直接看如下代码： package file import java.io.RandomAccessFile import java.nio.charset.Charset import scala.io.Source import scala.reflect.io.{File, Path} /** * Created by qindongliang on 2015/</div> </li> <li><a href="/article/3633.htm" title="C语言算法之百元买百鸡" target="_blank">C语言算法之百元买百鸡</a> <span class="text-muted">qiufeihu</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>中国古代数学家张丘建在他的《算经》中提出了一个著名的“百钱买百鸡问题”，鸡翁一，值钱五，鸡母一，值钱三，鸡雏三，值钱一，百钱买百鸡，问翁，母，雏各几何？代码如下： #include <stdio.h> int main() { int cock,hen,chick; /*定义变量为基本整型*/ for(coc</div> </li> <li><a href="/article/3760.htm" title="Hadoop集群安全性：Hadoop中Namenode单点故障的解决方案及详细介绍AvatarNode" target="_blank">Hadoop集群安全性：Hadoop中Namenode单点故障的解决方案及详细介绍AvatarNode</a> <span class="text-muted">wyz2009107220</span> <a class="tag" taget="_blank" href="/search/NameNode/1.htm">NameNode</a> <div>正如大家所知，NameNode在Hadoop系统中存在单点故障问题，这个对于标榜高可用性的Hadoop来说一直是个软肋。本文讨论一下为了解决这个问题而存在的几个solution。 1. Secondary NameNode 原理：Secondary NN会定期的从NN中读取editlog，与自己存储的Image进行合并形成新的metadata image 优点：Hadoop较早的版本都自带，</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>

属性	此事件发生在何时…
onchange	域的内容被改变（, </code>）</td> </tr> <tr> <td align="left">onresize</td> <td align="left"><strong>窗口被重新调整大小</strong></td> </tr> </tbody> </table> <h4>选择</h4> <table> <thead> <tr> <th align="left">属性</th> <th align="left">此事件发生在何时…</th> </tr> </thead> <tbody> <tr> <td align="left">onfocus</td> <td align="left">元素<strong>获得焦点</strong></td> </tr> <tr> <td align="left">onblur</td> <td align="left">元素<strong>失去焦点</strong></td> </tr> <tr> <td align="left">onfocusin</td> <td align="left">元素<strong>即将获取焦点</strong>时触发</td> </tr> <tr> <td align="left">onfocusout</td> <td align="left">元素<strong>即将失去焦点</strong>时触发</td> </tr> <tr> <td align="left">onselect</td> <td align="left"><strong>文本被选中</strong></td> </tr> </tbody> </table> <h4>键盘</h4> <table> <thead> <tr> <th align="left">属性</th> <th align="left">此事件发生在何时…</th> </tr> </thead> <tbody> <tr> <td align="left">onkeydown</td> <td align="left">某个键盘<strong>按键被按下</strong></td> </tr> <tr> <td align="left">onkeypress</td> <td align="left">某个键盘<strong>按键被按下并松开</strong></td> </tr> <tr> <td align="left">onkeyup</td> <td align="left">某个键盘<strong>按键被松开</strong></td> </tr> </tbody> </table> <h4>鼠标</h4> <table> <thead> <tr> <th align="left">属性</th> <th align="left">此事件发生在何时…</th> </tr> </thead> <tbody> <tr> <td align="left">onmousedown</td> <td align="left"><strong>鼠标按钮被按下</strong></td> </tr> <tr> <td align="left">onmouseup</td> <td align="left"><strong>鼠标按键被松开</strong></td> </tr> <tr> <td align="left">onmousemove</td> <td align="left"><strong>鼠标被移动</strong></td> </tr> <tr> <td align="left">onmouseout</td> <td align="left"><strong>鼠标从某元素移开</strong></td> </tr> <tr> <td align="left">onmouseover</td> <td align="left"><strong>鼠标移到某元素之上</strong></td> </tr> <tr> <td align="left">onclick</td> <td align="left">当用户<strong>点击</strong>某个对象时调用的事件句柄，不是单击</td> </tr> <tr> <td align="left">ondblclick</td> <td align="left">当用户<strong>双击</strong>某个对象时调用的事件句柄</td> </tr> <tr> <td align="left">onwheel</td> <td align="left">该事件在鼠标滚轮在元素上下滚动时触发</td> </tr> </tbody> </table> <h4>剪贴板事件</h4> <table> <thead> <tr> <th align="left">属性</th> <th align="left">描述</th> </tr> </thead> <tbody> <tr> <td align="left">oncopy</td> <td align="left">该事件在用户拷贝元素内容时触发</td> </tr> <tr> <td align="left">oncut</td> <td align="left">该事件在用户剪切元素内容时触发</td> </tr> <tr> <td align="left">onpaste</td> <td align="left">该事件在用户粘贴元素内容时触发</td> </tr> </tbody> </table> <h4>表单事件</h4> <table> <thead> <tr> <th align="left">属性</th> <th align="left">此事件发生在何时…</th> </tr> </thead> <tbody> <tr> <td align="left">oninput</td> <td align="left">元素获取用户输入时触发</td> </tr> <tr> <td align="left">onsubmit</td> <td align="left"><strong>确认按钮被点击</strong> 针对表单 input type=submit</td> </tr> <tr> <td align="left">onreset</td> <td align="left"><strong>重置按钮被点击</strong> 针对表单 input type=reset</td> </tr> </tbody> </table> <h4>各种中断服务</h4> <table> <thead> <tr> <th align="left">属性</th> <th align="left">此事件发生在何时…</th> </tr> </thead> <tbody> <tr> <td align="left">onload</td> <td align="left"><strong>一张页面或一幅图像完成加载</strong></td> </tr> <tr> <td align="left">onunload</td> <td align="left"><strong>用户退出页面</strong> 可用于处理 cookie</td> </tr> <tr> <td align="left">onbeforeunload</td> <td align="left">该事件在即将离开页面（刷新或关闭）时触发</td> </tr> <tr> <td align="left">onpageshow</td> <td align="left">该事件在用户<strong>访问页面</strong>时触发</td> </tr> <tr> <td align="left">onpagehide</td> <td align="left">该事件在用户离开当前<strong>网页跳转</strong>到另外一个页面时触发</td> </tr> <tr> <td align="left">onabort</td> <td align="left"><strong>图像的加载被中断</strong></td> </tr> <tr> <td align="left">onerror</td> <td align="left">在<strong>加载文档或图像时发生错误</strong></td> </tr> <tr> <td align="left">onscroll</td> <td align="left">当文档被滚动时发生的事件。</td> </tr> <tr> <td align="left">onhashchange</td> <td align="left">该事件在当前 URL 的锚部分发生修改时触发。 location.hash 或 location.href 改变</td> </tr> </tbody> </table> <p>菜鸟教程-DOM事件</p> <h3>添加事件处理程序</h3> <table> <thead> <tr> <th align="left">方法</th> <th align="left">描述</th> </tr> </thead> <tbody> <tr> <td align="left">.onclick = function(){code}</td> <td align="left">向 onclick 事件添加事件处理程序</td> </tr> <tr> <td align="left">标签中添加 onclick 属性</td> <td align="left"></td> </tr> </tbody> </table> <h3>事件监听</h3> <h4>添加事件监听</h4> <p>.addEventListener(事件,代码) 方法为指定元素指定事件处理程序,<strong>不会覆盖已有的事件处理程序</strong></p> <blockquote> <ul> <li>可添加多个（相同）事件处理程序</li> <li>可向任何DOM对象添加，不限于元素</li> <li><mark>注意：请勿对事件使用 “on” 前缀；请使用 “click” 代替 “onclick”。</mark></li> </ul> </blockquote> <pre><code class="prism language-js">element<span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span>event<span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">,</span> useCapture<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// 第三个参数是布尔值，是否为事件捕获，默认否（即冒泡）。此参数是可选的。</span> </code></pre> <h5>传递参数</h5> <p>当传递参数值时，请以参数形式使用<strong>调用指定函数的“匿名函数”</strong>：</p> <pre><code class="prism language-js">element<span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span><span class="token string">"click"</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span> <span class="token function">myFunction</span><span class="token punctuation">(</span>p1<span class="token punctuation">,</span> p2<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// p1、p2 是实参，不能直接加到匿名函数上</span> </code></pre> <h5>冒泡与捕获</h5> <p>HTML DOM 中两种事件传播的方法</p> <ul> <li><strong>冒泡</strong>：最内侧元素的事件会首先被处理，然后是更外侧的</li> <li><strong>捕获</strong>：最外侧元素的事件会首先被处理，然后是更内侧的</li> </ul> <h4>移除事件监听</h4> <p>.removeEventListener() 方法轻松地删除事件监听器</p> <pre><code class="prism language-js">element<span class="token punctuation">.</span><span class="token function">removeEventListener</span><span class="token punctuation">(</span><span class="token string">"click"</span><span class="token punctuation">,</span>方法名<span class="token punctuation">)</span> </code></pre> <p><em>IE 8、Opera 6.0 及其更早版本不支持 addEventListener() 和 removeEventListener() 方法。不过，对于这些特殊的浏览器版本，您可以使用 attachEvent() 方法向元素添加事件处理程序，并由 detachEvent() 方法删除</em></p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1735800901341339648"></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">你可能感兴趣的:(#,JavaScript,javascript,前端,css)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1885843713452732416.htm" title="React18+Redux+antd 项目实战 JS" target="_blank">React18+Redux+antd 项目实战 JS</a> <span class="text-muted">Alexeigirl</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/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a> <div>React18+Redux+antd项目实战jsAntDesign插件官网Axios官网(可配置请求拦截器和响应拦截器)JavaScript官网Echarts官网一、项目前期准备1.创建新项目hotel-managernpxcreate-react-apphotel-manager2.安装依赖//安装路由npmireact-router-domnpmiaixos//安装组件库npmiantdnpm</div> </li> <li><a href="/article/1885834882123362304.htm" title="智能工厂的设计软件应用场景的一个例子：为AI聊天工具添加一个知识系统之24 重审前端实现：主页页面" target="_blank">智能工厂的设计软件应用场景的一个例子：为AI聊天工具添加一个知识系统之24 重审前端实现：主页页面</a> <span class="text-muted">一水鉴天</span> <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/%E8%BD%AF%E4%BB%B6%E6%99%BA%E8%83%BD/1.htm">软件智能</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>本文提要正文1本项目（为AI聊天工具添加一个知识树系统）的主页页面的三个页面版块(注：一个项目的基础版本，它明确给出建模限制what(where，how)并悬置模型本身（内部空出模型--内建，留给内部--待建+持续增强）同时提出扩展版本who（when，why）的原则将扩展留给外部，完善--有待完善+不断完善）。每个都是一种矩阵，但每一个都从系统源流的源头source那里差异化继承了不同属性pro</div> </li> <li><a href="/article/1885819626701516800.htm" title=".NET Core项目中添加MIME类型" target="_blank">.NET Core项目中添加MIME类型</a> <span class="text-muted">AitTech</span> <a class="tag" taget="_blank" href="/search/.NetCore/1.htm">.NetCore</a><a class="tag" taget="_blank" href="/search/.netcore/1.htm">.netcore</a> <div>在.NETCore项目中添加MIME类型（也称为媒体类型）通常涉及配置Web服务器或中间件来识别和处理特定文件类型的请求和响应。在ASP.NETCore应用中，这通常是通过中间件配置来完成的，尤其是在处理静态文件或API响应时。1.处理静态文件的MIME类型如果你的.NETCore项目需要为静态文件（如图片、CSS、JavaScript等）提供MIME类型支持，你可以通过配置StaticFileM</div> </li> <li><a href="/article/1885815086510043136.htm" title="微信小程序中在一个大边框里给每个小边框均匀分配空间" target="_blank">微信小程序中在一个大边框里给每个小边框均匀分配空间</a> <span class="text-muted">Colinnian</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/notepad%2B%2B/1.htm">notepad++</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>initBoard(){constdots=[];for(leti=0;i<9;i++){for(letj=0;j<9;j++){dots.push({className:"blank",});}}this.setData({dots});},假设我现在创建一个81格的正方形,我要怎么写css代码呢.waibiankuang{width:690rpx;height:690rpx;border:5r</div> </li> <li><a href="/article/1885801221462224896.htm" title="Element properties is not closed" target="_blank">Element properties is not closed</a> <span class="text-muted">眉梢i</span> <a class="tag" taget="_blank" href="/search/spring%E5%85%A8%E5%AE%B6%E6%A1%B6/1.htm">spring全家桶</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>如上图，今天想练习一下springCloud的时候，写父依赖对其进行版本控制的标签，一直报未闭合（Elementpropertiesisnotclosed），也怪自己不细心，原来在写properties写到一半他一般都会有提示，然后我们直接就会回车生成，但这时，回车生成的是单标签自闭合，也就是,然后因为写前端写习惯了，去掉斜线，又在后面写一个，在前端中他是会生成对应的闭合双标签的，但是在pom.x</div> </li> <li><a href="/article/1885800712655400960.htm" title="前端工程化实践 - 代码规范 & 提交规范 & 构建流程 & Monorepo（附 React Native 案例）" target="_blank">前端工程化实践 - 代码规范 & 提交规范 & 构建流程 & Monorepo（附 React Native 案例）</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/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/native/1.htm">native</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81%E8%A7%84%E8%8C%83/1.htm">代码规范</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/yarn/1.htm">yarn</a> <div>前端工程化实践-代码规范&提交规范&构建流程&Monorepo前言仓库策略Multirepo什么是Multirepo？Multirepo的优点Multirepo的缺点Monorepo什么是Monorepo？Monorepo的优点Monorepo的缺点和限制依赖管理Yarnworkspace-高效管理工作区依赖简介如何使用所有依赖都需要提升到根仓库吗？基础命令Lerna-简化多包管理过程Lerna是</div> </li> <li><a href="/article/1885796168370286592.htm" title="探索React项目的Typescript Monorepo架构" target="_blank">探索React项目的Typescript Monorepo架构</a> <span class="text-muted">赵品静Ambitious</span> <div>探索React项目的TypescriptMonorepo架构typescript-monorepo项目地址:https://gitcode.com/gh_mirrors/ty/typescript-monorepo项目介绍在现代前端开发中，随着项目规模的不断扩大，如何高效地管理多个相关联的包成为了一个重要课题。TypescriptmonorepoforReactproject项目应运而生，旨在为R</div> </li> <li><a href="/article/1885795035165814784.htm" title="前端所谓的全栈和大前端有什么区别？" target="_blank">前端所谓的全栈和大前端有什么区别？</a> <span class="text-muted">yuxingwu9872</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在当今的软件开发领域，前端技术不断发展和演进，产生了许多新的概念和术语。其中，“全栈”和“大前端”是两个经常被提及的词汇，它们各自代表着不同的开发理念和技术范畴。在本文中，我们将深入探讨前端所谓的全栈和大前端之间的区别。首先，我们来了解一下全栈的概念。全栈工程师是指具备前端开发、后端开发、数据库管理等多方面技能的开发人员。他们能够独立完成整个项目的开发和维护，从需求分析、设计、编码到测试、部署等各</div> </li> <li><a href="/article/1885794401528115200.htm" title="大前端工程师进阶之路，Node全栈为前端带来更多可能" target="_blank">大前端工程师进阶之路，Node全栈为前端带来更多可能</a> <span class="text-muted">麦田上的字节</span> <a class="tag" taget="_blank" href="/search/%E9%AB%98%E7%BA%A7%E5%89%8D%E7%AB%AF%E5%85%A8%E6%A0%88%E6%95%99%E7%A8%8B%E7%B3%BB%E5%88%97/1.htm">高级前端全栈教程系列</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F%E7%B3%BB%E5%88%97/1.htm">程序人生系列</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF/1.htm">大前端</a><a class="tag" taget="_blank" href="/search/node/1.htm">node</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a> <div>导读：对那些刚入门前端的开发者来说，前端是一个“令人畏惧”的领域，尤其是在你看到前端的技能图谱时，你会发出这样的感叹，前端怎么有那么多的东西要学？我应该从何处学起？我又该如何应对千变万化的前端技术？目录如何选择？关于变化前端工程师如何抉择全栈工程师很吊？说一说node全栈？K型人才？在大厂，前端晋升靠啥？大前端的边界到底在哪里？如何选择？俗话说，“男怕入错行，女怕嫁错郎”。其实前端开发也一样，从开</div> </li> <li><a href="/article/1885789738519031808.htm" title="JS深度剖析异步编程方式" target="_blank">JS深度剖析异步编程方式</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%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/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/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>目录回调函数事件监听发布/订阅Promiseasync/awaitGenerator函数与迭代器深度剖析JavaScript异步编程方式，主要涉及以下几个核心概念和技术回调函数回调函数的基本概念回调函数（CallbackFunction）是一种在特定事件或条件触发时被调用的函数，常用于处理异步操作的结果。在JavaScript中，回调函数是实现异步编程的最初也是最基础的方式。它的工作原理是：将一个</div> </li> <li><a href="/article/1885789359987290112.htm" title="JS 深入理解代码复用模式" target="_blank">JS 深入理解代码复用模式</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%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/%E5%8E%9F%E5%9E%8B%E6%A8%A1%E5%BC%8F/1.htm">原型模式</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录对象Object构造函数组合/混入（Mixins）模块化高阶函数装饰器设计模式其他复用技术JavaScript中的代码复用模式，需要探讨多种实现代码复用的技术手段和策略，包括但不限于原型继承、构造函数、</div> </li> <li><a href="/article/1885789232916656128.htm" title="JS 深度解析作用域、作用域链与闭包" target="_blank">JS 深度解析作用域、作用域链与闭包</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%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/ecmascript/1.htm">ecmascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录作用域词法作用域块级作用域作用域链闭包作用域词法作用域（LexicalScope）JavaScript采用词法作用域，意味着变量的作用域是在编译阶段确定的，由代码在何处定义决定，而非运行时决定。简单来说，变量的作用域取决于它在源代码中的位置。全局作用域：在任何函数外部定义的变量具有全局作用域，对整个程序可见。</div> </li> <li><a href="/article/1885789232228790272.htm" title="JS 全面解析Module模式" target="_blank">JS 全面解析Module模式</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%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/%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>目录基本结构与原理优点应用场景扩展与变体JavaScriptModule模式是一种设计模式，用于封装和管理代码，提供私有变量、私有方法和公有接口，实现模块化编程。Module模式通过闭包来创建一个封装的私有作用域，同时允许对外暴露必要的接口。基本结构与原理Module模式的核心是一个自执行的匿名函数，它返回一个对象，该对象包含公有接口。基本结构如下：constMyModule=(</div> </li> <li><a href="/article/1885788980021096448.htm" title="Ajax的基本使用和原理" target="_blank">Ajax的基本使用和原理</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</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>目录基础概念简单示例原理解析原理深入基础概念什么是Ajax？Ajax是一种在无需重新加载整个网页的情况下，通过JavaScript异步地从服务器获取数据并更新部分网页的技术。关键技术组成：XMLHttpRequest(XHR)对象：这是实现Ajax通信的核心对象，用于在后台与服务器交换数据。JavaScript：编写客户端逻辑，处理用户交互，发送请求和处理响应。HTML/CSS：构建和美化用户界面</div> </li> <li><a href="/article/1885787592306257920.htm" title="CSS工具与工作流" target="_blank">CSS工具与工作流</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><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工具与工作流是前端开发中的重要组成部分，它们帮助开发者提高编写、维护和优化CSS代码的效率。以下是一些关键的CSS工具与工作流实践：代码组织与结构预处理器：如Sass、Less或Stylus，提供了变量、嵌套规则、混合（mixins）、函数等特性，使得CSS更易于管理和维护。模块化：将CSS分解成小的、可管理的模块或组件，常用的方法有BEM（BlockElementModifier）、SMA</div> </li> <li><a href="/article/1885787592864100352.htm" title="CSS实验性功能及CSS4特性" target="_blank">CSS实验性功能及CSS4特性</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><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>CSS4目前仍然是一个宽泛的概念，因为CSS的发展通常是通过一系列逐步完善的模块来进行的，而不是一次性推出一个全新的“第四代”。许多所谓的“CSS4”特性实际上是正在开发或已经草案阶段的CSS模块，它们可能在未来的CSS规范中被正式采纳。选择器4：:is()和:where()伪类允许动态选择一组元素。:has()伪类选择器允许基于子元素选择父元素。:scope伪类用于在ShadowDOM中选择元素</div> </li> <li><a href="/article/1885787340207616000.htm" title="PostCSS 及其插件" target="_blank">PostCSS 及其插件</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/postcss/1.htm">postcss</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>PostCSS及其插件PostCSS是一个工具，它允许开发者通过使用JavaScript插件来转换CSS。这些插件可以执行各种任务，如添加浏览器前缀、转换新的CSS语法、优化和压缩CSS等。1.PostCSS基本概念PostCSS是一个处理器，它接收CSS输入，然后通过一系列插件转换输出。与CSS预处理器（如Sass、Less）不同，PostCSS处理的是标准CSS，但可以扩展CSS语法。2.安装</div> </li> <li><a href="/article/1885787213917122560.htm" title="CSS预处理器Stylus" target="_blank">CSS预处理器Stylus</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/stylus/1.htm">stylus</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>CSS预处理器StylusStylus是一款高效的CSS预处理器，它提供了简洁灵活的语法来帮助开发者更高效地编写和管理CSS代码。下面是一些基础到进阶的Stylus代码教程，涵盖变量、嵌套、混合、继承、运算符等核心特性。1.安装Stylus在项目中使用Stylus前，你需要先安装Stylus编译器。如果你使用的是Node.js，可以通过npm安装：npminstall-Dstylus2.基本使用变</div> </li> <li><a href="/article/1885787087584686080.htm" title="CSS性能优化" target="_blank">CSS性能优化</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在构建高性能的网页时，CSS性能优化是一个至关重要的环节。它不仅影响页面的加载速度，还关系到用户体验和搜索引擎优化。下面我们将深入探讨CSS性能优化的各个方面：1.最小化HTTP请求合并CSS文件：将多个CSS文件合并成一个，减少HTTP请求次数，加快页面加载速度。内联CSS：对于小量的CSS，可以直接在HTML中内联，减少HTTP请求。使用数据URI：对于背景图片或图标，可以使用base64编码</div> </li> <li><a href="/article/1885786961164169216.htm" title="优秀CSS3开源库" target="_blank">优秀CSS3开源库</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>优秀CSS3开源库Bootstrap：https://getbootstrap.com/一个强大的前端框架，提供了许多用于构建响应式网站的工具和组件。Foundation：https://get.foundation/另一个流行的前端框架，也提供了许多用于构建响应式网站的工具和组件。Bulma：https://bulma.io/一个基于Flexbox的CSS框架，提供了简洁、可靠和可自定义的样式。</div> </li> <li><a href="/article/1885786960333697024.htm" title="CSS3优秀动画代码示例" target="_blank">CSS3优秀动画代码示例</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>目录旋转立方体悬停效果动画路径动画纯CSS进度条文字打字机效果3D翻转卡片SVG路径跟随动画SVG心跳动画</div> </li> <li><a href="/article/1885786582431100928.htm" title="CSS3过滤与混合模式" target="_blank">CSS3过滤与混合模式</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>过滤与混合模式filterfilter属性应用于元素本身，允许您对元素的内容（包括其子元素）应用图形效果，如模糊、阴影、颜色调整等。这有助于实现图像编辑软件中常见的视觉效果。其基本语法如下：element{filter:none\|[]\|;}none：无滤镜效果。：滤镜函数，常见的包括：blur(px)：模糊效果，参数为模糊半径（像素值）。</div> </li> <li><a href="/article/1885786456123830272.htm" title="CSS3边框与轮廓" target="_blank">CSS3边框与轮廓</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>CSS3边框与轮廓border-radiusborder-radius属性用于设置元素边框的圆角半径。通过这个属性，您可以使元素的角呈现圆形或椭圆形外观，而不是传统的直角。其语法格式如下：.element{border-radius:[horizontal-radiusvertical-radius]\|[radius];}horizontal-radius和vertical-radius分别指定水</div> </li> <li><a href="/article/1885786329850114048.htm" title="CSS3盒模型与布局" target="_blank">CSS3盒模型与布局</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>盒模型与布局居中对齐文本居中对齐水平居中使用text-align:center;属性在块级元素内使内联元素（如文本、图片等）水平居中。.parent{text-align:center;}垂直居中使用line-height设置为与容器高度相同的值，实现单行文本的垂直居中。.parent{height</div> </li> <li><a href="/article/1885786202716565504.htm" title="CSS3文字与字体" target="_blank">CSS3文字与字体</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>文字与字体@font-face用途：定义一种自定义字体，使其可以在网页中使用。通过@font-face规则，可以指定字体名称、来源（通常是URL）以及字体的各种变体（如常规、粗体、斜体等）。@font-face{font-family:'MyCustomFont';src:url(&#</div> </li> <li><a href="/article/1885786203433791488.htm" title="CSS3颜色与透明度" target="_blank">CSS3颜色与透明度</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><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>颜色与透明度opacity用途：设置元素及其所有子元素的不透明度。取值范围为0.0（完全透明）至1.0（完全不透明），默认值为1.0。Opacity:1.0(default)</div> </li> <li><a href="/article/1885786076497375232.htm" title="CSS布局和定位应用方案" target="_blank">CSS布局和定位应用方案</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><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>目录浮动布局绝对布局表格布局响应式布局弹性布局网格布局多栏布局浮动布局CSS3浮动布局的核心在于使用float属性将元素移出文档流，通过左右浮动来排列元素，并结合clear属性或清除浮动技巧（如这里的伪元素法）来处理浮动带来的副作用。尽管浮动布局在某些简单布局中依然实用，但对于更复杂的布局需求&#</div> </li> <li><a href="/article/1885785950060081152.htm" title="HTML5 性能优化和计算机硬件使用" target="_blank">HTML5 性能优化和计算机硬件使用</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/1.htm">大前端&移动端全栈架构</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录启用硬件加速图像与媒体优化资源加载与缓存CSS与布局优化JavaScript性能优化浏览器兼容性与特性检测启用硬件加速Canvas绘图<</div> </li> <li><a href="/article/1885785445879574528.htm" title="HTML5 WebGL技术应用" target="_blank">HTML5 WebGL技术应用</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%26amp%3B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%85%A8%E6%A0%88%E6%9E%B6%E6%9E%84/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/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>目录WebGL基础知识WebGL库WebGL学习资料大型WebGL应用WebGL基础知识前端开发基础：熟悉HTML、CSS和JavaScript。数学基础：了解向量、矩阵运算、线性代数和基本几何概念。图形学基础：掌握基本的计算机图形学原理，如光照、纹理、变换、投影等。WebGLAPI的基本使用，包括创建画布、着色器、程序、缓冲区等。了解WebGL的渲染过程和管道，包括顶点处理、三角形剪裁、光照、纹</div> </li> <li><a href="/article/1885780530847346688.htm" title="html自学学多久,HTML和CSS要学多久？入门需要多长时间？" target="_blank">html自学学多久,HTML和CSS要学多久？入门需要多长时间？</a> <span class="text-muted">安检</span> <a class="tag" taget="_blank" href="/search/html%E8%87%AA%E5%AD%A6%E5%AD%A6%E5%A4%9A%E4%B9%85/1.htm">html自学学多久</a> <div>HTML和CSS要学多久？相信很多想要学习网页前端开发的小伙伴都会有这个疑问，今天W3Cschool小编就来和大家探讨一下这个问题。作为Web前端开发的基础，HTML和CSS是都是非常基础的语言，但是想要以此为工作的话，只是掌握HTML和CSS还是不够的，JS也需要学习。这样还不够，最好还能花一些时间学习一下近几年非常火的HTML5和CSS3，这样才能算是完全掌握了Web前端相关技术。如果单说HT</div> </li> <li><a href="/article/77.htm" title="算法单链的创建与删除" target="_blank">算法单链的创建与删除</a> <span class="text-muted">换个号韩国红果果</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div> 先创建结构体 struct student { int data; //int tag;//标记这是第几个 struct student next; }; // addone 用于将一个数插入已从小到大排好序的链中 struct student addone(struct student h,int x){ if(h==NULL) //?????? </div> </li> <li><a href="/article/204.htm" title="《大型网站系统与Java中间件实践》第2章读后感" target="_blank">《大型网站系统与Java中间件实践》第2章读后感</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/java%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">java中间件</a> <div> 断断续续花了两天时间试读了《大型网站系统与Java中间件实践》的第2章，这章总述了从一个小型单机构建的网站发展到大型网站的演化过程---整个过程会遇到很多困难，但每一个屏障都会有解决方案，最终就是依靠这些个解决方案汇聚到一起组成了一个健壮稳定高效的大型系统。看完整章内容，</div> </li> <li><a href="/article/331.htm" title="zeus持久层spring事务单元测试" target="_blank">zeus持久层spring事务单元测试</a> <span class="text-muted">deng520159</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a> <div>今天把zeus事务单元测试放出来,让大家指出他的毛病, 1.ZeusTransactionTest.java 单元测试 package com.dengliang.zeus.webdemo.test; import java.util.ArrayList; import java.util.List; import org.junit.Test; import </div> </li> <li><a href="/article/458.htm" title="Rss 订阅开发" target="_blank">Rss 订阅开发</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/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/%E8%AE%A2%E9%98%85/1.htm">订阅</a><a class="tag" taget="_blank" href="/search/rss/1.htm">rss</a><a class="tag" taget="_blank" href="/search/%E8%A7%84%E8%8C%83/1.htm">规范</a> <div> RSS是 Really Simple Syndication的缩写（对rss2.0而言，是这三个词的缩写，对rss1.0而言则是RDF Site Summary的缩写，1.0与2.0走的是两个体系）。 RSS</div> </li> <li><a href="/article/585.htm" title="分页查询实现" target="_blank">分页查询实现</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/%E5%88%86%E9%A1%B5%E6%9F%A5%E8%AF%A2/1.htm">分页查询</a> <div>在查询列表时我们常常会用到分页，分页的好处就是减少数据交换，每次查询一定数量减少数据库压力等等。按实现形式分前台分页和服务器分页：前台分页就是一次查询出所有记录，在页面中用js进行虚拟分页，这种形式在数据量较小时优势比较明显，一次加载就不必再访问服务器了，但当数据量较大时会对页面造成压力，传输速度也会大幅下降。服务器分页就是每次请求相同数量记录，按一定规则排序，每次取一定序号直接的数据</div> </li> <li><a href="/article/712.htm" title="spring jms异步消息处理" target="_blank">spring jms异步消息处理</a> <span class="text-muted">510888780</span> <a class="tag" taget="_blank" href="/search/jms/1.htm">jms</a> <div>spring JMS对于异步消息处理基本上只需配置下就能进行高效的处理。其核心就是消息侦听器容器，常用的类就是DefaultMessageListenerContainer。该容器可配置侦听器的并发数量，以及配合MessageListenerAdapter使用消息驱动POJO进行消息处理。且消息驱动POJO是放入TaskExecutor中进行处理，进一步提高性能，减少侦听器的阻塞。具体配置如下： </div> </li> <li><a href="/article/839.htm" title="highCharts柱状图" target="_blank">highCharts柱状图</a> <span class="text-muted">布衣凌宇</span> <a class="tag" taget="_blank" href="/search/hightCharts/1.htm">hightCharts</a><a class="tag" taget="_blank" href="/search/%E6%9F%B1%E5%9B%BE/1.htm">柱图</a> <div>第一步：导入 exporting.js,grid.js,highcharts.js;第二步：写controller @Controller@RequestMapping(value="${adminPath}/statistick")public class StatistickController { private UserServi</div> </li> <li><a href="/article/966.htm" title="我的spring学习笔记2-IoC（反向控制依赖注入）" target="_blank">我的spring学习笔记2-IoC（反向控制依赖注入）</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/Spring+%E6%95%99%E7%A8%8B/1.htm">Spring 教程</a><a class="tag" taget="_blank" href="/search/spring3+%E6%95%99%E7%A8%8B/1.htm">spring3 教程</a><a class="tag" taget="_blank" href="/search/Spring+%E5%85%A5%E9%97%A8/1.htm">Spring 入门</a> <div>IoC（反向控制依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明：如：程序中有 Mysql.calss 、Oracle.class 、SqlSe</div> </li> <li><a href="/article/1093.htm" title="TLS java简单实现" target="_blank">TLS java简单实现</a> <span class="text-muted">antlove</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/ssl/1.htm">ssl</a><a class="tag" taget="_blank" href="/search/keystore/1.htm">keystore</a><a class="tag" taget="_blank" href="/search/tls/1.htm">tls</a><a class="tag" taget="_blank" href="/search/secure/1.htm">secure</a> <div> 1. SSLServer.java package ssl; import java.io.FileInputStream; import java.io.InputStream; import java.net.ServerSocket; import java.net.Socket; import java.security.KeyStore; import </div> </li> <li><a href="/article/1220.htm" title="Zip解压压缩文件" target="_blank">Zip解压压缩文件</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/Zip%E6%A0%BC%E5%BC%8F%E8%A7%A3%E5%8E%8B/1.htm">Zip格式解压</a><a class="tag" taget="_blank" href="/search/Zip%E6%B5%81%E7%9A%84%E4%BD%BF%E7%94%A8/1.htm">Zip流的使用</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E8%A7%A3%E5%8E%8B/1.htm">文件解压</a> <div> ZIP文件的解压缩实质上就是从输入流中读取数据。Java.util.zip包提供了类ZipInputStream来读取ZIP文件,下面的代码段创建了一个输入流来读取ZIP格式的文件; ZipInputStream in = new ZipInputStream(new FileInputStream(zipFileName)); &n</div> </li> <li><a href="/article/1347.htm" title="underscore.js 学习（一）" target="_blank">underscore.js 学习（一）</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/underscore/1.htm">underscore</a> <div> 工作中需要用到underscore.js，发现这是一个包括了很多基本功能函数的js库，里面有很多实用的函数。而且它没有扩展 javascript的原生对象。主要涉及对Collection、Object、Array、Function的操作。学</div> </li> <li><a href="/article/1474.htm" title="java jvm常用命令工具——jstatd命令(Java Statistics Monitoring Daemon)" target="_blank">java jvm常用命令工具——jstatd命令(Java Statistics Monitoring Daemon)</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/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jstatd/1.htm">jstatd</a> <div>1.介绍 jstatd是一个基于RMI（Remove Method Invocation）的服务程序，它用于监控基于HotSpot的JVM中资源的创建及销毁，并且提供了一个远程接口允许远程的监控工具连接到本地的JVM执行命令。 jstatd是基于RMI的，所以在运行jstatd的服务</div> </li> <li><a href="/article/1601.htm" title="【Spring框架三】Spring常用注解之Transactional" target="_blank">【Spring框架三】Spring常用注解之Transactional</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/transactional/1.htm">transactional</a> <div>Spring可以通过注解@Transactional来为业务逻辑层的方法(调用DAO完成持久化动作)添加事务能力，如下是@Transactional注解的定义： /* * Copyright 2002-2010 the original author or authors. * * Licensed under the Apache License, Version </div> </li> <li><a href="/article/1728.htm" title="我(程序员)的前进方向" target="_blank">我(程序员)的前进方向</a> <span class="text-muted">bitray</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div>作为一个普通的程序员,我一直游走在java语言中,java也确实让我有了很多的体会.不过随着学习的深入,java语言的新技术产生的越来越多,从最初期的javase,我逐渐开始转变到ssh,ssi,这种主流的码农,.过了几天为了解决新问题,webservice的大旗也被我祭出来了,又过了些日子jms架构的activemq也开始必须学习了.再后来开始了一系列技术学习,osgi,restful.....</div> </li> <li><a href="/article/1855.htm" title="nginx lua开发经验总结" target="_blank">nginx lua开发经验总结</a> <span class="text-muted">ronin47</span> <div>使用nginx lua已经两三个月了，项目接开发完毕了，这几天准备上线并且跟高德地图对接。回顾下来lua在项目中占得必中还是比较大的，跟PHP的占比差不多持平了，因此在开发中遇到一些问题备忘一下 1：content_by_lua中代码容量有限制，一般不要写太多代码，正常编写代码一般在100行左右（具体容量没有细心测哈哈，在4kb左右），如果超出了则重启nginx的时候会报 too long pa</div> </li> <li><a href="/article/1982.htm" title="java-66-用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。颠倒之后的栈为{5,4,3,2,1}，5处在栈顶" target="_blank">java-66-用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。颠倒之后的栈为{5,4,3,2,1}，5处在栈顶</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.Stack; public class ReverseStackRecursive { /** * Q 66.颠倒栈。 * 题目：用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。 * 颠倒之后的栈为{5,4,3,2,1}，5处在栈顶。 1. Pop the top element 2. Revers</div> </li> <li><a href="/article/2109.htm" title="正确理解Linux内存占用过高的问题" target="_blank">正确理解Linux内存占用过高的问题</a> <span class="text-muted">cfyme</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>Linux开机后，使用top命令查看，4G物理内存发现已使用的多大3.2G，占用率高达80%以上： Mem: 3889836k total, 3341868k used, 547968k free, 286044k buffers Swap: 6127608k total,&nb</div> </li> <li><a href="/article/2236.htm" title="[JWFD开源工作流]当前流程引擎设计的一个急需解决的问题" target="_blank">[JWFD开源工作流]当前流程引擎设计的一个急需解决的问题</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C%E6%B5%81/1.htm">工作流</a> <div> 当我们的流程引擎进入IRC阶段的时候，当循环反馈模型出现之后，每次循环都会导致一大堆节点内存数据残留在系统内存中，循环的次数越多，这些残留数据将导致系统内存溢出，并使得引擎崩溃。。。。。。而解决办法就是利用汇编语言或者其它系统编程语言，在引擎运行时，把这些残留数据清除掉。</div> </li> <li><a href="/article/2363.htm" title="自定义类的equals函数" target="_blank">自定义类的equals函数</a> <span class="text-muted">dai_lm</span> <a class="tag" taget="_blank" href="/search/equals/1.htm">equals</a> <div>仅作笔记使用 public class VectorQueue { private final Vector<VectorItem> queue; private class VectorItem { private final Object item; private final int quantity; public VectorI</div> </li> <li><a href="/article/2490.htm" title="Linux下安装R语言" target="_blank">Linux下安装R语言</a> <span class="text-muted">datageek</span> <a class="tag" taget="_blank" href="/search/R%E8%AF%AD%E8%A8%80+linux/1.htm">R语言 linux</a> <div>命令如下：sudo gedit /etc/apt/sources.list1、deb http://mirrors.ustc.edu.cn/CRAN/bin/linux/ubuntu/ precise/ 2、deb http://dk.archive.ubuntu.com/ubuntu hardy universesudo apt-key adv --keyserver ke</div> </li> <li><a href="/article/2617.htm" title="如何修改mysql 并发数(连接数)最大值" target="_blank">如何修改mysql 并发数(连接数)最大值</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>MySQL的连接数最大值跟MySQL没关系，主要看系统和业务逻辑了方法一：进入MYSQL安装目录打开MYSQL配置文件 my.ini 或 my.cnf查找 max_connections=100 修改为 max_connections=1000 服务里重起MYSQL即可　　方法二：MySQL的最大连接数默认是100客户端登录：mysql -uusername -ppass</div> </li> <li><a href="/article/2744.htm" title="单一功能原则" target="_blank">单一功能原则</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1%E7%9A%84%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1/1.htm">面向对象的程序设计</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E8%AE%BE%E8%AE%A1/1.htm">软件设计</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E5%8E%9F%E5%88%99/1.htm">编程原则</a> <div>单一功能原则[ 编辑] SOLID 原则单一功能原则开闭原则 Liskov代换原则接口隔离原则依赖反转原则查论编在面向对象编程领域中，单一功能原则（Single responsibility principle）规定每个类都应该有</div> </li> <li><a href="/article/2871.htm" title="POJO、VO和JavaBean区别和联系" target="_blank">POJO、VO和JavaBean区别和联系</a> <span class="text-muted">fanmingxing</span> <a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/javabean/1.htm">javabean</a> <div>POJO和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Plain Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比POJO复杂很多，JavaBean是一种组件技术，就好像你做了一个扳子，而这个扳子会在很多地方被</div> </li> <li><a href="/article/2998.htm" title="SpringSecurity3.X--LDAP：AD配置" target="_blank">SpringSecurity3.X--LDAP：AD配置</a> <span class="text-muted">hanqunfeng</span> <a class="tag" taget="_blank" href="/search/SpringSecurity/1.htm">SpringSecurity</a> <div>前面介绍过基于本地数据库验证的方式，参考http://hanqunfeng.iteye.com/blog/1155226，这里说一下如何修改为使用AD进行身份验证【只对用户名和密码进行验证，权限依旧存储在本地数据库中】。将配置文件中的如下部分删除： <!-- 认证管理器，使用自定义的UserDetailsService，并对密码采用md5加密--> </div> </li> <li><a href="/article/3125.htm" title="mac mysql 修改密码" target="_blank">mac mysql 修改密码</a> <span class="text-muted">IXHONG</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>$ sudo /usr/local/mysql/bin/mysqld_safe –user=root & //启动MySQL(也可以通过偏好设置面板来启动)$ sudo /usr/local/mysql/bin/mysqladmin -uroot password yourpassword //设置MySQL密码（注意，这是第一次MySQL密码为空的时候的设置命令，如果是修改密码，还需在-</div> </li> <li><a href="/article/3252.htm" title="设计模式--抽象工厂模式" target="_blank">设计模式--抽象工厂模式</a> <span class="text-muted">kerryg</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>抽象工厂模式：工厂模式有一个问题就是，类的创建依赖于工厂类，也就是说，如果想要拓展程序，必须对工厂类进行修改，这违背了闭包原则。我们采用抽象工厂模式，创建多个工厂类，这样一旦需要增加新的功能，直接增加新的工厂类就可以了，不需要修改之前的代码。总结：这个模式的好处就是，如果想增加一个功能，就需要做一个实现类，</div> </li> <li><a href="/article/3379.htm" title="评"高中女生军训期跳楼”" target="_blank">评"高中女生军训期跳楼”</a> <span class="text-muted">nannan408</span> <div> 首先，先抛出我的观点，各位看官少点砖头。那就是，中国的差异化教育必须做起来。孔圣人有云：有教无类。不同类型的人，都应该有对应的教育方法。目前中国的一体化教育，不知道已经扼杀了多少创造性人才。我们出不了爱迪生，出不了爱因斯坦，很大原因，是我们的培养思路错了，我们是第一要“顺从”。如果不顺从，我们的学校，就会用各种方法，罚站，罚写作业，各种罚。军</div> </li> <li><a href="/article/3506.htm" title="scala如何读取和写入文件内容？" target="_blank">scala如何读取和写入文件内容？</a> <span class="text-muted">qindongliang1922</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a> <div>直接看如下代码： package file import java.io.RandomAccessFile import java.nio.charset.Charset import scala.io.Source import scala.reflect.io.{File, Path} /** * Created by qindongliang on 2015/</div> </li> <li><a href="/article/3633.htm" title="C语言算法之百元买百鸡" target="_blank">C语言算法之百元买百鸡</a> <span class="text-muted">qiufeihu</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>中国古代数学家张丘建在他的《算经》中提出了一个著名的“百钱买百鸡问题”，鸡翁一，值钱五，鸡母一，值钱三，鸡雏三，值钱一，百钱买百鸡，问翁，母，雏各几何？代码如下： #include <stdio.h> int main() { int cock,hen,chick; /定义变量为基本整型/ for(coc</div> </li> <li><a href="/article/3760.htm" title="Hadoop集群安全性：Hadoop中Namenode单点故障的解决方案及详细介绍AvatarNode" target="_blank">Hadoop集群安全性：Hadoop中Namenode单点故障的解决方案及详细介绍AvatarNode</a> <span class="text-muted">wyz2009107220</span> <a class="tag" taget="_blank" href="/search/NameNode/1.htm">NameNode</a> <div>正如大家所知，NameNode在Hadoop系统中存在单点故障问题，这个对于标榜高可用性的Hadoop来说一直是个软肋。本文讨论一下为了解决这个问题而存在的几个solution。 1. Secondary NameNode 原理：Secondary NN会定期的从NN中读取editlog，与自己存储的Image进行合并形成新的metadata image 优点：Hadoop较早的版本都自带，</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>

js DOM 事件 事件监听

事件属性

改变

js DOM 事件事件监听