liuxin33445566

CSS的:read-write和:read-only伪类：增强表单元素的样式与用户体验

CSS（层叠样式表）是用于控制网页样式的核心技术之一。随着Web开发的不断进步，CSS提供了越来越多的伪类来增强开发者对页面元素的控制能力。:read-write和:read-only是CSS中相对较新的伪类，它们允许开发者根据表单元素的可编辑性来应用不同的样式。本文将详细介绍这两个伪类的使用方式、应用场景以及如何通过它们提升用户体验。

1. 伪类概述

伪类在CSS中用于选择不在文档树中的元素，或者根据元素的特定状态来选择元素。:read-write和:read-only伪类就是根据输入字段是否可编辑来选择元素。

2. :read-write伪类

:read-write伪类用于选择那些内容可编辑的元素，例如具有contenteditable属性的元素或者</code>元素。</p> <h5>3. :read-only伪类</h5> <p>相对的，<code>:read-only</code>伪类用于选择那些内容不可编辑的元素，例如设置了<code>readonly</code>属性的<code><input></code>或<code><textarea></code>元素。</p> <h5>4. 使用场景</h5> <p>这些伪类特别适用于需要根据用户输入字段的状态改变样式的场景，比如：</p> <ul> <li><strong>表单验证</strong>：当输入字段为只读时，可能表示数据已经验证或锁定。</li> <li><strong>用户界面提示</strong>：通过不同的样式提示用户哪些字段可以编辑，哪些不可以。</li> <li><strong>动态内容编辑</strong>：在内容管理系统中，区分可编辑和不可编辑区域。</li> </ul> <h5>5. 示例代码</h5> <p>以下是使用<code>:read-write</code>和<code>:read-only</code>伪类的示例代码：</p> <pre><code class="prism language-html"><span class="token comment"></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">contenteditable</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>这里是可编辑的内容。<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token comment"></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>这里是只读的内容<span class="token punctuation">"</span></span> <span class="token attr-name">readonly</span><span class="token punctuation">></span></span> <span class="token comment"></span> div[contenteditable="true"], textarea { border: 1px solid blue; /* 可编辑元素的边框样式 */ } div[contenteditable="true"]:read-write { background-color: #e0f7fa; /* 可编辑时的背景色 */ } input[readonly]:read-only { background-color: #f4f4f4; /* 只读时的背景色 */ } </code></pre> <h5>6. 浏览器支持</h5> <p><code>:read-write</code>和<code>:read-only</code>伪类在现代浏览器中得到了较好的支持，但仍需检查具体浏览器的兼容性情况。</p> <h5>7. 与JavaScript的结合</h5> <p>虽然CSS伪类可以处理很多情况，但有时也需要JavaScript来处理更复杂的逻辑，比如动态改变元素的可编辑状态。</p> <pre><code class="prism language-javascript"><span class="token comment">// 切换div的可编辑状态</span> document<span class="token punctuation">.</span><span class="token function">querySelector</span><span class="token punctuation">(</span><span class="token string">'div[contenteditable="true"]'</span><span class="token punctuation">)</span><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 keyword">this</span><span class="token punctuation">.</span>contentEditable <span class="token operator">=</span> <span class="token operator">!</span><span class="token keyword">this</span><span class="token punctuation">.</span>contentEditable<span class="token punctuation">;</span> <span class="token keyword">this</span><span class="token punctuation">.</span>classList<span class="token punctuation">.</span><span class="token function">toggle</span><span class="token punctuation">(</span><span class="token string">'editable'</span><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> </code></pre> <h5>8. 可访问性考虑</h5> <p>在使用<code>:read-write</code>和<code>:read-only</code>伪类时，需要考虑可访问性，确保所有用户都能理解元素的状态。</p> <h5>9. 性能优化</h5> <p>使用伪类选择器可以减少对DOM的查询次数，从而提高页面性能。</p> <h5>10. 响应式设计</h5> <p>结合媒体查询，可以根据不同的屏幕尺寸应用不同的样式，以适应不同设备的显示需求。</p> <h5>11. 用户体验</h5> <p>通过<code>:read-write</code>和<code>:read-only</code>伪类，开发者可以为用户提供更直观的界面反馈，增强用户体验。</p> <h5>12. 安全性</h5> <p>在允许用户编辑内容时，需要确保内容的安全性，避免XSS（跨站脚本）攻击。</p> <h5>13. 实际案例分析</h5> <p>分析一些知名网站是如何使用这些伪类来提升用户界面和体验的。</p> <h5>14. 未来展望</h5> <p>探讨<code>:read-write</code>和<code>:read-only</code>伪类在未来Web开发中的潜在应用和发展方向。</p> <h5>结论</h5> <p><code>:read-write</code>和<code>:read-only</code>伪类为开发者提供了一种根据表单元素的可编辑性来应用样式的强大工具。通过合理使用这些伪类，不仅可以提升页面的视觉效果，还可以增强用户体验和界面的直观性。随着Web技术的不断发展，这些伪类的应用场景将会更加广泛。</p> <p>本文详细介绍了<code>:read-write</code>和<code>:read-only</code>伪类的使用方式和应用场景，并通过示例代码展示了如何将这些伪类应用到实际开发中。希望读者能够通过本文，对这两个伪类有更深入的理解，并在自己的项目中灵活运用它们来提升Web页面的样式和用户体验。</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1826655638504173568"></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">你可能感兴趣的:(css,ux,前端)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1885113028496650240.htm" title="Linux系统python虚拟环境及HanLP部署" target="_blank">Linux系统python虚拟环境及HanLP部署</a> <span class="text-muted">段智华</span> <div>在Linux系统中运行HanLP，要安装部署一个Python的虚拟环境，实现Python2与Python3的版本共存，Python虚拟环境与JavaJVM虚拟机的共存，HanLP是面向生产环境的多语种NLP工具包，HanLp的标记是一只蝴蝶，蝴蝶象征着蝴蝶效应、非线性与混沌理论——虽然微小，但足以改变世界！（《自然语言处理入门》图书作者何晗）Linuxopenssl、libssl-dev等模块安装</div> </li> <li><a href="/article/1885113028987383808.htm" title="Centos的文件类型和文件结构" target="_blank">Centos的文件类型和文件结构</a> <span class="text-muted">一个回和</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/Centos%E6%96%87%E4%BB%B6%E7%B1%BB%E5%9E%8B/1.htm">Centos文件类型</a><a class="tag" taget="_blank" href="/search/Centos%E6%96%87%E4%BB%B6%E7%BB%93%E6%9E%84/1.htm">Centos文件结构</a> <div>目录Linux下，万物皆文件1.Centos文件的类型2.Centos的文件结构（1）/bin全局的指令文件目录（2）/home普通用户的家目录（3）/boot内核文件的引导目录（4）/sbing超级用户使用的指令文件root不能使用（5）/tmp临时文件目录都可以用（6）/lib共享库（7）/usr第三方程序目录（8）/etc配置程序目录（9）/var可变文件（10）/opt用户使用目录Linu</div> </li> <li><a href="/article/1885112648270409728.htm" title="ollama把huggingface下载下来的模型转换为gguf" target="_blank">ollama把huggingface下载下来的模型转换为gguf</a> <span class="text-muted">abments</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a> <div>说明ollama导入从huggingface下载下来的模型在ollama的说明文档中有详细的介绍,大家可以按照文档说明进行操作。importing-pytorch–safetensors。既然官方已经给出了明确的操作步骤，那么我写这篇博客的意义又是什么呢？主要有两个目的：1.我的操作可能更适合中国宝宝体质2.方便后期自己查看要求建议使用conda管理python环境建议使用linux或mac环境，</div> </li> <li><a href="/article/1885109369155153920.htm" title="万字长文解读生成式AI参考架构" target="_blank">万字长文解读生成式AI参考架构</a> <span class="text-muted">俞凡 DeepNoMind</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a> <div>本文介绍了构建端到端生产级GenAI应用的参考架构模型，涵盖了从UI/UX设计到多代理系统的各个方面，涉及AI模型的准备、调优、服务以及治理等关键环节。原文:TheGenAIReferenceArchitecture本文将介绍构建端到端GenAI应用的主要架构构件和蓝图，以便为生产做好准备，并且提出了几个在实施和设计基于LLM的应用时需要注意的关键事项。在目标架构中选择GenAI组件的AI成熟度：</div> </li> <li><a href="/article/1885106722830348288.htm" title="Vue对话式前端界面" target="_blank">Vue对话式前端界面</a> <span class="text-muted">WUJI02</span> <a class="tag" taget="_blank" href="/search/%E8%A3%81%E5%88%A4%E6%96%87%E4%B9%A6%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">裁判文书大模型</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>一.对话样式的实现用一个messages数组来存放对话信息，信息有两种类型user和botthis.messages.push({type:'user',content:this.userMessage});this.messages.push({type:'bot',content:response.data.reply});模版部分使用:class="['message-content',me</div> </li> <li><a href="/article/1885100416622981120.htm" title="springboot + xterm.js + vue + websocket实现终端功能（y-shell）文件管理器实现" target="_blank">springboot + xterm.js + vue + websocket实现终端功能（y-shell）文件管理器实现</a> <span class="text-muted">张音乐</span> <a class="tag" taget="_blank" href="/search/JS/1.htm">JS</a><a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/React/1.htm">React</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E8%B8%A9%E5%9D%91%E5%AE%9E%E6%88%98%E6%95%99%E7%A8%8B/1.htm">前端踩坑实战教程</a><a class="tag" taget="_blank" href="/search/%E6%A0%91%E5%BD%A2%E8%8F%9C%E5%8D%95/1.htm">树形菜单</a><a class="tag" taget="_blank" href="/search/%E5%8F%B3%E9%94%AE%E8%8F%9C%E5%8D%95/1.htm">右键菜单</a><a class="tag" taget="_blank" href="/search/VUE/1.htm">VUE</a> <div>一、文件管理器功能描述这一章节讲一下文件管理器的实现与设计细节。首先，文件管理器需要提供以下几个主要的功能，开发过程中使用vue渲染前端页面以及交互过程中还是遇到了不少问题，比如说右键菜单，表单校验。1、文件夹的新增，编辑，删除。2、ssh配置的新增，编辑，删除。3、右键菜单如图：文件夹管理ssh连接管理快速运行dockerrun-itd--namey-shell-</div> </li> <li><a href="/article/1885098776184549376.htm" title="【Java】通俗易懂方法引用" target="_blank">【Java】通俗易懂方法引用</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/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/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%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/1.htm">学习方法</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div>Java系列文章目录补充内容Windows通过SSH连接Linux第一章Linux基本命令的学习与Linux历史文章目录Java系列文章目录一、前言二、学习内容：三、问题描述四、解决方案：4.1解释4.2使用场景4.3为何使用Lambda表达式五、总结：5.1方法引用主要有四种类型：5.2方法引用的好处一、前言方法引用学习与见方法引用理解一下wrapper.set(request.getName(</div> </li> <li><a href="/article/1885085039474044928.htm" title="linux下查看网卡地址和网关" target="_blank">linux下查看网卡地址和网关</a> <span class="text-muted">seared2008</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>linux下查看网卡地址和网关1、查看网卡地址的命令：ifconfig2、查看dns的命令：route-n(destinationGenmask都是0.0.0.0的那个)</div> </li> <li><a href="/article/1885081257105223680.htm" title="探索2025年最流行的移动端前端框架" target="_blank">探索2025年最流行的移动端前端框架</a> <span class="text-muted">程序猿000001号</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>探索2025年最流行的移动端前端框架正文：在当今快速发展的移动互联网时代，选择合适的前端框架对于开发高效、响应迅速的移动应用至关重要。以下是一些目前非常流行且备受开发者青睐的移动端前端UI框架。VantVant是一个轻量、可靠的移动端Vue组件库，适用于各种业务场景。它提供了丰富的组件和良好的文档支持，是许多电商应用的首选。ElementPlusElementPlus是基于Vue3的桌面端组件库，</div> </li> <li><a href="/article/1885067633968082944.htm" title="构建响应式管理后台系统（Python + Django + Bootstrap）" target="_blank">构建响应式管理后台系统（Python + Django + Bootstrap）</a> <span class="text-muted">后端架构魔术骑士</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a> <div>在本文中，我们将使用Python编程语言结合Django和Bootstrap框架来构建一个响应式管理后台系统。我们将使用Django作为后端框架，处理数据和业务逻辑，并使用Bootstrap作为前端框架，实现用户界面的设计和布局。环境设置和项目创建首先，确保你已经安装了Python和Django。在命令行中运行以下命令来创建一个新的Django项目：$django-adminstartprojec</div> </li> <li><a href="/article/1885065617514491904.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/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>文章目录1请你说说常用的Linux命令有哪些？2在linux中如何创建一个新的目录？3Linux中查看进程运行状态的指令、tar解压文件的参数。4在linux中，文件权限如何修改？5怎样以root权限运行某个程序？6在linux里如何查看一个进程?7在Linux里如何看带关键字日志文件？8在Linux中修改主机名的命令是什么？9简述GDB常见的调试命令？什么是条件断点？多进程下如何调试？1请你说说</div> </li> <li><a href="/article/1885061832645865472.htm" title="漫谈架构" target="_blank">漫谈架构</a> <span class="text-muted">部落王</span> <a class="tag" taget="_blank" href="/search/%E9%9A%8F%E7%AC%94/1.htm">随笔</a> <div>1、什么是架构和架构本质在软件行业，对于什么是架构，都有很多的争论，每个人都有自己的理解。此君说的架构和彼君理解的架构未必是一回事。LInux有架构，MySQL有架构，JVM也有架构，使用Java开发、MySQL存储、跑在Linux上的业务系统也有架构，应该关注哪一个？想要清楚以上问题需要梳理几个有关系又相似的概念：系统与子系统、模块与组建、框架与架构:一、系统与子系统系统：泛指由一群有关联的个体</div> </li> <li><a href="/article/1885052745287790592.htm" title="Linux进阶之HTTP服务篇" target="_blank">Linux进阶之HTTP服务篇</a> <span class="text-muted">Warnex</span> <a class="tag" taget="_blank" href="/search/Linux%E8%BF%9B%E9%98%B6-RHCE/1.htm">Linux进阶-RHCE</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>HTTP服务HTTP简介HTTP的基础配置HTTP服务的默认配置文件`/etc/httpd/conf/httpd.conf`HTTP服务用户自定义配置文件HTTP服务配置之用户认证HTTPS服务的配置基于python的动态HTTP服务HTTP简介HTTP协议是HyperTextTransferProtocol（超文本传输协议）的缩写,是用于从万维网（WWW:WorldWideWeb）服务器传输超文</div> </li> <li><a href="/article/1885051611689054208.htm" title="linux文件目录输出到文件,Linux: Linux文件和目录管理" target="_blank">linux文件目录输出到文件,Linux: Linux文件和目录管理</a> <span class="text-muted">啊湫湫湫丶</span> <a class="tag" taget="_blank" href="/search/linux%E6%96%87%E4%BB%B6%E7%9B%AE%E5%BD%95%E8%BE%93%E5%87%BA%E5%88%B0%E6%96%87%E4%BB%B6/1.htm">linux文件目录输出到文件</a> <div>Linxu的读书笔记一些比较特殊的目录：.代表此层目录..代表上层目录-代表前一个工作目录~代表目前用户所在的主文件夹~account代表account这个用的主文件夹夹目录的相关操作cd(切换目录)pwd(显示目前所在的目录)$pwd[-P]#参数-P:显示当前的路径，而非使用连接(link)路径mkdir(新建新目录)$mkdir[-mp]目录名称#参数-m:配置文件的权限，直接设置，不需要看</div> </li> <li><a href="/article/1885050979422892032.htm" title="程序员护眼小工具： F.lux" target="_blank">程序员护眼小工具： F.lux</a> <span class="text-muted">Dragon_GL</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/1.htm">开发工具</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/1.htm">开发工具</a> <div>对，你没看错，是F.lux。而不是那个你熟悉的Flux。本人也是在serachFlux时看到这个东东，出于好奇，于是打开链接看了下尝试安装使用体验了一把。安装什么都很简单。好了，不多废话，以下是简单安装使用教程。1>.window下安装F.lux英文官网下载地址：https://justgetflux.com/安装完即可使用。不过本人尝试发现设置地理坐标不能使用，不过总体感觉影响不大。因为亮度是自</div> </li> <li><a href="/article/1885046440401629184.htm" title="怎么创建一个能在线测试php的html5网页？" target="_blank">怎么创建一个能在线测试php的html5网页？</a> <span class="text-muted">很酷的站长</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AE%B0%E5%BD%95/1.htm">编程记录</a><a class="tag" taget="_blank" href="/search/html5%E4%B8%93%E9%A2%98/1.htm">html5专题</a><a class="tag" taget="_blank" href="/search/php%E4%B8%93%E9%A2%98/1.htm">php专题</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>代码示例：一、搭建服务器环境首先，你需要在服务器上搭建PHP运行环境。如果你使用的是Linux服务器，可以使用Apache或Nginx作为Web服务器，并安装PHP解释器。对于Windows服务器，可以使用WAMP（Windows,Apache,MySQL,PHP）或XAMPP等集成环境。二、创建HTML表单页面创建一个HTML页面，包含一个表单，用户可以在表单中输入PHP代码，将该代码提交到服务</div> </li> <li><a href="/article/1885045552912068608.htm" title="程序员护眼指南：Windows设置护眼色" target="_blank">程序员护眼指南：Windows设置护眼色</a> <span class="text-muted">英国老鼠_</span> <a class="tag" taget="_blank" href="/search/%E5%AE%89%E8%A3%85%E9%85%8D%E7%BD%AE/1.htm">安装配置</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E6%8A%A4%E7%9C%BC%E8%89%B2/1.htm">护眼色</a> <div>白领工作难免长期面对电脑屏幕，时间长了会导致眼镜干涩、视力加深等问题，推荐走以下几步：（1）为显示器贴上防蓝光膜，可在淘宝上搜索“显示器防蓝光膜”（2）降低屏幕亮度，安装护眼软件，如f.lux，或在腾讯电脑管家中打开工具箱-健康小助手-护眼卫士来调整护眼色的色调。个人推荐后者。（3）佩戴防蓝光眼镜，可在京东上搜索“小米防蓝光眼镜”，在小米旗舰店上购买99元的防蓝光眼镜。近视的朋友建议下次配眼镜时加</div> </li> <li><a href="/article/1885042908059463680.htm" title="day1-ES6学习基础语法" target="_blank">day1-ES6学习基础语法</a> <span class="text-muted">clock的时钟</span> <a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>title:day1-ES6学习基础语法date:2025-01-1512:00:00tags:-前端categories:-前端ES6#一认识：什么是ES6?ES6，全称ECMAScript2015，是JavaScript语言的一个重要版本，对语言进行了许多重大改进和新增功能。ES6的引入极大地提升了JavaScript的可用性、可读性和开发效率*ECMAScript是由ECMA国际标准化组织制</div> </li> <li><a href="/article/1885041270238277632.htm" title="一个简单的自适应html5导航模板" target="_blank">一个简单的自适应html5导航模板</a> <span class="text-muted">很酷的站长</span> <a class="tag" taget="_blank" href="/search/html5%E4%B8%93%E9%A2%98/1.htm">html5专题</a><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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一个简单的HTML导航模板示例，它包含基本的导航栏结构，同时使用了CSS进行样式美化，让导航栏看起来更美观。另外，还添加了一些JavaScript代码，用于在移动端实现导航菜单的展开和收起功能。PHP网址导航模板body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4;}header{backgrou</div> </li> <li><a href="/article/1885031315024179200.htm" title="FFMpeg的基本介绍" target="_blank">FFMpeg的基本介绍</a> <span class="text-muted">海峰丶丶丶</span> <a class="tag" taget="_blank" href="/search/ffmpeg/1.htm">ffmpeg</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/1.htm">音视频</a> <div>1FFMpeg的基本概念1.1FFMpeg是什么FFmpeg是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。采用LGPL或GPL许可证。它提供了录制、转换以及流化音视频的完整解决方案。FFmpeg在Linux平台下开发，但它同样也可以在其它操作系统环境中编译运行，包括Windows、MacOSX等。这个项目最早由FabriceBellard发起，2004年至2015年间由</div> </li> <li><a href="/article/1885023498305335296.htm" title="基于Python的Selenium详细教程总结（极简版）" target="_blank">基于Python的Selenium详细教程总结（极简版）</a> <span class="text-muted">weixin_41663997</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>基于Python的Selenium详细教程总结一、PyCharm安装配置Selenium使用环境:Windows11,Python3.10.5,PyCharm2022.1.3,Selenium4.3.0需要技术:Python,HTML,CSS,JavaScriptSelenium安装:查看已安装的Python包:piplist安装Selenium4.3.0:pipinstallselenium==</div> </li> <li><a href="/article/1885020598439047168.htm" title="selenium定位svg元素（原来如此简单）" target="_blank">selenium定位svg元素（原来如此简单）</a> <span class="text-muted">sineiy</span> <a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a><a class="tag" taget="_blank" href="/search/pytest/1.htm">pytest</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a> <div>1、前言最近在实现UI自动化测试，发现有些元素定位不了，特此来记录一下，也许有不对的地方，欢迎指正。我说定位不了的元素正是svg，在网上查了一通，发现也有很多小伙伴遇到这个问题。然后试了各种方法，什么By.CLASS_NAME;By.CSS_SELECTOR等等都定位不了，后面是使用了Selenium库中的ActionChains类来模拟鼠标点击操作才把这个问题解决了。2、网页结构先来看一下网页结</div> </li> <li><a href="/article/1885018201490780160.htm" title="【Oracle篇】使用impdp导入报错ORA-39001:ORA-39000:ORA-39142:incompatible version number xxx in dump file的问题解决" target="_blank">【Oracle篇】使用impdp导入报错ORA-39001:ORA-39000:ORA-39142:incompatible version number xxx in dump file的问题解决</a> <span class="text-muted">奈斯DB</span> <a class="tag" taget="_blank" href="/search/Oracle%E4%B8%93%E6%A0%8F/1.htm">Oracle专栏</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>《博主介绍》：✨又是一天没白过，我是奈斯，从事IT领域✨《擅长领域》：✌️擅长阿里云AnalyticDBforMySQL(分布式数据仓库)、Oracle、MySQL、Linux、prometheus监控；并对SQLserver、NoSQL(MongoDB)有了解✌️大佬们都喜欢静静的看文章，并且也会默默的点赞收藏加关注如标题所示这篇文章是记录并分享一下使用数据泵导入时的报错，这个报错是博主在一年之</div> </li> <li><a href="/article/1885017445119356928.htm" title="计算机毕业设计JAVA房屋租赁系统mybatis" target="_blank">计算机毕业设计JAVA房屋租赁系统mybatis</a> <span class="text-muted">煦洋cxsj985</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>计算机毕业设计JAVA房屋租赁系统mybatis计算机毕业设计JAVA房屋租赁系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https://pan</div> </li> <li><a href="/article/1885015173471727616.htm" title="掌握Python Selenium：网页元素自动化定位实战指南" target="_blank">掌握Python Selenium：网页元素自动化定位实战指南</a> <span class="text-muted">jardonwang1</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a> <div>一、Selenium框架介绍Selenium是一个用于自动化web应用程序测试的工具，它直接运行在浏览器中，就像真实用户在操作一样。这个框架支持多种浏览器（包括Chrome、Firefox、Safari等），并且可以在多种操作系统（Windows、Linux、macOS等）上运行。Selenium的主要目标是使自动化测试变得简单，以支持开发人员和测试人员快速编写测试用例。以下是Selenium框架</div> </li> <li><a href="/article/1885012903489236992.htm" title="《企业网络安全架构与实战指南：从蓝队防御到零信任网络部署》" target="_blank">《企业网络安全架构与实战指南：从蓝队防御到零信任网络部署》</a> <span class="text-muted">Yimuzhizi</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a> <div>项目：《企业网络安全架构与实战指南：从蓝队防御到零信任网络部署》姓名：飞花似梦Flydream日期：2024年11月21日目录蓝队基础企业网络架构高层管理IT管理中央技术团队安全部门企业管理技术信息安全管理成熟度模型（ISM3）安全职能安全团队成员典型企业网络分区模糊的边界外部攻击面身份管理识别Windows典型应用识别Linux典型应用识别WEB服务识别客户端设备身份和访问管理目录服务企业数据存</div> </li> <li><a href="/article/1885007480598097920.htm" title="Air监听代码神器" target="_blank">Air监听代码神器</a> <span class="text-muted">Cas狗</span> <a class="tag" taget="_blank" href="/search/Go%E8%AF%AD%E8%A8%80%E5%B8%B8%E7%94%A8%E5%BC%80%E5%8F%91%E7%BB%84%E4%BB%B6/1.htm">Go语言常用开发组件</a><a class="tag" taget="_blank" href="/search/Go%E8%AF%AD%E8%A8%80/1.htm">Go语言</a><a class="tag" taget="_blank" href="/search/Gin%E6%A1%86%E6%9E%B6/1.htm">Gin框架</a><a class="tag" taget="_blank" href="/search/Air/1.htm">Air</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E6%97%B6%E7%9B%91%E5%90%AC/1.htm">实时监听</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E6%95%88%E7%8E%87/1.htm">开发效率</a> <div>Air监听代码神器一、作用在使用Go语言的gin框架在本地做开发调试的时候，经常需要在变更代码之后频繁的按下Ctrl+C停止程序并重新编译再执行，这样就不是很方便。二、安装AirGogoget-ugithub.com/cosmtrek/airMaccurl-fLoairhttps://git.io/darwin_airLinuxcurl-fLoairhttps://git.io/linux_air</div> </li> <li><a href="/article/1885006975763279872.htm" title="golang 性能分析(pprof)" target="_blank">golang 性能分析(pprof)</a> <span class="text-muted">_萤火</span> <a class="tag" taget="_blank" href="/search/Golang/1.htm">Golang</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a> <div>采样方式net/http/pprof适用于程序长期运行的线上服务底层也是调用的runtime/pprof提供的函数，封装成接口对外提供网络访问如果是使用了HTTP包的路由，则只需要import_"net/http/pprof"即可此时会自动把相关路由路径注册到了默认的http.DefaultServeMux上packagepproffuncinit(){http.HandleFunc("/debu</div> </li> <li><a href="/article/1885001427235958784.htm" title="数据库查询优化：提升性能的关键实践" target="_blank">数据库查询优化：提升性能的关键实践</a> <span class="text-muted">qcidyu</span> <a class="tag" taget="_blank" href="/search/%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3/1.htm">文章归档</a><a class="tag" taget="_blank" href="/search/DBA%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5/1.htm">DBA最佳实践</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E8%B0%83%E4%BC%98/1.htm">性能调优</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E8%AF%A2%E6%89%A7%E8%A1%8C%E8%AE%A1%E5%88%92/1.htm">查询执行计划</a><a class="tag" taget="_blank" href="/search/%E7%B4%A2%E5%BC%95/1.htm">索引</a><a class="tag" taget="_blank" href="/search/SQL/1.htm">SQL</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E6%80%A7%E8%83%BD/1.htm">数据库性能</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E8%AF%A2%E4%BC%98%E5%8C%96/1.htm">查询优化</a> <div>title:数据库查询优化：提升性能的关键实践date:2025/1/30updated:2025/1/30author:cmdragonexcerpt:在当今数据驱动的商业环境中，数据库的性能直接影响着应用程序的响应速度和用户体验。查询优化是性能调优的重要组成部分，通过对SQL查询的分析与改进，减少查询执行时间和资源消耗，从而提升整体系统效率。categories:前端开发tags:查询优化数据</div> </li> <li><a href="/article/1885001174722080768.htm" title="Go语言学习笔记——gin实现验证码" target="_blank">Go语言学习笔记——gin实现验证码</a> <span class="text-muted">PPPsych</span> <a class="tag" taget="_blank" href="/search/Go%E7%B2%BE%E8%BF%9B/1.htm">Go精进</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/gin/1.htm">gin</a> <div>文章目录Golang验证码知识结构下载包导包配置session创建中间件生成图片生成验证码验证前端页面测试Golang验证码知识结构ginsession中间件表单处理路由下载包gogetgithub.com/dchest/captcha导包import("bytes""net/http""time""github.com/dchest/captcha""github.com/gin-contrib</div> </li> <li><a href="/article/38.htm" title="ASM系列六利用TreeApi 添加和移除类成员" target="_blank">ASM系列六利用TreeApi 添加和移除类成员</a> <span class="text-muted">lijingyao8206</span> <a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E4%BB%A3%E7%90%86/1.htm">动态代理</a><a class="tag" taget="_blank" href="/search/ASM/1.htm">ASM</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E8%8A%82%E7%A0%81%E6%8A%80%E6%9C%AF/1.htm">字节码技术</a><a class="tag" taget="_blank" href="/search/TreeAPI/1.htm">TreeAPI</a> <div> 同生成的做法一样，添加和移除类成员只要去修改fields和methods中的元素即可。这里我们拿一个简单的类做例子，下面这个Task类，我们来移除isNeedRemove方法，并且添加一个int 类型的addedField属性。 package asm.core; /** * Created by yunshen.ljy on 2015/6/</div> </li> <li><a href="/article/165.htm" title="Springmvc-权限设计" target="_blank">Springmvc-权限设计</a> <span class="text-muted">bee1314</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a> <div> 万丈高楼平地起。权限管理对于管理系统而言已经是标配中的标配了吧，对于我等俗人更是不能免俗。同时就目前的项目状况而言，我们还不需要那么高大上的开源的解决方案，如Spring Security，Shiro。小伙伴一致决定我们还是从基本的功能迭代起来吧。目标： 1.实现权限的管理（CRUD） 2.实现部门管理（CRUD) 3.实现人员的管理（CRUD） 4.实现部门和权限</div> </li> <li><a href="/article/292.htm" title="算法竞赛入门经典（第二版）第2章习题" target="_blank">算法竞赛入门经典（第二版）第2章习题</a> <span class="text-muted">CrazyMizzz</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>2.4.1 输出技巧 #include <stdio.h> int main() { int i, n; scanf("%d", &n); for (i = 1; i <= n; i++) printf("%d\n", i); return 0; } 习题2-2 水仙花数(daffodil</div> </li> <li><a href="/article/419.htm" title="struts2中jsp自动跳转到Action" target="_blank">struts2中jsp自动跳转到Action</a> <span class="text-muted">麦田的设计者</span> <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/webxml/1.htm">webxml</a><a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E8%B7%B3%E8%BD%AC/1.htm">自动跳转</a> <div>1、在struts2的开发中，经常需要用户点击网页后就直接跳转到一个Action，执行Action里面的方法，利用mvc分层思想执行相应操作在界面上得到动态数据。毕竟用户不可能在地址栏里输入一个Action（不是专业人士） 2、＜jsp:forward page="xxx.action" /＞，这个标签可以实现跳转，page的路径是相对地址,不同与jsp和j</div> </li> <li><a href="/article/546.htm" title="php 操作webservice实例" target="_blank">php 操作webservice实例</a> <span class="text-muted">IT独行者</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a> <div>首先大家要简单了解了何谓webservice，接下来就做两个非常简单的例子，webservice还是逃不开server端与client端。我测试的环境为：apache2.2.11 php5.2.10做这个测试之前，要确认你的php配置文件中已经将soap扩展打开，即extension=php_soap.dll; OK 现在我们来体验webservice //server端 serve</div> </li> <li><a href="/article/673.htm" title="Windows下使用Vagrant安装linux系统" target="_blank">Windows下使用Vagrant安装linux系统</a> <span class="text-muted">_wy_</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/vagrant/1.htm">vagrant</a> <div>准备工作：下载安装 VirtualBox ：https://www.virtualbox.org/ 下载安装 Vagrant ：http://www.vagrantup.com/ 下载需要使用的 box ：官方提供的范例：http://files.vagrantup.com/precise32.box 还可以在 http://www.vagrantbox.es/ </div> </li> <li><a href="/article/800.htm" title="更改linux的文件拥有者及用户组(chown和chgrp)" target="_blank">更改linux的文件拥有者及用户组(chown和chgrp)</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/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/chgrp/1.htm">chgrp</a><a class="tag" taget="_blank" href="/search/chown/1.htm">chown</a> <div>本文（转） http://blog.163.com/yanenshun@126/blog/static/128388169201203011157308/ http://ydlmlh.iteye.com/blog/1435157 一、基本使用：使用chown命令可以修改文件或目录所属的用户：命令</div> </li> <li><a href="/article/927.htm" title="linux下抓包工具" target="_blank">linux下抓包工具</a> <span class="text-muted">矮蛋蛋</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>原文地址： http://blog.chinaunix.net/uid-23670869-id-2610683.html tcpdump -nn -vv -X udp port 8888 上面命令是抓取udp包、端口为8888 netstat -tln 命令是用来查看linux的端口使用情况 13 . 列出所有的网络连接 lsof -i 14. 列出所有tcp 网络连接信息 l</div> </li> <li><a href="/article/1054.htm" title="我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起”" target="_blank">我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起”</a> <span class="text-muted">alafqq</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div>最近看了每一个用mybatis的男纸，你伤不起原文地址：http://www.iteye.com/topic/1073938 发表一下个人看法。欢迎大神拍砖；个人一直使用的是Ibatis框架，公司对其进行过小小的改良；最近换了公司，要使用新的框架。听说mybatis不错；就对其进行了部分的研究；发现多了一个mapper层；个人感觉就是个dao； </div> </li> <li><a href="/article/1181.htm" title="解决java数据交换之谜" target="_blank">解决java数据交换之谜</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E4%BA%A4%E6%8D%A2/1.htm">数据交换</a> <div>交换两个数字的方法有以下三种，其中第一种最常用 /* 输出最小的一个数 */ public class jiaohuan1 { public static void main(String[] args) { int a =4; int b = 3; if(a<b){ // 第一种交换方式 int tmep =</div> </li> <li><a href="/article/1308.htm" title="渐变显示" target="_blank">渐变显示</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div><style type="text/css"> #wxf { FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#97FF98); height: 25px; } </style></div> </li> <li><a href="/article/1435.htm" title="探索JUnit4扩展：断言语法assertThat" target="_blank">探索JUnit4扩展：断言语法assertThat</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/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a><a class="tag" taget="_blank" href="/search/assertThat/1.htm">assertThat</a> <div>一.概述 JUnit 设计的目的就是有效地抓住编程人员写代码的意图，然后快速检查他们的代码是否与他们的意图相匹配。 JUnit 发展至今，版本不停的翻新，但是所有版本都一致致力于解决一个问题，那就是如何发现编程人员的代码意图，并且如何使得编程人员更加容易地表达他们的代码意图。JUnit 4.4 也是为了如何能够</div> </li> <li><a href="/article/1562.htm" title="【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}}" target="_blank">【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}}</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/gson/1.htm">gson</a> <div> 如何把如下简单的JSON字符串反序列化为Java的POJO对象? {"data":{"IM":["MSN","QQ","Gtalk"]}} 下面的POJO类Model无法完成正确的解析： import com.google.gson.Gson;</div> </li> <li><a href="/article/1689.htm" title="【Kafka九】Kafka High Level API vs. Low Level API" target="_blank">【Kafka九】Kafka High Level API vs. Low Level API</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a> <div>1. Kafka提供了两种Consumer API High Level Consumer API Low Level Consumer API(Kafka诡异的称之为Simple Consumer API，实际上非常复杂) 在选用哪种Consumer API时，首先要弄清楚这两种API的工作原理，能做什么不能做什么，能做的话怎么做的以及用的时候，有哪些可能的问题 </div> </li> <li><a href="/article/1816.htm" title="在nginx中集成lua脚本：添加自定义Http头，封IP等" target="_blank">在nginx中集成lua脚本：添加自定义Http头，封IP等</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+lua/1.htm">nginx lua</a> <div>Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{</div> </li> <li><a href="/article/1943.htm" title="java-归并排序" target="_blank">java-归并排序</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.Arrays; public class MergeSort { public static void main(String[] args) { int[] a={20,1,3,8,5,9,4,25}; mergeSort(a,0,a.length-1); System.out.println(Arrays.to</div> </li> <li><a href="/article/2070.htm" title="Netty源码学习-CompositeChannelBuffer" target="_blank">Netty源码学习-CompositeChannelBuffer</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/netty/1.htm">netty</a> <div>CompositeChannelBuffer体现了Netty的“Transparent Zero Copy” 查看API（ http://docs.jboss.org/netty/3.2/api/org/jboss/netty/buffer/package-summary.html#package_description）可以看到，所谓“Transparent Zero Copy”是通</div> </li> <li><a href="/article/2197.htm" title="Android中给Activity添加返回键" target="_blank">Android中给Activity添加返回键</a> <span class="text-muted">hotsunshine</span> <a class="tag" taget="_blank" href="/search/Activity/1.htm">Activity</a> <div> // this need android:minSdkVersion="11" getActionBar().setDisplayHomeAsUpEnabled(true); @Override public boolean onOptionsItemSelected(MenuItem item) { </div> </li> <li><a href="/article/2324.htm" title="静态页面传参" target="_blank">静态页面传参</a> <span class="text-muted">ctrain</span> <a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81/1.htm">静态</a> <div> $(document).ready(function () { var request = { QueryString : function (val) { var uri = window.location.search; var re = new RegExp("" + val + "=([^&?]*)", &</div> </li> <li><a href="/article/2451.htm" title="Windows中查找某个目录下的所有文件中包含某个字符串的命令" target="_blank">Windows中查找某个目录下的所有文件中包含某个字符串的命令</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E6%89%BE%E6%9F%90%E4%B8%AA%E7%9B%AE%E5%BD%95%E4%B8%8B%E7%9A%84%E6%89%80%E6%9C%89%E6%96%87%E4%BB%B6/1.htm">查找某个目录下的所有文件</a><a class="tag" taget="_blank" href="/search/%E5%8C%85%E5%90%AB%E6%9F%90%E4%B8%AA%E5%AD%97%E7%AC%A6%E4%B8%B2/1.htm">包含某个字符串</a> <div>findstr可以完成这个工作。 [html] view plain copy >findstr /s /i "string" *.* 上面的命令表示，当前目录以及当前目录的所有子目录下的所有文件中查找"string&qu</div> </li> <li><a href="/article/2578.htm" title="改善程序代码质量的一些技巧" target="_blank">改善程序代码质量的一些技巧</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E6%9E%84/1.htm">重构</a> <div>有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。让我们看一些基本的编程技巧：尽量保持方法简短尽管很多人都遵</div> </li> <li><a href="/article/2705.htm" title="SharedPreferences对数据的存储" target="_blank">SharedPreferences对数据的存储</a> <span class="text-muted">dcj3sjt126com</span> <div>SharedPreferences简介： &nbs</div> </li> <li><a href="/article/2832.htm" title="linux复习笔记之bash shell (2) bash基础" target="_blank">linux复习笔记之bash shell (2) bash基础</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/bash/1.htm">bash</a><a class="tag" taget="_blank" href="/search/bash+shell/1.htm">bash shell</a> <div>转载请出自出处： http://eksliang.iteye.com/blog/2104329 1.影响显示结果的语系变量（locale） 1.1locale这个命令就是查看当前系统支持多少种语系，命令使用如下： [root@localhost shell]# locale LANG=en_US.UTF-8 LC_CTYPE="en_US.UTF-8" </div> </li> <li><a href="/article/2959.htm" title="Android零碎知识总结" target="_blank">Android零碎知识总结</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>1、CopyOnWriteArrayList add(E) 和remove(int index)都是对新的数组进行修改和新增。所以在多线程操作时不会出现java.util.ConcurrentModificationException错误。所以最后得出结论：CopyOnWriteArrayList适合使用在读操作远远大于写操作的场景里，比如缓存。发生修改时候做copy，新老版本分离，保证读的高</div> </li> <li><a href="/article/3086.htm" title="HoverTree.Model.ArticleSelect类的作用" target="_blank">HoverTree.Model.ArticleSelect类的作用</a> <span class="text-muted">hvt</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/hovertree/1.htm">hovertree</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a> <div>ArticleSelect类在命名空间HoverTree.Model中可以认为是文章查询条件类，用于存放查询文章时的条件，例如HvtId就是文章的id。HvtIsShow就是文章的显示属性，当为-1是，该条件不产生作用，当为0时，查询不公开显示的文章，当为1时查询公开显示的文章。HvtIsHome则为是否在首页显示。HoverTree系统源码完全开放，开发环境为Visual Studio 2013</div> </li> <li><a href="/article/3213.htm" title="PHP 判断是否使用代理 PHP Proxy Detector" target="_blank">PHP 判断是否使用代理 PHP Proxy Detector</a> <span class="text-muted">天梯梦</span> <a class="tag" taget="_blank" href="/search/proxy/1.htm">proxy</a> <div>1. php 类 I found this class looking for something else actually but I remembered I needed some while ago something similar and I never found one. I'm sure it will help a lot of developers who try to </div> </li> <li><a href="/article/3340.htm" title="apache的math库中的回归——regression（翻译）" target="_blank">apache的math库中的回归——regression（翻译）</a> <span class="text-muted">lvdccyb</span> <a class="tag" taget="_blank" href="/search/Math/1.htm">Math</a><a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a> <div>这个Math库，虽然不向weka那样专业的ML库，但是用户友好，易用。多元线性回归，协方差和相关性（皮尔逊和斯皮尔曼），分布测试（假设检验，t，卡方，G），统计。数学库中还包含，Cholesky，LU，SVD，QR，特征根分解，真不错。基本覆盖了：线代，统计，矩阵，最优化理论曲线拟合常微分方程遗传算法（GA），还有3维的运算。。。 </div> </li> <li><a href="/article/3467.htm" title="基础数据结构和算法十三：Undirected Graphs (2)" target="_blank">基础数据结构和算法十三：Undirected Graphs (2)</a> <span class="text-muted">sunwinner</span> <a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a> <div> Design pattern for graph processing. Since we consider a large number of graph-processing algorithms, our initial design goal is to decouple our implementations from the graph representation</div> </li> <li><a href="/article/3594.htm" title="云计算平台最重要的五项技术" target="_blank">云计算平台最重要的五项技术</a> <span class="text-muted">sumapp</span> <a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%B9%B3%E5%8F%B0/1.htm">云平台</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E5%9F%8E%E4%BA%91/1.htm">智城云</a> <div>云计算平台最重要的五项技术 1、云服务器云服务器提供简单高效，处理能力可弹性伸缩的计算服务，支持国内领先的云计算技术和大规模分布存储技术，使您的系统更稳定、数据更安全、传输更快速、部署更灵活。特性机型丰富通过高性能服务器虚拟化为云服务器，提供丰富配置类型虚拟机，极大简化数据存储、数据库搭建、web服务器搭建等工作；仅需要几分钟，根据CP</div> </li> <li><a href="/article/3721.htm" title="《京东技术解密》有奖试读获奖名单公布" target="_blank">《京东技术解密》有奖试读获奖名单公布</a> <span class="text-muted">ITeye管理员</span> <a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a> <div>ITeye携手博文视点举办的12月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 12月试读活动回顾： http://webmaster.iteye.com/blog/2164754 本次技术图书试读活动获奖名单及相应作品如下：一等奖（两名） Microhardest：http://microhardest.ite</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>