obf13
在React中使用Iframe和PostMessage.

这段时间的一个项目途中使用了这个，后来因为安卓端要共用，就换成GET传了，再通过解析URL获取参数。
虽然这次没用到，但是还是要总结一下。
过程中一直报错，原因就是Iframe没有加载完，就调用了PostMessage这个方法。
let iFrame = this.props.location.state.taskId?(
	
):'loading'
</code></pre> 
  <p>主要就是给Iframe加了个监听load的方法，当加载完后再执行。</p> 
  <pre><code>componentDidMount() {
	let data = {
		taskId: '11'
	}; //需要传的参数，此处假装要传一个taskId过去
	let childFrame = document.getElementById("childFrame");
	childFrame.addEventListener("load", function() {
		childFrame.contentWindow.postMessage(data, "http://localhost:8085");
	}, false)
}
</code></pre> 
  <p>之后另一个页面这样接收就可以啦。</p> 
  <pre><code>window.addEventListener("message", receiveMessage, false);
function receiveMessage(event) {
	let origin = event.origin
	if (origin !== "http://localhost:8085")
		return;
	// 事务处理代码
}

</code></pre> 
  <p>具体写法可参考：<br> https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage</p> 
  <p>欢迎大家讨论交流！</p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1296709943264616448"></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">你可能感兴趣的:(React,JS)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1901021180979113984.htm"
                           title="N个utils(处理日期)" target="_blank">N个utils(处理日期)</a>
                        <span class="text-muted">庖丁解java</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                        <div>解释一下为什么会在java学习教程中放js的代码.1,最直接的肯定是我有时候会写js,而一些经典的逻辑,又不想新开前端文章,索性就放一起.2,java的面向对象太完善了,这也是我写文章的原因,导致写java代码很难学习到面向过程的编程思想,正好,原生js的代码,很大程度上写起来用的思维方式,很雷同面向过程的思考方式.算个补全,对写java代码,理解java代码,大有裨益.(这不是作者胡乱找补,写j</div>
                    </li>
                    <li><a href="/article/1901017397758849024.htm"
                           title="【HarmonyOS NEXT 】应用开发：使用@ohos.net.webSocket发送webSocket" target="_blank">【HarmonyOS NEXT 】应用开发：使用@ohos.net.webSocket发送webSocket</a>
                        <span class="text-muted">纳米小川</span>
<a class="tag" taget="_blank" href="/search/HarmonyOS/1.htm">HarmonyOS</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a>
                        <div>@ohos.net.webSocket模块可以建立WebSocket连接，实现与服务器之间的实时双向通信。WebSocket提供了一种低延迟的通信方式，非常适合实时应用，如聊天应用、在线游戏等。下面是使用@ohos.net.webSocket模块建立WebSocket连接的步骤：1、添加权限确保在config.json文件中添加了网络访问权限：{"name":"com.example.myappl</div>
                    </li>
                    <li><a href="/article/1901008951755993088.htm"
                           title="AMIS低代码构建系统，定制界面" target="_blank">AMIS低代码构建系统，定制界面</a>
                        <span class="text-muted">一醉千秋</span>
<a class="tag" taget="_blank" href="/search/Cesium/1.htm">Cesium</a><a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a><a class="tag" taget="_blank" href="/search/arm64/1.htm">arm64</a><a class="tag" taget="_blank" href="/search/%E4%BD%8E%E4%BB%A3%E7%A0%81/1.htm">低代码</a>
                        <div>AMIS低代码构建系统界面一、基础环境1）设计环境：amis-editor，http://139.196.235.123:9988/#/源码地址：https://github.com/baidu/amis在线文档https://aisuda.bce.baidu.com/amis/2）运行环境使用amisjssdk进行运行二、构建流程1）设计需要的界面，针对控件设计Event方法，支持amis原生和</div>
                    </li>
                    <li><a href="/article/1900998232314540032.htm"
                           title="基于Asp.net的汽车租赁管理系统" target="_blank">基于Asp.net的汽车租赁管理系统</a>
                        <span class="text-muted">计算机学姐</span>
<a class="tag" taget="_blank" href="/search/Asp%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">Asp精选实战项目源码</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/%E6%B1%BD%E8%BD%A6/1.htm">汽车</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/sqlserver/1.htm">sqlserver</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a>
                        <div>作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项目源码、Python精选实战项目源码、大数据精选实战项目源码系统展示【2025最新】基于Asp.net的汽车租赁管理系统开发</div>
                    </li>
                    <li><a href="/article/1900994826984288256.htm"
                           title="uni-app移动端应用开发底部安全区域适配" target="_blank">uni-app移动端应用开发底部安全区域适配</a>
                        <span class="text-muted">向凡而生</span>
<a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>针对IOS机型，底部安全区域是系统动态计算的，所以我们也需要动态获取底部安全区域来适配在uniapp的manifest.json，打开源码视图，对需要适配的页面添加如下配置"styles":{"safeArea":{"bottom":"auto"}}如果使用CSS。一种常见的方法是使用padding-bottom或margin-bottom属性，并使用vh-unit单位来确保底部安全距离不受屏幕尺</div>
                    </li>
                    <li><a href="/article/1900993189330874368.htm"
                           title="Angular 16 Standalone 项目创建指南" target="_blank">Angular 16 Standalone 项目创建指南</a>
                        <span class="text-muted">t0_54program</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3%E6%89%8B%E5%86%8C/1.htm">编程问题解决手册</a><a class="tag" taget="_blank" href="/search/angular.js/1.htm">angular.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><a class="tag" taget="_blank" href="/search/%E4%B8%AA%E4%BA%BA%E5%BC%80%E5%8F%91/1.htm">个人开发</a>
                        <div>在前端开发领域，Angular一直是一个强有力的框架，尤其是在处理复杂的单页应用时。随着Angular16的发布，引入了Standalone组件的概念，这为开发者提供了一种新的方式来组织和管理组件。今天，我将详细介绍如何从头开始创建一个基于Angular16的Standalone项目，并解决一些常见的问题。环境准备首先，确保你的开发环境已安装Node.js和npm（NodePackageManag</div>
                    </li>
                    <li><a href="/article/1900986757671874560.htm"
                           title="nodeJs获取某个文件夹下的所有文件信息" target="_blank">nodeJs获取某个文件夹下的所有文件信息</a>
                        <span class="text-muted">努力的白熊</span>
<a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
                        <div>constfs=require('fs');constpath=require('path');functiongetAllFilesInfo(dirPath){constitemsInfo=[];functiontraverseDirectory(currentPath){constitems=fs.readdirSync(currentPath);for(constitemofitems){c</div>
                    </li>
                    <li><a href="/article/1900986758183579648.htm"
                           title="发布支持TS的npm包" target="_blank">发布支持TS的npm包</a>
                        <span class="text-muted">努力的白熊</span>
<a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E5%BF%85%E5%A4%87%E6%8A%80%E6%9C%AF/1.htm">项目必备技术</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a>
                        <div>你现在有这么一个包，已经将他发布在npm上了，周下载量也还比较可观。美中不足的就是，这个包之前使用js写的，现在你想增加TS类型，提升用户使用体验，那么你现在可以做以下几个步骤1.在你的包的根目录下创建一个类型定义文件(.d.ts文件)。例如，index.d.ts。在这个文件中，你需要声明所有导出的类型和函数。//index.d.ts//这里需要注意'your-package-name'需要和你p</div>
                    </li>
                    <li><a href="/article/1900981962642878464.htm"
                           title="vue中如何动态的增减组件的类名（class）" target="_blank">vue中如何动态的增减组件的类名（class）</a>
                        <span class="text-muted">上趣工作室</span>
<a class="tag" taget="_blank" href="/search/vue2.x/1.htm">vue2.x</a><a class="tag" taget="_blank" href="/search/vue3.x/1.htm">vue3.x</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>在Vue.js2中，你可以通过计算属性或直接在模板中使用v-bind:class来动态地改变组件的类名。下面是一个简单的示例，说明如何在某个条件被复核后为组件添加一个selected类（此处为组件添加一个默认的类（例如radio）以及根据某个条件来添加selected类，你可以在绑定类的时候使用数组语法，以便同时添加多个类）示例代码切换条件我是一个可选择的组件exportdefault{data(</div>
                    </li>
                    <li><a href="/article/1900981836310441984.htm"
                           title="nvm日常使用中常用命令总结" target="_blank">nvm日常使用中常用命令总结</a>
                        <span class="text-muted">上趣工作室</span>
<a class="tag" taget="_blank" href="/search/vue2.x/1.htm">vue2.x</a><a class="tag" taget="_blank" href="/search/vue3.x/1.htm">vue3.x</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>日常开发vue项目中，不同的项目我们可能需要安装不同的node版本，但是为了方便切换node，我们一般会安装一个名称为nvm的工具，这里总结一下，nvm常用的命令：1、为了查看可用的Node.js版本，你可以使用以下命令，这个命令会列出所有可以安装的Node.js版本。：nvmlistavailable如果你想查看特定版本，可以使用grep进行过滤，例如：nvmlistavailable|grep</div>
                    </li>
                    <li><a href="/article/1900954354911866880.htm"
                           title="uniapp中生成视频的第一帧图片" target="_blank">uniapp中生成视频的第一帧图片</a>
                        <span class="text-muted">进阶的巨人001</span>
<a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/1.htm">音视频</a><a class="tag" taget="_blank" href="/search/mp4/1.htm">mp4</a><a class="tag" taget="_blank" href="/search/%E7%AC%AC%E4%B8%80%E5%B8%A7/1.htm">第一帧</a><a class="tag" taget="_blank" href="/search/%E5%B0%81%E9%9D%A2/1.htm">封面</a>
                        <div>需求页面显示这个视频，封面要求是视频里面的内容，然后点击出现弹窗，视频在弹窗里面播放constvideo_url='.mp4'一.最好用的办法是，直接用背景图二.就是用renderjs了(因为app没有dom)，通过创建video标签，然后通过canvas绘制图片的方式设置链接-->设置链接exportdefault{data(){return{vsrc:{},//用于renderjs通信imgS</div>
                    </li>
                    <li><a href="/article/1900951578597191680.htm"
                           title="如何编写vscode的配置文件c_cpp_properties.json" target="_blank">如何编写vscode的配置文件c_cpp_properties.json</a>
                        <span class="text-muted">小秋slam实战</span>
<a class="tag" taget="_blank" href="/search/%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E5%AD%A6SLAM/1.htm">从零开始学SLAM</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a>
                        <div>文章目录配置`c_cpp_properties.json`文件改变VScode中空格长度VSCode中C/C++无法跳转到定义c_cpp_properties.json安装插件配置c_cpp_properties.json文件假设你已经安装了GCC和G++编译器，{"configurations":[{"name":"Linux","includePath":</div>
                    </li>
                    <li><a href="/article/1900950570852741120.htm"
                           title="ThreeJs中使用lil-gui无法改变其所属父元素" target="_blank">ThreeJs中使用lil-gui无法改变其所属父元素</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/3d/1.htm">3d</a>
                        <div>项目场景：之前一直在研究Threejs，遇到一个很头疼的问题！就是我自己使用了Vite+V3创建了一个项目框架，用来记录自己学习Three的一个过程，但是里面就存在了一个问题，我们在newGUI()后不能改变其父级元素，就像默认父级元素在body上一样问题描述GUI父级元素无法被改变letgui=newGUI()原因分析：正好这段时间有空，本主就疯狂去找了lil-gui的官方文档，还好作者是个好人</div>
                    </li>
                    <li><a href="/article/1900940483903942656.htm"
                           title="JS实现省份地级市的选择" target="_blank">JS实现省份地级市的选择</a>
                        <span class="text-muted">星星不打輰</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>JS实现省份地级市的选择效果展示：代码实现多级联动functionchangeCity(obj){//获取这个省份的idvarpid=obj.value;console.log(pid);//获取市信息(pid);varcityData=getArea(pid);console.log(cityData);varcity=document.getElementById("area");//清空市信</div>
                    </li>
                    <li><a href="/article/1900921065673125888.htm"
                           title="Three.js 阴影 (Shadow) 知识点整理" target="_blank">Three.js 阴影 (Shadow) 知识点整理</a>
                        <span class="text-muted">泫凝</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/three.js/1.htm">three.js</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>阴影主要由castShadow和receiveShadow控制，并通过不同类型的光源(DirectionalLight、SpotLight、PointLight)生成。我们将系统地整理与阴影相关的知识点。1️⃣基础概念castShadow：物体是否投射阴影。receiveShadow️：物体是否接收阴影。renderer.shadowMap.enabled=true✅：全局开启阴影渲染。rende</div>
                    </li>
                    <li><a href="/article/1900920812576239616.htm"
                           title="JavawebJavaServer Pages Standard Tag Library知识点" target="_blank">JavawebJavaServer Pages Standard Tag Library知识点</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/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>JavaWeb开发中，JSTL（JavaServerPagesStandardTagLibrary）、EL（ExpressionLanguage）、Cookie和Session是非常重要的组件。以下是这些知识点的总结：1.JSTL标签库JSTL是JavaServerPages的一种标准标签库，旨在简化JSP页面的开发。它通过提供预定义的标签，来实现常见任务，如条件判断、循环处理、国际化等。使用标签</div>
                    </li>
                    <li><a href="/article/1900906442500665344.htm"
                           title="JavaScript性能优化实战：从8s到0.8s的极致提升" target="_blank">JavaScript性能优化实战：从8s到0.8s的极致提升</a>
                        <span class="text-muted">小诸葛IT课堂</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>‌摘要‌：页面卡顿、内存泄漏、CPU爆满？本文通过‌6个真实场景‌+‌可运行代码示例‌，手把手教你掌握JS性能优化核心技术！涵盖‌防抖节流、虚拟滚动、WebWorkers、内存泄漏排查‌等高频痛点解决方案，最后提供Chrome性能分析工具实战指南，助你打造丝滑的Web应用！一、性能优化核心指标（先量化再优化）1.1关键性能指标‌FPS‌：帧率≥60为合格（开发者工具Performance面板）‌内</div>
                    </li>
                    <li><a href="/article/1900889426645544960.htm"
                           title="WebSocket JAVA客户端和服务端 传送文件DEMO" target="_blank">WebSocket JAVA客户端和服务端 传送文件DEMO</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/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a>
                        <div>Server端WebSocketServer.java用于启动Server服务importcn.hutool.core.bean.BeanUtil;importcn.hutool.json.JSONUtil;importorg.slf4j.Logger;importorg.slf4j.LoggerFactory;importorg.springframework.stereotype.Compon</div>
                    </li>
                    <li><a href="/article/1900889427505377280.htm"
                           title="uniCloud 外部系统联登 注册功能 C# 完整示例" target="_blank">uniCloud 外部系统联登 注册功能 C# 完整示例</a>
                        <span class="text-muted">易天法地</span>
<a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</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/uniapp/1.htm">uniapp</a><a class="tag" taget="_blank" href="/search/unicloud/1.htm">unicloud</a>
                        <div>APP端this.$http.post(`/uniCloudRegister`,{clientInfo:JSON.stringify(uni.getSystemInfoSync())}).then(res=>{uni.stopPullDownRefresh()uni.hideNavigationBarLoading()console.info(res)}).catch(err=>{console.</div>
                    </li>
                    <li><a href="/article/1900864710371241984.htm"
                           title="Php关于切换版本" target="_blank">Php关于切换版本</a>
                        <span class="text-muted">道系女孩~</span>
<a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                        <div>composer.json文件中"config":{"optimize-autoloader":true,"preferred-install":"dist","sort-packages":true,"secure-http":false,"allow-plugins":{"pestphp/pest-plugin":true},"platform-check":false},中添加"platfo</div>
                    </li>
                    <li><a href="/article/1900864456938811392.htm"
                           title="LLM之Colossal-LLaMA-2：源码解读(init_tokenizer.py文件)实现基于源词表的扩展、(init_model.py文件)实现过计算均值扩展模型、(prepare_pretr" target="_blank">LLM之Colossal-LLaMA-2：源码解读(init_tokenizer.py文件)实现基于源词表的扩展、(init_model.py文件)实现过计算均值扩展模型、(prepare_pretr</a>
                        <span class="text-muted">一个处女座的程序猿</span>
<a class="tag" taget="_blank" href="/search/CaseCode/1.htm">CaseCode</a><a class="tag" taget="_blank" href="/search/NLP%2FLLMs/1.htm">NLP/LLMs</a><a class="tag" taget="_blank" href="/search/%E7%B2%BE%E9%80%89%28%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%29-%E4%B8%AD%E7%BA%A7/1.htm">精选(人工智能)-中级</a><a class="tag" taget="_blank" href="/search/Colossal/1.htm">Colossal</a><a class="tag" taget="_blank" href="/search/LLaMA-2/1.htm">LLaMA-2</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86/1.htm">自然语言处理</a>
                        <div>LLM之Colossal-LLaMA-2：源码解读(init_tokenizer.py文件)实现基于jsonl文件中读取新词列表(新中文词汇)→for循环去重实现词表的扩展(中文标记的新词汇)→保存新的分词模型、(init_model.py文件)实现过计算均值来扩展模型的嵌入层以适应新的词汇表，然后保存扩展后的模型、(prepare_pretrain_dataset.py文件)将原始数据集进行处理</div>
                    </li>
                    <li><a href="/article/1900858782066470912.htm"
                           title="从底层到实践：深度解析 Vue Composition API 与 React Hooks 的异同" target="_blank">从底层到实践：深度解析 Vue Composition API 与 React Hooks 的异同</a>
                        <span class="text-muted"></span>

                        <div>一、设计哲学与底层原理差异1.1响应式系统的基因差异Vue3的CompositionAPI建立在Proxy-based响应式系统之上，通过劫持对象的getter/setter实现依赖收集。当访问响应式对象时，Vue会自动建立组件与数据的依赖关系。//Vue响应式原理简版实现functionreactive(obj){returnnewProxy(obj,{get(target,key){track</div>
                    </li>
                    <li><a href="/article/1900855002570747904.htm"
                           title="flutter 跑马灯+渐变透明度背景" target="_blank">flutter 跑马灯+渐变透明度背景</a>
                        <span class="text-muted">烟花下的孤独</span>
<a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a><a class="tag" taget="_blank" href="/search/dart/1.htm">dart</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a>
                        <div>之前也是记录了很多小组件的实现，这次把所有代码都给放到这里吧这是效果：数据（后台数据，不过我这是没的，不要在意这些小细节，忽略吧）Http().post(url,pathParams:params,data:params,success:(json){studyModel=FindStudyModel.fromJson(json);},errorCallback:(error){print('er</div>
                    </li>
                    <li><a href="/article/1900851727184228352.htm"
                           title="springMvc36-JavaEE-JSP基础-EL表达式和JSTL标签库(Taglibs)" target="_blank">springMvc36-JavaEE-JSP基础-EL表达式和JSTL标签库(Taglibs)</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-ee/1.htm">java-ee</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a>
                        <div>EL表达式和JSTL标签库:在JSP页面代替java代码,便于编写一.EL表达式作用:${}简化脚本表达式j2ee1.4以前版本需指定j2ee1.4以后版本默认支持EL表达式1.EL内置对象EL内置11个对象,不需定义可直接使用pageScope获取page域属性组成的MaprequestScope获取reqeust域属性组成的MapsessionScope获取session域属性组成的Mapap</div>
                    </li>
                    <li><a href="/article/1900851726718660608.htm"
                           title="javaEE---JSTL代码示例" target="_blank">javaEE---JSTL代码示例</a>
                        <span class="text-muted">司天宏</span>

                        <div>2.jspusers=newArrayList();Useruser1=newUser(1,"令狐冲","男");Useruser2=newUser(2,"岳不群","男");Useruser3=newUser(3,"岳灵珊","女");Useruser4=newUser(4,"左冷禅","男");Useruser5=newUser(5,"东风不败","女");users.add(user1);u</div>
                    </li>
                    <li><a href="/article/1900851095291359232.htm"
                           title="13、JavaEE核心技术 - Servlet与JSP" target="_blank">13、JavaEE核心技术 - Servlet与JSP</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-ee/1.htm">java-ee</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a>
                        <div>二、JavaEE核心技术-Servlet与JSP一、ServletServlet（服务器端小程序）是JavaEE中用于处理HTTP请求的核心组件。它是一个Java类，运行在Web服务器上，负责接收和响应HTTP请求。1.Servlet的生命周期Servlet的生命周期由以下几个阶段组成：初始化阶段（Initialization）：触发：当Servlet容器（如Tomcat）启动时，或者当第一次请求</div>
                    </li>
                    <li><a href="/article/1900850336571125760.htm"
                           title="VsCode运行Ts文件" target="_blank">VsCode运行Ts文件</a>
                        <span class="text-muted">26:28</span>
<a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a>
                        <div>1.生成package.json文件npminit2.生成tsconfig.json文件tsc--init3.Vscode运行ts文件在ts文件点击右键执行RunCode,执行ts文件</div>
                    </li>
                    <li><a href="/article/1900849329283854336.htm"
                           title="flutter 专题 七十九 Flutter使用JsBridge方式处理Webview与H5通信" target="_blank">flutter 专题 七十九 Flutter使用JsBridge方式处理Webview与H5通信</a>
                        <span class="text-muted">leluckys</span>
<a class="tag" taget="_blank" href="/search/Flutter%E9%9D%A2%E8%AF%95%E4%B8%8E%E5%AE%9E%E6%88%98/1.htm">Flutter面试与实战</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a>
                        <div>目前，移动跨平台开发作为移动开发的重要组成部分，是移动开发者必须掌握的技能，也是自我提升的重要手段。作为Google推出的跨平台技术方案，Flutter具有诸多的优势，已经或正在被广大开发者应用在移动应用开发中。在过去的2019年，我看到越来越多的公司和个人开始使用Flutter来开发跨平台应用，对于移动应用开发来说，Flutter能够满足几乎所有的业务开发需求，所以，学习Flutter正当时。众</div>
                    </li>
                    <li><a href="/article/1900848696988332032.htm"
                           title="java零到一：Servlet和JSP-12： jstl和el表达式注意以及servlet的mvc模式" target="_blank">java零到一：Servlet和JSP-12： jstl和el表达式注意以及servlet的mvc模式</a>
                        <span class="text-muted">慕容屠苏</span>
<a class="tag" taget="_blank" href="/search/java%E5%9F%BA%E7%A1%80%E9%9B%B6%E5%88%B0%E4%B8%80/1.htm">java基础零到一</a>
                        <div>1、在javaee5.0及以上版本当中，如果要使用jstl和el表达式，应该注意的问题:1)常识javaee1.4---->servlet2.4(tomcat5.5)javaee5.0---->servlet2.5(tomcat6.0)sun公司在发布javaee5.0时，已经将jstl对应的jar文件合并到javaee5.0当中了，所以，不必拷贝2)解决方式:方式一:建议使用tomcat6.0及</div>
                    </li>
                    <li><a href="/article/1900847056281464832.htm"
                           title="JavaEE基础八之EL与JSTL相关知识(过时不谈)" target="_blank">JavaEE基础八之EL与JSTL相关知识(过时不谈)</a>
                        <span class="text-muted">ZHWVICDI</span>
<a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/EE/1.htm">EE</a><a class="tag" taget="_blank" href="/search/JavaEE/1.htm">JavaEE</a><a class="tag" taget="_blank" href="/search/EL%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">EL表达式</a><a class="tag" taget="_blank" href="/search/JSTL/1.htm">JSTL</a>
                        <div>EL功能动态输出内容替代JSP中的表达式元素简化jsp主要就是取值一般格式${EL表达式}内置对象牢记！！因为其他也是差不多param/paramValues方便输出请求参数pageScope/requestScopre/sessionScope/applicationScope输出各范围的属性header/headerValues与请求头相关cookie/initParampageContext</div>
                    </li>
                                <li><a href="/article/89.htm"
                                       title="java责任链模式" target="_blank">java责任链模式</a>
                                    <span class="text-muted">3213213333332132</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%B4%A3%E4%BB%BB%E9%93%BE%E6%A8%A1%E5%BC%8F/1.htm">责任链模式</a><a class="tag" taget="_blank" href="/search/%E6%9D%91%E6%B0%91%E5%91%8A%E5%8E%BF%E9%95%BF/1.htm">村民告县长</a>
                                    <div>责任链模式，通常就是一个请求从最低级开始往上层层的请求，当在某一层满足条件时，请求将被处理，当请求到最高层仍未满足时，则请求不会被处理。 
 
就是一个请求在这个链条的责任范围内，会被相应的处理，如果超出链条的责任范围外，请求不会被相应的处理。 
 
下面代码模拟这样的效果： 
创建一个政府抽象类,方便所有的具体政府部门继承它。 
 

package 责任链模式;

/**
 * 
 </div>
                                </li>
                                <li><a href="/article/216.htm"
                                       title="linux、mysql、nginx、tomcat 性能参数优化" target="_blank">linux、mysql、nginx、tomcat 性能参数优化</a>
                                    <span class="text-muted">ronin47</span>

                                    <div>一、linux 系统内核参数 
 
  /etc/sysctl.conf文件常用参数     net.core.netdev_max_backlog = 32768 #允许送到队列的数据包的最大数目
net.core.rmem_max  = 8388608        #SOCKET读缓存区大小
net.core.wmem_max  = 8388608        #SOCKET写缓存区大</div>
                                </li>
                                <li><a href="/article/343.htm"
                                       title="php命令行界面" target="_blank">php命令行界面</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/cli/1.htm">cli</a>
                                    <div>常用选项
php -v
php -i PHP安装的有关信息
php -h 访问帮助文件
php -m 列出编译到当前PHP安装的所有模块

执行一段代码
php -r 'echo &quot;hello, world!&quot;;'
php -r 'echo &quot;Hello, World!\n&quot;;'
php -r '$ts = filemtime(&quot;</div>
                                </li>
                                <li><a href="/article/470.htm"
                                       title="Filter&Session" target="_blank">Filter&Session</a>
                                    <span class="text-muted">171815164</span>
<a class="tag" taget="_blank" href="/search/session/1.htm">session</a>
                                    <div>Filter 
 
 

HttpServletRequest requ = (HttpServletRequest) req;
HttpSession session = requ.getSession();
if (session.getAttribute(&quot;admin&quot;) == null) {
           PrintWriter out = res.ge</div>
                                </li>
                                <li><a href="/article/597.htm"
                                       title="连接池与Spring,Hibernate结合" target="_blank">连接池与Spring,Hibernate结合</a>
                                    <span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a>
                                    <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 前几篇关于Java连接池的介绍都是基于Java应用的，而我们常用的场景是与Spring和ORM框架结合，下面就利用实例学习一下这方面的配置。 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1.下载相关内容：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb</div>
                                </li>
                                <li><a href="/article/724.htm"
                                       title="[简单]mybatis判断数字类型" target="_blank">[简单]mybatis判断数字类型</a>
                                    <span class="text-muted">53873039oycg</span>
<a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a>
                                    <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 昨天同事反馈mybatis保存不了int类型的属性,一直报错，错误信息如下: 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
Caused by: java.lang.NumberFormatException: For input string: &quot;null&quot;
	at sun.mis</div>
                                </li>
                                <li><a href="/article/851.htm"
                                       title="项目启动时或者启动后ava.lang.OutOfMemoryError: PermGen space" target="_blank">项目启动时或者启动后ava.lang.OutOfMemoryError: PermGen space</a>
                                    <span class="text-muted">程序员是怎么炼成的</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/catalina.sh/1.htm">catalina.sh</a><a class="tag" taget="_blank" href="/search/eclipse.ini/1.htm">eclipse.ini</a>
                                    <div>&nbsp;&nbsp; 在启动比较大的项目时，因为存在大量的jsp页面，所以在编译的时候会生成很多的.class文件，.class文件是都会被加载到jvm的方法区中，如果要加载的class文件很多，就会出现方法区溢出异常 java.lang.OutOfMemoryError: PermGen space. 
&nbsp;&nbsp;&nbsp; 
解决办法是点击eclipse里的tomcat，在</div>
                                </li>
                                <li><a href="/article/978.htm"
                                       title="我的crm小结" target="_blank">我的crm小结</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/crm/1.htm">crm</a>
                                    <div>各种原因吧，crm今天才完了。主要是接触了几个新技术： 
Struts2、poi、ibatis这几个都是以前的项目中用过的。 
Jsf、tapestry是这次新接触的，都是界面层的框架，用起来也不难。思路和struts不太一样，传说比较简单方便。不过个人感觉还是struts用着顺手啊，当然springmvc也很顺手，不知道是因为习惯还是什么。jsf和tapestry应用的时候需要知道他们的标签、主</div>
                                </li>
                                <li><a href="/article/1105.htm"
                                       title="spring里配置使用hibernate的二级缓存几步" target="_blank">spring里配置使用hibernate的二级缓存几步</a>
                                    <span class="text-muted">antonyup_2006</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a>
                                    <div>．在spring的配置文件中 applicationContent.xml，hibernate部分加入 
xml 代码 
 
&lt;prop key=&quot;hibernate.cache.provider_class&quot;&gt;org.hibernate.cache.EhCacheProvider&lt;/prop&gt;   
    &lt;prop key=&quot;hi</div>
                                </li>
                                <li><a href="/article/1232.htm"
                                       title="JAVA基础面试题" target="_blank">JAVA基础面试题</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/%E6%8A%BD%E8%B1%A1%E5%AE%9E%E7%8E%B0%E6%8E%A5%E5%8F%A3/1.htm">抽象实现接口</a><a class="tag" taget="_blank" href="/search/String%E7%B1%BB/1.htm">String类</a><a class="tag" taget="_blank" href="/search/%E6%8E%A5%E5%8F%A3%E7%BB%A7%E6%89%BF/1.htm">接口继承</a><a class="tag" taget="_blank" href="/search/%E6%8A%BD%E8%B1%A1%E7%B1%BB%E7%BB%A7%E6%89%BF%E5%AE%9E%E4%BD%93%E7%B1%BB/1.htm">抽象类继承实体类</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%BC%82%E5%B8%B8/1.htm">自定义异常</a>
                                    <div>/*&nbsp;&nbsp; * 栈（stack）：主要保存基本类型（或者叫内置类型）（char、byte、short、&nbsp;&nbsp; *int、long、 float、double、boolean）和对象的引用，数据可以共享，速度仅次于&nbsp;&nbsp; * 寄存器（register），快于堆。堆（heap）：用于存储对象。&nbsp;&nbsp; */&nbsp;&nbsp;&</div>
                                </li>
                                <li><a href="/article/1359.htm"
                                       title="让sqlmap文件 "继承" 起来" target="_blank">让sqlmap文件 "继承" 起来</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/ibatis/1.htm">ibatis</a><a class="tag" taget="_blank" href="/search/sqlmap/1.htm">sqlmap</a>
                                    <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 多个项目中使用ibatis , 和数据库表对应的 sqlmap文件（增删改查等基本语句)，dao, pojo 都是由工具自动生成的, 现在将这些自动生成的文件放在一个单独的工程中，其它项目工程中通过jar包来引用 ，并通过&quot;继承&quot;为基础的sqlmap文件，dao,pojo 添加新的方法来满足项</div>
                                </li>
                                <li><a href="/article/1486.htm"
                                       title="精通Oracle10编程SQL(13)开发触发器" target="_blank">精通Oracle10编程SQL(13)开发触发器</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a>
                                    <div>/*
 *开发触发器
 */
--得到日期是周几
select to_char(sysdate+4,'DY','nls_date_language=AMERICAN') from dual;

select to_char(sysdate,'DY','nls_date_language=AMERICAN') from dual;

--建立BEFORE语句触发器
CREATE O</div>
                                </li>
                                <li><a href="/article/1613.htm"
                                       title="【EhCache三】EhCache查询" target="_blank">【EhCache三】EhCache查询</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a>
                                    <div>本文介绍EhCache查询缓存中数据，EhCache提供了类似Hibernate的查询API，可以按照给定的条件进行查询。 
&nbsp; 
要对EhCache进行查询，需要在ehcache.xml中设定要查询的属性 
&nbsp; 数据准备 
    @Before
    public void setUp() {
        //加载EhCache配置文件
        Inpu</div>
                                </li>
                                <li><a href="/article/1740.htm"
                                       title="CXF框架入门实例" target="_blank">CXF框架入门实例</a>
                                    <span class="text-muted">白糖_</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/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a>
                                    <div>CXF是apache旗下的开源框架，由Celtix + XFire这两门经典的框架合成，是一套非常流行的web service框架。 
它提供了JAX-WS的全面支持，并且可以根据实际项目的需要，采用代码优先（Code First）或者 WSDL 优先（WSDL First）来轻松地实现 Web Services 的发布和使用，同时它能与spring进行完美结合。 
在apache cxf官网提供</div>
                                </li>
                                <li><a href="/article/1867.htm"
                                       title="angular.equals" target="_blank">angular.equals</a>
                                    <span class="text-muted">boyitech</span>
<a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a><a class="tag" taget="_blank" href="/search/AnguarJS+%E4%B8%AD%E6%96%87API/1.htm">AnguarJS 中文API</a><a class="tag" taget="_blank" href="/search/angular.equals/1.htm">angular.equals</a>
                                    <div>angular.equals 
&nbsp;  描述:  
  比较两个值或者两个对象是不是 相等。还支持值的类型，正则表达式和数组的比较。   &nbsp;   两个值或对象被认为是 相等的前提条件是以下的情况至少能满足一项：  
 
 
   
   
   两个值或者对象能通过===&nbsp;（恒等）&nbsp;的比较 
   两个值或者对象是同样类型，并且他们的属性都能通过angular</div>
                                </li>
                                <li><a href="/article/1994.htm"
                                       title="java-腾讯暑期实习生-输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A[0]*A[1]*...*A[i-1]*A[i+1]" target="_blank">java-腾讯暑期实习生-输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A[0]*A[1]*...*A[i-1]*A[i+1]</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>这道题的具体思路请参看 何海涛的微博：http://weibo.com/zhedahht 
 

import java.math.BigInteger;
import java.util.Arrays;

public class CreateBFromATencent {

	/**
	 * 题目：输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A</div>
                                </li>
                                <li><a href="/article/2121.htm"
                                       title="FastDFS 的安装和配置 修订版" target="_blank">FastDFS 的安装和配置 修订版</a>
                                    <span class="text-muted">Chen.H</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/fastDFS/1.htm">fastDFS</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F%E6%96%87%E4%BB%B6%E7%B3%BB%E7%BB%9F/1.htm">分布式文件系统</a>
                                    <div>FastDFS Home:http://code.google.com/p/fastdfs/ 
1. 安装 
http://code.google.com/p/fastdfs/wiki/Setup http://hi.baidu.com/leolance/blog/item/3c273327978ae55f93580703.html 
安装libevent (对libevent的版本要求为1.4.</div>
                                </li>
                                <li><a href="/article/2248.htm"
                                       title="[强人工智能]拓扑扫描与自适应构造器" target="_blank">[强人工智能]拓扑扫描与自适应构造器</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
                                    <div> 
 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 当我们面对一个有限拓扑网络的时候,在对已知的拓扑结构进行分析之后,发现在连通点之后,还存在若干个子网络,且这些网络的结构是未知的,数据库中并未存在这些网络的拓扑结构数据....这个时候,我们该怎么办呢? 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 那么,现在我们必须设计新的模块和代码包来处理上面的问题</div>
                                </li>
                                <li><a href="/article/2375.htm"
                                       title="oracle merge into的用法" target="_blank">oracle merge into的用法</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/merget+into/1.htm">merget into</a>
                                    <div>Oracle中merge into的使用 
http://blog.csdn.net/yuzhic/article/details/1896878 
http://blog.csdn.net/macle2010/article/details/5980965 
该命令使用一条语句从一个或者多个数据源中完成对表的更新和插入数据. ORACLE 9i 中，使用此命令必须同时指定UPDATE 和INSE</div>
                                </li>
                                <li><a href="/article/2502.htm"
                                       title="不适合使用Hadoop的场景" target="_blank">不适合使用Hadoop的场景</a>
                                    <span class="text-muted">datamachine</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a>
                                    <div>转自：http://dev.yesky.com/296/35381296.shtml。 
　　Hadoop通常被认定是能够帮助你解决所有问题的唯一方案。 当人们提到“大数据”或是“数据分析”等相关问题的时候，会听到脱口而出的回答：Hadoop! &nbsp;实际上Hadoop被设计和建造出来，是用来解决一系列特定问题的。对某些问题来说，Hadoop至多算是一个不好的选择，对另一些问题来说，选择Ha</div>
                                </li>
                                <li><a href="/article/2629.htm"
                                       title="YII findAll的用法" target="_blank">YII findAll的用法</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a>
                                    <div>看文档比较糊涂，其实挺简单的： 
$predictions=Prediction::model()-&gt;findAll(&quot;uid=:uid&quot;,array(&quot;:uid&quot;=&gt;10)); 
&nbsp; 
第一个参数是选择条件：”uid=10″。其中:uid是一个占位符，在后面的array(“:uid”=&gt;10)对齐进行了赋值； 
更完善的查询需要</div>
                                </li>
                                <li><a href="/article/2756.htm"
                                       title="vim 常用 NERDTree 快捷键" target="_blank">vim 常用 NERDTree 快捷键</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a>
                                    <div>下面给大家整理了一些vim NERDTree的常用快捷键了，这里几乎包括了所有的快捷键了，希望文章对各位会带来帮助。 
切换工作台和目录 
ctrl + w + h 光标 focus 左侧树形目录ctrl + w + l 光标 focus 右侧文件显示窗口ctrl + w + w 光标自动在左右侧窗口切换ctrl + w + r 移动当前窗口的布局位置 
o 在已有窗口中打开文件、目录或书签，并跳</div>
                                </li>
                                <li><a href="/article/2883.htm"
                                       title="Java把目录下的文件打印出来" target="_blank">Java把目录下的文件打印出来</a>
                                    <span class="text-muted">蕃薯耀</span>
<a class="tag" taget="_blank" href="/search/%E5%88%97%E5%87%BA%E7%9B%AE%E5%BD%95%E4%B8%8B%E7%9A%84%E6%96%87%E4%BB%B6/1.htm">列出目录下的文件</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E5%A4%B9%E4%B8%8B%E9%9D%A2%E7%9A%84%E6%96%87%E4%BB%B6/1.htm">文件夹下面的文件</a><a class="tag" taget="_blank" href="/search/%E7%9B%AE%E5%BD%95%E4%B8%8B%E7%9A%84%E6%96%87%E4%BB%B6/1.htm">目录下的文件</a>
                                    <div>Java把目录下的文件打印出来 
&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt; 
蕃薯耀 2015年7月11日 11:02:</div>
                                </li>
                                <li><a href="/article/3010.htm"
                                       title="linux远程桌面----VNCServer与rdesktop" target="_blank">linux远程桌面----VNCServer与rdesktop</a>
                                    <span class="text-muted">hanqunfeng</span>
<a class="tag" taget="_blank" href="/search/Desktop/1.htm">Desktop</a>
                                    <div>windows远程桌面到linux，需要在linux上安装vncserver，并开启vnc服务，同时需要在windows下使用vnc-viewer访问Linux。vncserver同时支持linux远程桌面到linux。 
&nbsp; 
linux远程桌面到windows，需要在linux上安装rdesktop，同时开启windows的远程桌面访问。 
&nbsp; 
下面分别介绍，以windo</div>
                                </li>
                                <li><a href="/article/3137.htm"
                                       title="guava中的join和split功能" target="_blank">guava中的join和split功能</a>
                                    <span class="text-muted">jackyrong</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>guava库中，包含了很好的join和split的功能，例子如下： 
 
1） 将LIST转换为使用字符串连接的字符串 
&nbsp;&nbsp; 

    List&lt;String&gt; names = Lists.newArrayList(&quot;John&quot;, &quot;Jane&quot;, &quot;Adam&quot;, &quot;Tom&quot;);
</div>
                                </li>
                                <li><a href="/article/3264.htm"
                                       title="Web开发技术十年发展历程" target="_blank">Web开发技术十年发展历程</a>
                                    <span class="text-muted">lampcy</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
                                    <div>回顾web开发技术这十年发展历程： 
Ajax 
03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 
彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a</div>
                                </li>
                                <li><a href="/article/3391.htm"
                                       title="架构师之mima-----------------mina的非NIO控制IOBuffer(说得比较好)" target="_blank">架构师之mima-----------------mina的非NIO控制IOBuffer(说得比较好)</a>
                                    <span class="text-muted">nannan408</span>
<a class="tag" taget="_blank" href="/search/buffer/1.htm">buffer</a>
                                    <div>1.前言。 
&nbsp; 如题。 
2.代码。 
&nbsp; 

IoService

IoService是一个接口，有两种实现：IoAcceptor和IoConnector；其中IoAcceptor是针对Server端的实现，IoConnector是针对Client端的实现；IoService的职责包括：

1、监听器管理

2、IoHandler

3、IoSession</div>
                                </li>
                                <li><a href="/article/3518.htm"
                                       title="ORA-00054:resource busy and acquire with NOWAIT specified" target="_blank">ORA-00054:resource busy and acquire with NOWAIT specified</a>
                                    <span class="text-muted">Everyday都不同</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/session/1.htm">session</a><a class="tag" taget="_blank" href="/search/Lock/1.htm">Lock</a>
                                    <div>[Oracle] 
今天对一个数据量很大的表进行操作时，出现如题所示的异常。此时表明数据库的事务处于“忙”的状态，而且被lock了，所以必须先关闭占用的session。 
&nbsp; 
step1，查看被lock的session： 
&nbsp; 
select t2.username, t2.sid, t2.serial#, t2.logon_time
  from v$locked_obj</div>
                                </li>
                                <li><a href="/article/3645.htm"
                                       title="javascript学习笔记" target="_blank">javascript学习笔记</a>
                                    <span class="text-muted">tntxia</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
                                    <div>&nbsp; 
javascript里面有6种基本类型的值:number、string、boolean、object、function和undefined。number：就是数字值，包括整数、小数、NaN、正负无穷。string:字符串类型、单双引号引起来的内容。boolean:true、false object:表示所有的javascript对象，不用多说function:我们熟悉的方法，也就是</div>
                                </li>
                                <li><a href="/article/3772.htm"
                                       title="Java enum的用法详解" target="_blank">Java enum的用法详解</a>
                                    <span class="text-muted">xieke90</span>
<a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/%E6%9E%9A%E4%B8%BE/1.htm">枚举</a>
                                    <div>Java中枚举实现的分析： 
&nbsp; &nbsp; 示例：&nbsp; 
public static enum SEVERITY{
          INFO,WARN,ERROR
} 
&nbsp; &nbsp; enum很像特殊的class，实际上enum声明定义的类型就是一个类。&nbsp;而这些类都是类库中Enum类的子类 &nbsp; &nbsp; &nbsp;(java.l</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>