小程序常用组件－视图容器

本系列主要对小程序常用的组件做一个总结，方便自己及其它小程序开发者作为字典查阅和检索。

共同属性

小程序组件有一些公共属性，在每个组件中代表的意义和数据类型都是一样的。

id: 标识组件的唯一性。
class: 组件的样式类，在*.wxss中定义该样式
style: 组件的内联样式，动态设置的内联样式
hidden: 组件是否显示，默认为 false, 即默认显示
data-*: 自定义属性，组件上触发事件时，会发送给事件处理函数,可以通过dataset获取
bind*/catch*:将组件的事件和逻辑层的处理函数进行绑定，其中bind：冒泡事件(继续向上层分发)，catch:非冒泡事件(停止向上分发事件）

容器组件

容器组件：内部能嵌套任何标签。常用的视图容器有：view, scroll-view, swiper

1. `view`组件

是一个块级容器组件，任何一种复杂的布局都可以嵌套在组件内，并在*.wxss中设置相关样式。

除了上述组件共有的属性外，还包含一组关于点击行为的属性。

hover: 是否启动点击态，默认为false
hover-class: 指定按下去的样式，默认为none，即hover-class = "none",没有点击态效果
hover-start-time: 按住后延迟多少毫秒出现点击态，单位：ms, 默认为50ms
hover-stay-time: 手指松开后，点击态保持事件，单位：ms, 默认为400ms

2. `scroll-view` 组件

在布局中，需要容器具有可滑动的功能，且能监听滚动、触顶、触底等事件，就需要组件，在组件上添加滚动相关的属性，通过这些属性，可以响应滚动相关事件。

scroll-x : 允许横向滚动，默认为false
scroll-y : 允许纵向滚动，默认为false
upper-threshold: 触发scrolltoupper 事件时，距顶部／左边多少距离（单位为:px)
lower-threshold: 触发scrolltolower事件时，距底部／右边多少距离（单位为:px)
-scroll-top: 设置竖向滚动条位置
-scroll-left: 设置横向滚动条位置
-scroll-into-view: 值为某子元素的id, 该子元素滚动到顶部对齐滚动区域顶部
-bindscrolltoupper: 滚动到顶部／左边，会触发scrolltoupper 事件
-bindscrolltolower:滚动到底部／右边，会触发scrolltolower 事件
-bindscroll: 滚动时触发，其中函数参数 event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}

注意:
</code>,<code><video/></code>,<code><map/></code>,<code><canvas/></code> 不能嵌套在<code><scroll-view/></code>中使用</p> <h5>3. <code>swiper</code>组件－滑块视图组件</h5> <p>利用<code>swiper</code> 组件，可以实现轮播图，滑动页面，预览图片等，一个完整的滑块视图软件由<code><swiper/></code> 和 <code><swiper-item/></code> 两个标签组成，不能单独使用。一个<code><swiper/></code> 只能嵌套一个或多个<code><swiper-item/></code>标签，放置其它的标签会被删除，其中，<code><swiper-item/></code> 中能放置任何标签，高度默认为<code>100%</code>,另外没有任何其它特殊属性。</p> <p><code><swiper/></code> 的属性如下：</p> <ul> <li> <code>indicator-dots</code>: 是否显示面板指示点，默认：<code>false</code> </li> <li> <code>autoplay</code>: 是否自动播放，默认: <code>false</code> </li> <li> <code>current</code>: 当前所在页面的<code>index</code>, 默认：<code>0</code> </li> <li> <code>interval</code>: 自动切换时间间隔，默认：<code>5000ms</code> </li> <li> <code>duration</code>: 滑动动画时间间隔，默认：<code>1000ms</code> </li> <li> <code>circular</code>: 是否采用衔接动画播放，默认：<code>false</code> </li> <li> <code>bindchange</code>: <code>current</code> 改变时触发<code>change</code>事件，回调函数参数<code>event.detail = {current}</code> </li> </ul> </article> </div> </div> </div>  <div id="SOHUCS" sid="1395550971634962432"></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">你可能感兴趣的:(小程序常用组件－视图容器)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1879878940395368448.htm" title="Docker Swarm、Kubernetes 和 LVS 的功能对比" target="_blank">Docker Swarm、Kubernetes 和 LVS 的功能对比</a> <span class="text-muted">田猿笔记</span> <a class="tag" taget="_blank" href="/search/%E7%9F%A5%E8%AF%86%E9%9B%86%E5%90%88/1.htm">知识集合</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/kubernetes/1.htm">kubernetes</a><a class="tag" taget="_blank" href="/search/lvs/1.htm">lvs</a> <div>DockerSwarm、Kubernetes和LVS是三种不同的技术，分别用于容器编排、集群管理和负载均衡。以下是它们的功能对比：1.DockerSwarm功能定位:DockerSwarm是Docker官方提供的容器编排工具，用于管理多个Docker容器的部署、扩展和调度。核心功能:服务管理:支持定义、部署和管理多容器应用。自动负载均衡:内置负载均衡功能，自动分配流量到健康的容器。高可用性:支持多</div> </li> <li><a href="/article/1879871738985115648.htm" title="计算机毕业设计springboot+vue基本微信小程序的云宠物小程序-宠物领养" target="_blank">计算机毕业设计springboot+vue基本微信小程序的云宠物小程序-宠物领养</a> <span class="text-muted">QQ1061662411</span> <a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/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> <div>项目介绍当今科技发展迅速,交通环境也变得越来越复杂。人们的出行方式变得多元化,这给视障人士带来了一定的困扰。而导盲犬可以帮助视障人士外出行走,提高他们的生活质量。在我国,导盲犬的数量远远少于视障人士的数量。由于导盲犬的训练周期长、成本高、淘汰率也高,使得现有的培训基地面临经费短缺、训导师稀缺等问题。导盲犬作为残疾人福利事业的重要组成部分,不仅反映一个国家社会福利事业发展的程度,更能够唤起整个社会对</div> </li> <li><a href="/article/1879854461321539584.htm" title="如何使用PHP构建IoC容器，实现依赖注入！" target="_blank">如何使用PHP构建IoC容器，实现依赖注入！</a> <span class="text-muted">Ai 编码</span> <a class="tag" taget="_blank" href="/search/php%E6%95%99%E7%A8%8B/1.htm">php教程</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/rpc/1.htm">rpc</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>文章精选推荐1JetBrainsAiassistant编程工具让你的工作效率翻倍2ExtraIcons：JetBrainsIDE的图标增强神器3IDEA插件推荐-SequenceDiagram，自动生成时序图4BashSupportPro这个ides插件主要是用来干嘛的？5IDEA必装的插件：SpringBootHelper的使用与功能特点6Aiassistant,又是一个写代码神器7Cursor</div> </li> <li><a href="/article/1879848536149913600.htm" title="构建云原生后端服务——以Spring Boot + Kubernetes为例" target="_blank">构建云原生后端服务——以Spring Boot + Kubernetes为例</a> <span class="text-muted">ZhShy23</span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F/1.htm">云原生</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/kubernetes/1.htm">kubernetes</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a> <div>在当今云计算的浪潮中，云原生技术栈以其高度的灵活性、可扩展性和自动化运维能力，正逐步成为构建现代化应用的首选。本文将通过一个实际的例子，展示如何使用SpringBoot构建微服务，并通过Kubernetes进行容器编排和部署，构建一个简单的云原生后端服务。文章目录一、项目背景二、技术栈三、SpringBoot微服务构建四、Docker容器化五、Kubernetes部署六、持续集成/持续部署（CI/</div> </li> <li><a href="/article/1879844883758379008.htm" title="ASP.NET Core - 依赖注入(四)" target="_blank">ASP.NET Core - 依赖注入(四)</a> <span class="text-muted">啊晚</span> <a class="tag" taget="_blank" href="/search/ASP.NET/1.htm">ASP.NET</a><a class="tag" taget="_blank" href="/search/CORE/1.htm">CORE</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E5%88%97%E6%80%BB%E7%BB%93/1.htm">系列总结</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>ASP.NETCore-依赖注入（四）4.ASP.NETCore默认服务5.依赖注入配置变形4.ASP.NETCore默认服务之前讲了中间件，实际上一个中间件要正常进行工作，通常需要许多的服务配合进行，而中间件中的服务自然也是通过Ioc容器进行注册和注入的。前面也讲到，按照约定中间件的封装一般会提供一个User{Middleware}的扩展方法给用户使用，而服务注册中也有一个类似的约定，一般会有一</div> </li> <li><a href="/article/1879844630925733888.htm" title="容器技术—docker stack" target="_blank">容器技术—docker stack</a> <span class="text-muted">啊晚</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1%E6%9E%B6%E6%9E%84%E5%AD%A6%E4%B9%A0%E4%B8%8E%E5%AE%9E%E8%B7%B5%E6%80%BB%E7%BB%93/1.htm">微服务架构学习与实践总结</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F%E7%B3%BB%E5%88%97/1.htm">云原生系列</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1/1.htm">微服务</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F/1.htm">云原生</a> <div>容器技术—dockerstack1.部署应用2.管理应用3.Stack基本命令3.1dockerstackdeploy[OPTIONS]STACK3.2dockerstackls[OPTIONS]3.3dockerstackps[OPTIONS]STACK3.4dockerstackservices[OPTIONS]STACK3.5dockerstackrm[OPTIONS]STACK[STACK</div> </li> <li><a href="/article/1879843750692319232.htm" title="深度解析 React 中 setState 的原理：同步还是异步" target="_blank">深度解析 React 中 setState 的原理：同步还是异步</a> <span class="text-muted"></span> <div>在React框架的核心机制里，setState是实现动态交互与数据驱动视图更新的关键枢纽。深入理解setState的工作原理，尤其是其同步与异步的特性，对于编写高效、稳定且可预测的React应用至关重要。一、setState的基础认知在React组件中，状态（state）是驱动组件行为与渲染结果的核心数据。setState作为更新状态的唯一官方途径，负责触发组件的重新渲染，从而反映出状态的变化。以</div> </li> <li><a href="/article/1879834373126156288.htm" title="陪玩APP游戏陪练小程序开发源码搭建，陪玩语音聊天室-陪玩约单中最不可或缺的一部分，陪玩陪聊陪诊等多功能一体" target="_blank">陪玩APP游戏陪练小程序开发源码搭建，陪玩语音聊天室-陪玩约单中最不可或缺的一部分，陪玩陪聊陪诊等多功能一体</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AFvue.jsphp/1.htm">前端vue.jsphp</a> <div>开发源码搭建支持PC端、手机端、微信小程序、APP。详情可以点击此处首先，先了解搭建流程：搭建网站的环节为：购买域名、购买服务器、网站程序模块、网站备案、网站部署上线和网站推广组成。一、域名选取域名技巧：要易于记忆，突出品牌、越短越好。尽量不要使用中文及标识符。选择.com.cn.net为佳，要与品牌相关。二、服务器购买服务器分为物理服务器和云服务器，现在大部分人都买性价比更高的云服务器。三、网站</div> </li> <li><a href="/article/1879833233667977216.htm" title="Java进阶-在Ubuntu上部署SpringBoot应用" target="_blank">Java进阶-在Ubuntu上部署SpringBoot应用</a> <span class="text-muted"></span> <div>随着云计算和容器化技术的普及，Linux服务器已成为部署Web应用程序的主流平台之一。Java作为一种跨平台的编程语言，具有广泛的应用场景。本文将详细介绍如何在Ubuntu服务器上部署Java应用，包括环境准备、应用发布、配置反向代理（Nginx）、设置系统服务以及日志管理等步骤。一、部署准备在开始之前，请确保你具备以下条件：一台运行Ubuntu（如Ubuntu20.04或22.04）的服务器，具</div> </li> <li><a href="/article/1879833019318071296.htm" title="Spring boot面试题---- Spring boot项目运行原理" target="_blank">Spring boot面试题---- Spring boot项目运行原理</a> <span class="text-muted">指尖下的技术</span> <a class="tag" taget="_blank" href="/search/Java%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">Java面试题</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>1.启动流程概述SpringBoot的启动是从一个带有main方法的主类开始的。这个主类通常会有一个@SpringBootApplication注解。这个注解是一个组合注解，它包含了@Configuration、@EnableAutoConfiguration和@ComponentScan。@Configuration注解表明这个类是一个配置类，它可以定义一些@Bean方法来配置Spring容器中</div> </li> <li><a href="/article/1879830826577883136.htm" title="用Python在Excel工作表中创建数据透视图" target="_blank">用Python在Excel工作表中创建数据透视图</a> <span class="text-muted"></span> <div>数据透视图是基于数据透视表创建的Excel图标，它能够帮助我们从复杂的数据集中提炼出有价值的信息，提供直观且易于理解的数据视图。对于需要频繁更新或处理大量数据集的人员以及任何依赖数据做出决策的人来说，用Python在Excel中创建数据透视图能够根据最新的数据快速调整和生成新的分析图表，从而提高工作效率并增强数据分析的灵活性。本文将介绍如何使用Python在Excel工作表中创建数据透视图。用Py</div> </li> <li><a href="/article/1879824622824779776.htm" title="百万架构师第十三课：源码分析：Spring 源码分析：Spring核心IOC容器及依赖注入原理｜JavaGuide" target="_blank">百万架构师第十三课：源码分析：Spring 源码分析：Spring核心IOC容器及依赖注入原理｜JavaGuide</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>20180415-Spring核心IOC容器及依赖注入原理ClassPathXmlApplicationContext//存储注册信息的BeanDefinition//传说已久的IOC容器privatefinalMapbeanDefinitionMap=newConcurrentHashMapTdoGetBean(finalStringname,@NullablefinalClassrequire</div> </li> <li><a href="/article/1879820817437618176.htm" title="雷池社区版WAF 容器常用环境变量说明" target="_blank">雷池社区版WAF 容器常用环境变量说明</a> <span class="text-muted"></span> <div>常用环境变量说明此处列举了一些容器的常用环境变量WAF版本>=7.4.0safeline-mgt变量名称默认值说明MGT_PGpostgres://safeline-ce:${POSTGRES_PASSWORD}@safeline-pg/safeline-ce?sslmode=disablePG地址LUIGI_HOSTsafeline-luigiluigi服务的host地址CHAOS_SERVE_</div> </li> <li><a href="/article/1879818920228089856.htm" title="使用DockerCompose部署服务" target="_blank">使用DockerCompose部署服务</a> <span class="text-muted"></span> <div>由于格式或图片解析问题，为了更好的阅读体验，可前往阅读原文以前我们总是用命令管理每个容器的启动、停止等等，若有多个容器时可能还存在启动优先级的问题，那就要等到指定的容器启动后再去启动另一个容器，对于整体的应用服务管理极其不方便，简单的dockerrun命令更适合初学者或者调试使用，docker提供dockercompose来解决多容器部署。DockerCompose是Docker官方提供的一个工具</div> </li> <li><a href="/article/1879818641445285888.htm" title="云原生之使用Docker部署Mysql数据库" target="_blank">云原生之使用Docker部署Mysql数据库</a> <span class="text-muted">江湖有缘</span> <a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F/1.htm">云原生</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F/1.htm">云原生</a> <div>云原生之使用Docker部署Mysql数据库一、检查本地系统环境1.检查系统版本2.检查docker版本3.检查docker状态二、使用Docker部署mysql1.下载mysql镜像2.创建数据目录3.创建mysql容器4.查看mysql容器状态三、进入数据库内1.进入mysql容器2.进入mysql数据库四、Linux系统安装Mysql1.下载官方mysql的rpm包2.安装mysql的rpm</div> </li> <li><a href="/article/1879810562490167296.htm" title="小程序免费SSL证书获取申请" target="_blank">小程序免费SSL证书获取申请</a> <span class="text-muted"></span> <div>小程序免费SSL证书的获取与申请流程通常包括以下几个步骤：一、选择证书颁发机构目前市面上有一些证书颁发机构（CA）提供免费的SSL证书，如JoySSL等。在选择时，请确保选择的机构是官方可靠、受信任的。不限数量免费SSL证书申请入口二、注册并申请证书访问官网并注册：打开JoySSL等机构的官网，进行账号注册。在注册过程中，可能需要填写特定的注册码230922以获取不限量免费SSL证书的权限。选择证</div> </li> <li><a href="/article/1879809550442360832.htm" title="如何控制bean的加载顺序？" target="_blank">如何控制bean的加载顺序？</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AFjavaspring/1.htm">后端javaspring</a> <div>写在前面springboot遵从约定大于配置的原则，极大程度的解决了配置繁琐的问题。在此基础上，又提供了spi机制，用spring.factories可以完成一个小组件的自动装配功能。在一般业务场景，可能是不需要关心一个bean是如何被注册进spring容器的，只需要把需要注册进容器的bean声明为@Component即可，因为spring会自动扫描到这个Bean完成初始化并加载到spring上下</div> </li> <li><a href="/article/1879802219017072640.htm" title="聊聊Spring事件：一些自己的QA" target="_blank">聊聊Spring事件：一些自己的QA</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E4%BA%8B%E4%BB%B6spring/1.htm">事件spring</a> <div>关于Spring事件机制Q&A用户提问：Spring事件机制是否可以理解为系统内部的小型消息队列，任何被容器管理的bean都可以是生产者，发布的事件可以被监听（消费），也可以不被监听（类似于SpringBoot发布的各种事件也是为了扩展用的）。回答：Spring的事件机制确实有点类似于一个轻量级的消息队列，但与完整的消息队列（如Kafka、RabbitMQ）相比，Spring的事件机制是为了在应用</div> </li> <li><a href="/article/1879799687771385856.htm" title="HarmonyOS 5.0应用开发——Web组件的使用" target="_blank">HarmonyOS 5.0应用开发——Web组件的使用</a> <span class="text-muted"></span> <div>【高心星出品】Web组件的使用ArkWeb（方舟Web）提供了Web组件，用于在应用程序中显示Web页面内容。常见使用场景包括：应用集成Web页面：应用可以在页面中使用Web组件，嵌入Web页面内容，以降低开发成本，提升开发、运营效率。浏览器网页浏览场景：浏览器类应用可以使用Web组件，打开三方网页，使用无痕模式浏览Web页面，设置广告拦截等。小程序：小程序类宿主应用可以使用Web组件，渲染小程序</div> </li> <li><a href="/article/1879799452521263104.htm" title="大数据新视界 --大数据大厂之Kubernetes与大数据：容器化部署的最佳实践" target="_blank">大数据新视界 --大数据大厂之Kubernetes与大数据：容器化部署的最佳实践</a> <span class="text-muted">青云交</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE%E6%96%B0%E8%A7%86%E7%95%8C/1.htm">大数据新视界</a><a class="tag" taget="_blank" href="/search/Kubernetes/1.htm">Kubernetes</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%A4%84%E7%90%86/1.htm">大数据处理</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8%E7%BC%96%E6%8E%92/1.htm">容器编排</a><a class="tag" taget="_blank" href="/search/%E6%89%A9%E5%B1%95%E6%80%A7/1.htm">扩展性</a><a class="tag" taget="_blank" href="/search/%E6%95%85%E9%9A%9C%E6%81%A2%E5%A4%8D/1.htm">故障恢复</a><a class="tag" taget="_blank" href="/search/%E8%B5%84%E6%BA%90%E7%AE%A1%E7%90%86/1.htm">资源管理</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E5%82%A8%E6%8C%81%E4%B9%85%E5%8C%96/1.htm">存储持久化</a><a class="tag" taget="_blank" href="/search/%E7%9B%91%E6%8E%A7/1.htm">监控</a><a class="tag" taget="_blank" href="/search/%E6%97%A5%E5%BF%97%E7%AE%A1%E7%90%86/1.htm">日志管理</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E6%8F%90%E5%8D%87/1.htm">性能提升</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>亲爱的朋友们，热烈欢迎你们来到青云交的博客！能与你们在此邂逅，我满心欢喜，深感无比荣幸。在这个瞬息万变的时代，我们每个人都在苦苦追寻一处能让心灵安然栖息的港湾。而我的博客，正是这样一个温暖美好的所在。在这里，你们不仅能够收获既富有趣味又极为实用的内容知识，还可以毫无拘束地畅所欲言，尽情分享自己独特的见解。我真诚地期待着你们的到来，愿我们能在这片小小的天地里共同成长，共同进步。本博客的精华专栏：大数</div> </li> <li><a href="/article/1879793341621661696.htm" title="Vue.js：轻量高效的前端框架" target="_blank">Vue.js：轻量高效的前端框架</a> <span class="text-muted"></span> <div>Vue.js是一个用于构建用户界面的渐进式JavaScript框架，因其轻量、灵活和易上手的特性备受欢迎。Vue.js不仅适合小型项目的快速开发，也可用于构建复杂的单页面应用（SPA）。本文将介绍Vue.js的核心特性、项目结构、常用功能及其在现代前端开发中的应用场景。一、Vue.js简介Vue.js（简称Vue）由尤雨溪于2014年推出，是一个专注于视图层的JavaScript框架。它采用渐进式</div> </li> <li><a href="/article/1879792443755393024.htm" title="Svelte 5震撼发布，前端开发的新变革！" target="_blank">Svelte 5震撼发布，前端开发的新变革！</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">前端程序员</a> <div>title:Svelte5震撼发布，前端开发的新变革！博主小程序体验|博主公众号分享亲爱的前端小伙伴们，大家好！Svelte5正式发布啦！这可是新一代的前端框架哦。就在10月22日，这个备受期待的版本终于和我们见面了。它带来了好多超棒的更新呢。首先，它是完全重写的框架哦。这意味着什么呢？就是它让应用变得更快啦，体积更小了，而且更加可靠。我们写出来的代码也会更加一致，更符合我们的习惯。比如在代码结构</div> </li> <li><a href="/article/1879791434526158848.htm" title="在 SwiftUI 中实战使用 MapKit API" target="_blank">在 SwiftUI 中实战使用 MapKit API</a> <span class="text-muted"></span> <div>前言SwiftUI与MapKit的集成在今年发生了重大变化。在之前的SwiftUI版本中，我们将MKMapView的基本功能封装到名为Map的SwiftUI视图中。幸运的是，事情发生了变化，SwiftUI引入了与MapKit集成的新API。本篇文章我们将学习如何在SwiftUI的最新版本中使用可用的新功能丰富的API与MapKit集成。正如我之前所说，在SwiftUI框架的早期版本中，我们有一个M</div> </li> <li><a href="/article/1879787396711641088.htm" title="spring-kafka中ContainerProperties.AckMode详解" target="_blank">spring-kafka中ContainerProperties.AckMode详解</a> <span class="text-muted"></span> <div>Spring-Kafka:Kafka消费者确认模式详解在使用Spring-Kafka时，如何控制Kafka消费者对消息的确认是影响性能和数据安全的一个重要因素。ContainerProperties.AckMode枚举类型提供了几种不同的确认模式，开发者可以根据应用场景选择合适的确认策略，以在数据安全和处理性能之间取得平衡。下面我们对这些确认模式进行详细的讲解和对比分析。1.容器确认模式（AckM</div> </li> <li><a href="/article/1879787342382821376.htm" title="黑客发现新漏洞：Windows容器隔离框架可助其绕过端点安全" target="_blank">黑客发现新漏洞：Windows容器隔离框架可助其绕过端点安全</a> <span class="text-muted">真想骂*</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a> <div>近期，网络安全领域再次传来令人担忧的消息。DeepInstinct的安全研究员DanielAvinoam在DEFCON安全大会上揭示了一项惊人的发现：黑客可以利用Windows容器隔离框架的漏洞，绕过端点安全系统，从而执行恶意操作。这一发现无疑为全球的网络安全防护提出了新的挑战。Windows容器隔离框架，作为Microsoft容器架构的重要组成部分，其设计初衷是通过动态生成的映像将文件系统从每个</div> </li> <li><a href="/article/1879784983548194816.htm" title="ArgoWorkflow 教程(一)--DevOps 另一选择？云原生 CICD 初体验" target="_blank">ArgoWorkflow 教程(一)--DevOps 另一选择？云原生 CICD 初体验</a> <span class="text-muted"></span> <div>本文主要记录了如何在k8s上快速部署云原生的工作流引擎ArgoWorkflow。ArgoWorkflow是什么ArgoWorkflows是一个开源的云原生工作流引擎，用于在Kubernetes上编排并行作业。Argo工作流作为KubernetesCRD实现。定义工作流，其中工作流中的每个步骤都是一个容器。将多步骤工作流建模为一系列任务，或使用DAG来捕获任务之间的依赖关系图。使用Argo可以在很短</div> </li> <li><a href="/article/1879783301640679424.htm" title="CSS浮动：概念、特性与应用" target="_blank">CSS浮动：概念、特性与应用</a> <span class="text-muted">平常心cyk</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>CSS浮动是网页设计和开发中常见的布局技术之一，以下是CSS浮动相关的所有重要知识点：一、浮动的定义与语法浮动（float）属性可以指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。浮动属性最初只用于在一段文本内浮动图像，实现文字环绕的效果。作用让多个盒子(div)水平排列成一行，使得浮动成为布局的重要手段。可以实现盒子的左右对齐等等。浮动最早是用来控制图片，实现文字环绕图片的效果</div> </li> <li><a href="/article/1879783048866754560.htm" title="Mysql入门基础必备知识" target="_blank">Mysql入门基础必备知识</a> <span class="text-muted">平常心cyk</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>MySQL中的SQL语句是关系型数据库管理系统操作的核心，涵盖了数据定义、数据操作、数据查询和数据控制等多个方面。以下是对MySQL中SQL语句所有重要知识的归纳：一、SQL语句分类数据定义语言（DDL）：用于定义数据库对象，如表、索引、视图等。创建数据库和表：使用CREATEDATABASE创建数据库，使用CREATETABLE创建表。修改数据库和表：使用ALTERDATABASE修改数据库属性</div> </li> <li><a href="/article/1879781661382602752.htm" title="基于SpringBoot的物业管理系统" target="_blank">基于SpringBoot的物业管理系统</a> <span class="text-muted">计算机学姐</span> <a class="tag" taget="_blank" href="/search/Java%E7%B2%BE%E9%80%89%E5%AE%9E%E6%88%98%E9%A1%B9%E7%9B%AE%E6%BA%90%E7%A0%81/1.htm">Java精选实战项目源码</a><a class="tag" taget="_blank" href="/search/SpringBoot%E6%BA%90%E7%A0%81/1.htm">SpringBoot源码</a><a class="tag" taget="_blank" href="/search/Vue%E6%BA%90%E7%A0%81/1.htm">Vue源码</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%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/intellij-idea/1.htm">intellij-idea</a> <div>作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项目源码、Python精选实战项目源码、大数据精选实战项目源码系统展示【2025最新】基于Java+SpringBoot+Vu</div> </li> <li><a href="/article/1879777625740734464.htm" title="【Elasticsearch】节点与集群：架构原理与优化实践" target="_blank">【Elasticsearch】节点与集群：架构原理与优化实践</a> <span class="text-muted">程风破～</span> <a class="tag" taget="_blank" href="/search/Elasticsearch/1.htm">Elasticsearch</a><a class="tag" taget="_blank" href="/search/Elasticsearch%E5%AE%9E%E6%88%98/1.htm">Elasticsearch实战</a><a class="tag" taget="_blank" href="/search/elasticsearch/1.htm">elasticsearch</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>博主简介：CSDN博客专家，历代文学网（PC端可以访问：https://literature.sinhy.com/#/?__c=1000，移动端可微信小程序搜索“历代文学”）总架构师，15年工作经验，精通Java编程，高并发设计，Springboot和微服务，熟悉Linux，ESXI虚拟化以及云原生Docker和K8s，热衷于探索科技的边界，并将理论知识转化为实际应用。保持对新技术的好奇心，乐于分</div> </li> <li><a href="/article/109.htm" title="统一思想认识" target="_blank">统一思想认识</a> <span class="text-muted">永夜-极光</span> <a class="tag" taget="_blank" href="/search/%E6%80%9D%E6%83%B3/1.htm">思想</a> <div>1.统一思想认识的基础,才能有的放矢原因: 总有一种描述事物的方式最贴近本质,最容易让人理解. 如何让教育更轻松,在于找到最适合学生的方式. 难点在于,如何模拟对方的思维基础选择合适的方式. &</div> </li> <li><a href="/article/236.htm" title="Joda Time使用笔记" target="_blank">Joda Time使用笔记</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/joda+time/1.htm">joda time</a> <div>Joda Time的介绍可以参考这篇文章： http://www.ibm.com/developerworks/cn/java/j-jodatime.html 工作中也常常用到Joda Time，为了避免每次使用都查API，记录一下常用的用法： /** * DateTime变化（增减） */ @Tes</div> </li> <li><a href="/article/363.htm" title="FileUtils API" target="_blank">FileUtils API</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/FileUtils/1.htm">FileUtils</a><a class="tag" taget="_blank" href="/search/FileUtils+API/1.htm">FileUtils API</a> <div>转载请出自出处：http://eksliang.iteye.com/blog/2217374 一、概述这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。非常的好用。 </div> </li> <li><a href="/article/490.htm" title="各种新兴技术" target="_blank">各种新兴技术</a> <span class="text-muted">不懂事的小屁孩</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF/1.htm">技术</a> <div>1:gradle Gradle 是以 Groovy 语言为基础，面向Java应用为主。基于DSL（领域特定语言）语法的自动化构建工具。现在构建系统常用到maven工具，现在有更容易上手的gradle，搭建java环境: http://www.ibm.com/developerworks/cn/opensource/os-cn-gradle/ 搭建android环境： http://m</div> </li> <li><a href="/article/617.htm" title="tomcat6的https双向认证" target="_blank">tomcat6的https双向认证</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/tomcat6/1.htm">tomcat6</a> <div>1.生成服务器端证书 keytool -genkey -keyalg RSA -dname "cn=localhost,ou=sango,o=none,l=china,st=beijing,c=cn" -alias server -keypass password -keystore server.jks -storepass password -validity 36</div> </li> <li><a href="/article/744.htm" title="托管虚拟桌面市场势不可挡" target="_blank">托管虚拟桌面市场势不可挡</a> <span class="text-muted">蓝儿唯美</span> <div>用户还需要冗余的数据中心，dinCloud的高级副总裁兼首席营销官Ali Din指出。该公司转售一个MSP可以让用户登录并管理和提供服务的用于DaaS的云自动化控制台，提供服务或者MSP也可以自己来控制。在某些情况下，MSP会在dinCloud的云服务上进行服务分层，如监控和补丁管理。 MSP的利润空间将根据其参与的程度而有所不同，Din说。 “我们有一些合作伙伴负责将我们推荐给客户作为个</div> </li> <li><a href="/article/871.htm" title="spring学习——xml文件的配置" target="_blank">spring学习——xml文件的配置</a> <span class="text-muted">a-john</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>在Spring的学习中，对于其xml文件的配置是必不可少的。在Spring的多种装配Bean的方式中，采用XML配置也是最常见的。以下是一个简单的XML配置文件： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.or</div> </li> <li><a href="/article/998.htm" title="HDU 4342 History repeat itself 模拟" target="_blank">HDU 4342 History repeat itself 模拟</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E6%A8%A1%E6%8B%9F/1.htm">模拟</a> <div>来源：http://acm.hdu.edu.cn/showproblem.php?pid=4342 题意：首先让求第几个非平方数，然后求从1到该数之间的每个sqrt(i)的下取整的和。思路：一个简单的模拟题目，但是由于数据范围大，需要用__int64。我们可以首先把平方数筛选出来，假如让求第n个非平方数的话，看n前面有多少个平方数，假设有x个，则第n个非平方数就是n+x。注意两种特殊情况，即</div> </li> <li><a href="/article/1125.htm" title="java中最常用jar包的用途" target="_blank">java中最常用jar包的用途</a> <span class="text-muted">asia007</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>java中最常用jar包的用途 jar包用途axis.jarSOAP引擎包commons-discovery-0.2.jar用来发现、查找和实现可插入式接口，提供一些一般类实例化、单件的生命周期管理的常用方法.jaxrpc.jarAxis运行所需要的组件包saaj.jar创建到端点的点到点连接的方法、创建并处理SOAP消息和附件的方法，以及接收和处理SOAP错误的方法. w</div> </li> <li><a href="/article/1252.htm" title="ajax获取Struts框架中的json编码异常和Struts中的主控制器异常的解决办法" target="_blank">ajax获取Struts框架中的json编码异常和Struts中的主控制器异常的解决办法</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/json%E7%BC%96%E7%A0%81%E8%BF%94%E5%9B%9E%E5%BC%82%E5%B8%B8/1.htm">json编码返回异常</a> <div>一:ajax获取自定义Struts框架中的json编码出现以下问题: 1,强制flush输出 json编码打印在首页 2, 不强制flush js会解析json 打印出来的是错误的jsp页面却没有跳转到错误页面 3, ajax中的dataType的json 改为text 会</div> </li> <li><a href="/article/1379.htm" title="JUnit使用的设计模式" target="_blank">JUnit使用的设计模式</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/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/JUnit/1.htm">JUnit</a> <div>JUnit源代码涉及使用了大量设计模式 1、模板方法模式（Template Method）定义一个操作中的算法骨架，而将一些步骤延伸到子类中去，使得子类可以不改变一个算法的结构，即可重新定义该算法的某些特定步骤。这里需要复用的是算法的结构，也就是步骤，而步骤的实现可以在子类中完成。 </div> </li> <li><a href="/article/1506.htm" title="Linux常用命令（摘录）" target="_blank">Linux常用命令（摘录）</a> <span class="text-muted">sunjing</span> <a class="tag" taget="_blank" href="/search/crond/1.htm">crond</a><a class="tag" taget="_blank" href="/search/chkconfig/1.htm">chkconfig</a> <div>chkconfig --list 查看linux所有服务 chkconfig --add servicename 添加linux服务 netstat -apn | grep 8080 查看端口占用 env 查看所有环境变量 echo $JAVA_HOME 查看JAVA_HOME环境变量安装编译器 yum install -y gcc</div> </li> <li><a href="/article/1633.htm" title="【Hadoop一】Hadoop伪集群环境搭建" target="_blank">【Hadoop一】Hadoop伪集群环境搭建</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a> <div> 结合网上多份文档，不断反复的修正hadoop启动和运行过程中出现的问题，终于把Hadoop2.5.2伪分布式安装起来，跑通了wordcount例子。Hadoop的安装复杂性的体现之一是，Hadoop的安装文档非常多，但是能一个文档走下来的少之又少，尤其是Hadoop不同版本的配置差异非常的大。Hadoop2.5.2于前两天发布，但是它的配置跟2.5.0，2.5.1没有分别。 &nb</div> </li> <li><a href="/article/1760.htm" title="Anychart图表系列五之事件监听" target="_blank">Anychart图表系列五之事件监听</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/chart/1.htm">chart</a> <div>创建图表事件监听非常简单：首先是通过addEventListener('监听类型',js监听方法)添加事件监听，然后在js监听方法中定义具体监听逻辑。以钻取操作为例，当用户点击图表某一个point的时候弹出point的name和value，代码如下： <script> //创建AnyChart var chart = new AnyChart(); //添加钻取操作&quo</div> </li> <li><a href="/article/1887.htm" title="Web前端相关段子" target="_blank">Web前端相关段子</a> <span class="text-muted">braveCS</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a> <div>Web标准：结构、样式和行为分离使用语义化标签 0）标签的语义：使用有良好语义的标签，能够很好地实现自我解释，方便搜索引擎理解网页结构，抓取重要内容。去样式后也会根据浏览器的默认样式很好的组织网页内容，具有很好的可读性，从而实现对特殊终端的兼容。 1）div和span是没有语义的：只是分别用作块级元素和行内元素的区域分隔符。当页面内标签无法满足设计需求时，才会适当添加div</div> </li> <li><a href="/article/2014.htm" title="编程之美-24点游戏" target="_blank">编程之美-24点游戏</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a> <div> import java.util.ArrayList; import java.util.Arrays; import java.util.HashSet; import java.util.List; import java.util.Random; import java.util.Set; public class PointGame { /**编程之美 </div> </li> <li><a href="/article/2141.htm" title="主页面子页面传值总结" target="_blank">主页面子页面传值总结</a> <span class="text-muted">chengxuyuancsdn</span> <a class="tag" taget="_blank" href="/search/%E6%80%BB%E7%BB%93/1.htm">总结</a> <div>1、showModalDialog returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口时,用于返回窗口的值主界面 var sonValue=window.showModalDialog("son.jsp"); 子界面 window.retu</div> </li> <li><a href="/article/2268.htm" title="[网络与经济]互联网+的含义" target="_blank">[网络与经济]互联网+的含义</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E4%BA%92%E8%81%94%E7%BD%91%2B/1.htm">互联网+</a> <div> 互联网+后面是一个人的名字 = 网络控制系统互联网+你的名字 = 网络个人数据库每日提示:如果人觉得不舒服,千万不要外出到处走动,就呆在床上,玩玩手游,更不能够去开车,现在交通状况不</div> </li> <li><a href="/article/2395.htm" title="oracle 创建视图 with check option" target="_blank">oracle 创建视图 with check option</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/%E8%A7%86%E5%9B%BE/1.htm">视图</a><a class="tag" taget="_blank" href="/search/view/1.htm">view</a><a class="tag" taget="_blank" href="/search/oralce/1.htm">oralce</a> <div>我们来看下面的例子： create or replace view testview as select empno,ename from emp where ename like ‘M%’ with check option; 这里我们创建了一个视图，并使用了with check option来限制了视图。然后我们来看一下视图包含的结果： select * from testv</div> </li> <li><a href="/article/2522.htm" title="ToastPlugin插件在cordova3.3下使用" target="_blank">ToastPlugin插件在cordova3.3下使用</a> <span class="text-muted">dibov</span> <a class="tag" taget="_blank" href="/search/Cordova/1.htm">Cordova</a> <div> 自己开发的Todos应用，想实现“ 再按一次返回键退出程序 ”的功能，采用网上的ToastPlugins插件，发现代码或文章基本都是老版本，运行问题比较多。折腾了好久才弄好。下面吧基于cordova3.3下的ToastPlugins相关代码共享。 ToastPlugin.java package&nbs</div> </li> <li><a href="/article/2649.htm" title="C语言22个系统函数" target="_blank">C语言22个系统函数</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/function/1.htm">function</a> <div>C语言系统函数一、数学函数下列函数存放在math.h头文件中Double floor(double num) 求出不大于num的最大数。Double fmod(x, y) 求整数x/y的余数。Double frexp(num, exp); double num; int *exp; 将num分为数字部分（尾数）x和以2位的指数部分n，即num=x*2n，指数n存放在exp指向的变量中，返回x。D</div> </li> <li><a href="/article/2776.htm" title="开发一个类的流程" target="_blank">开发一个类的流程</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91/1.htm">开发</a> <div>本人近日根据自己的开发经验总结了一个类的开发流程。这个流程适用于单独开发的构件，并不适用于对一个项目中的系统对象开发。开发出的类可以存入私人类库，供以后复用。以下是开发流程： 1. 明确类的功能，抽象出类的大概结构 2. 初步设想类的接口 3. 类名设计（驼峰式命名） 4. 属性设置(权限设置) 判断某些变量是否有必要作为成员属</div> </li> <li><a href="/article/2903.htm" title="java 并发" target="_blank">java 并发</a> <span class="text-muted">shuizhaosi888</span> <a class="tag" taget="_blank" href="/search/java+%E5%B9%B6%E5%8F%91/1.htm">java 并发</a> <div>能够写出高伸缩性的并发是一门艺术在JAVA SE5中新增了3个包 java.util.concurrent java.util.concurrent.atomic java.util.concurrent.locks 在java的内存模型中，类的实例字段、静态字段和构成数组的对象元素都会被多个线程所共享，局部变量与方法参数都是线程私有的，不会被共享。 </div> </li> <li><a href="/article/3030.htm" title="Spring Security（11）——匿名认证" target="_blank">Spring Security（11）——匿名认证</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a><a class="tag" taget="_blank" href="/search/ROLE_ANNOYMOUS/1.htm">ROLE_ANNOYMOUS</a><a class="tag" taget="_blank" href="/search/%E5%8C%BF%E5%90%8D/1.htm">匿名</a> <div>匿名认证目录 1.1 配置 1.2 AuthenticationTrustResolver 对于匿名访问的用户，Spring Security支持为其建立一个匿名的AnonymousAuthenticat</div> </li> <li><a href="/article/3157.htm" title="NODEJS项目实践0.2[ express,ajax通信...]" target="_blank">NODEJS项目实践0.2[ express,ajax通信...]</a> <span class="text-muted">逐行分析JS源代码</span> <a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a><a class="tag" taget="_blank" href="/search/express/1.htm">express</a> <div> 一、前言通过上节学习，我们已经 ubuntu系统搭建了一个可以访问的nodejs系统，并做了nginx转发。本节原要做web端服务及 mongodb的存取，但写着写着，web端就</div> </li> <li><a href="/article/3284.htm" title="在Struts2 的Action中怎样获取表单提交上来的多个checkbox的值" target="_blank">在Struts2 的Action中怎样获取表单提交上来的多个checkbox的值</a> <span class="text-muted">lhbthanks</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a><a class="tag" taget="_blank" href="/search/checkbox/1.htm">checkbox</a> <div>第一种方法：获取结果String类型在 Action 中获得的是一个 String 型数据，每一个被选中的 checkbox 的 value 被拼接在一起，每个值之间以逗号隔开(,)。所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。以下是实现的代码：前台 HTML 代码： </div> </li> <li><a href="/article/3411.htm" title="003.Kafka基本概念" target="_blank">003.Kafka基本概念</a> <span class="text-muted">nweiren</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a> <div>Kafka基本概念：Topic、Partition、Message、Producer、Broker、Consumer。 Topic：消息源（Message）的分类。 Partition： Topic物理上的分组，一</div> </li> <li><a href="/article/3538.htm" title="Linux环境下安装JDK" target="_blank">Linux环境下安装JDK</a> <span class="text-muted">roadrunners</span> <a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>1、准备工作创建JDK的安装目录： mkdir -p /usr/java/ 下载JDK，找到适合自己系统的JDK版本进行下载： http://www.oracle.com/technetwork/java/javase/downloads/index.html 把JDK安装包下载到/usr/java/目录，然后进行解压： tar -zxvf jre-7</div> </li> <li><a href="/article/3665.htm" title="Linux忘记root密码的解决思路" target="_blank">Linux忘记root密码的解决思路</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>1：使用同版本的linux启动系统，chroot到忘记密码的根分区passwd改密码　　2：grub启动菜单中加入init=/bin/bash进入系统，不过这时挂载的是只读分区。根据系统的分区情况进一步判断. 　　3: grub启动菜单中加入 single以单用户进入系统. 　　4:用以上方法mount到根分区把/etc/passwd中的root密码去除　　例如: 　　ro</div> </li> <li><a href="/article/3792.htm" title="跨浏览器 HTML5 postMessage 方法以及 message 事件模拟实现" target="_blank">跨浏览器 HTML5 postMessage 方法以及 message 事件模拟实现</a> <span class="text-muted">xueyou</span> <a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>postMessage 是 HTML5 新方法，它可以实现跨域窗口之间通讯。到目前为止，只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持，而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。postMessage 方法 JSONP 技术不一样，前者是前端擅长跨域文档数据即时通讯，后者擅长针对跨域服务端数据通讯，p</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>

小程序常用组件－视图容器

共同属性

容器组件

1. view组件

2. scroll-view 组件

1. `view`组件

2. `scroll-view` 组件