- 前端开发这次几个非常经典的常用技巧,学会了之后事半功倍!
学掌门
程序员软件开发前端状态模式软件开发前端
对于一个刚入前端的新手来说,在前端开发过程中会遇到各种各样的麻烦和坑,这样很多时候回让开发者的信息受到打击,作为一个稍微好一点的前端菜鸟来说,今天就给刚入前端的新手们分享一些比较实用的开发技巧,让之少走一些弯路。1.如何知道iframe下载完成做数据分析,一共分几步?定时器轮询监听readyState的状态,如果是complete或者interactive说明文件加载完成。letiframe=do
- Ajax——————XMLHttpRequest对象的属性与方法
玛莎拉迪迦
笔记ajax
不管你学什么专业找工作一定要找一个你喜欢的这样你每天早晨六点到晚上八点都是高兴的再找个喜欢的人在一起这样晚上八点到早晨六点就是开心的——————网易云音乐热评《鱼书》readyState属性与status属性XMLHttpRequest对象的readyState属性作用-表示服务器端的通信状态值:0-未初始化1-open()方法被调用2-send()方法被调用3-正在响应4-响应已完毕当ready
- Ajax,
lvpflv
ajax前端javascript
Ajax、varxhr=newXMLHttpRequest();//创建XMLHttpRequest对象xhr.open("GET","http://example.com/api/data",true);//打开与服务器的连接xhr.onreadystatechange=function(){//当状态改变时执行函数if(xhr.readyState===4&&xhr.status===200)
- Ajax知识总结
赌未来_e1e8
流程:创建ajax引擎对象声明事件监听:监听ajax对象的属性readystate的值,一旦readystate的值发生改变就会触发声明的函数的执行ajax的状态码readyState的值:0:表示ajax引擎对象创建1:表示请求创建但是未发送ajax.open("get","my");2:请求发送ajax.send(null);3:请求处理完毕,正在接收响应状态4:响应内容接收完毕(重要状态)a
- ajax,axios,fetch区别
Free_syx
首先,ajax是一种技术,实现网页部分数据的刷新,那么ajax是怎么实现的呢?先看一下基础版的ajax封装:varxml=newXMLHttpRequest()xml.open('get',url,false)xml.onreadystatechange=function(){if(xhr.readyState==4){if(xhr.status==200||xhr.status==304){co
- WebSocket基础详解
定栓
HTTPwebsocket网络协议网络前端httphttps
文章目录前言由来简介优缺点适用场景兼容性API介绍构造函数实例方法send()close()实例属性ws.readyState(只读)ws.bufferedAmount(只读)ws.binaryTypeextensions(只读)protocol(只读)url(只读)实例事件onopenoncloseonmessageonerror代码实例客户端服务端封装客户端库WebSocket.js使用易混淆
- 【错误解决】etcdkeeper:context deadline exceeded
安安csdn
云计算etcdkeeper上下文连接超时
错误提示contextdeadlineexceeded{“readyState”:0,“responseText”:“”,“status”:0,“statusText”:“error”}解决办法在装etcdkeeper的主机上的etcd配置文件加上http://127.0.0.1:2379etcd集群的地址用http或https都可以etcdkeeper配置如下,居然不用加证书也可以,好迷!
- 手写AJAX
Repeater、
ajaxokhttp前端
functionajax(method,url,data,success,fail){letxhr=newXMLHttpRequest()xhr.open(method,url)xhr.onreadystatechange=function(){if(xhr.readyState===4){if(xhr.status>=200&&xhr.status{console.log('success',x
- 【原生Ajax】全面了解xhr的概念与使用。
坚毅的小解同志
ajax学习前端ajaxjavascriptjquery
✍️作者简介:前端新手学习中。作者主页:作者主页查看更多前端教学专栏分享:css重难点教学Node.js教学从头开始学习ajax学习文章目录XHR的基本使用 什么是XHR 使用xhr发起GET请求 了解xhr对象的readyState属性 使用xhr发起带参数的GET请求 URL编码与解码 什么是URL编码 如何对URL进行编码与解码 使用xhr发起post请求数据交换格式 什么是数据交换格式
- Server-Sent Events — JavaScript 标准参考教程(alpha)
不知名的研发小码农
常用工具
文章目录[隐藏]Server-SentEventsServer-SentEvents来自《JavaScript标准参考教程(alpha)》,by阮一峰目录1“.“简介2“.“与WebSocket的比较3“.“客户端API1“.”counter(h3)“”EventSource对象2“.”counter(h3)“”readyState属性3“.”counter(h3)“”url属性4“.”count
- 简述ajax的过程?
叮叮当1016
getData(url,fn){//实例化XMLHttpRequest对象varxhr=newXMLHttpRequest();//监听状态xhr.onreadystatechange=()=>{//数据请求完毕判断状态码if(xhr.readyState===4&&xhr.status===200){//将数据转化成json在、数组fn&&fn(JSON.parse(xhr.responseTe
- 【小白浅谈】 AJAX详解
韩小兔修媛史
Ajax学习摘录ajaxjavascript
Ajax概述:Ajax的交互过程Ajax开发过程原生js实现ajax1、异步对象:XMLHttpRequestXMLHttpRequest对象:onreadystatechange事件readyState属性status属性2、初始化异步请求对象open()方法3、异步对象发送请求send()方法4、获取服务器端响应数据responseText属性原生js实现ajax示例:JQuery实现ajax
- AJAX
MoicA
一、什么是ajax?Ajax:现在允许浏览器与服务器通信而无须刷新当前页面的技术.是不需要刷新整个页面,只刷新局部页面的一种异步通讯技术;Ajax技术的核心:XMLHttpRequest对象:发送请求到服务器并获得返回结果二、常用方法和属性1.常用方法常用方法2.常用属性onreadystatechange:指定回调函数readystate:XMLHttpRequest的状态信息status:HT
- 【vue ajax】封装ajax,可直接复用
米老鼠的摩托车日记
vue2基础js应用vue.jsajaxokhttp
在项目经过统一代理后,部分功能想直接发送请求,不用统一api,可以封装一个ajax进行网络传输ajax(method,url,data){returnnewPromise(function(resolve,reject){constxhr=newXMLHttpRequest();xhr.onreadystatechange=function(){if(xhr.readyState==4){if(x
- 使用XMLHttpRequest判断浏览器地址栏有没有访问成功
别拿曾经看以后~
javascript
以下是使用XMLHttpRequest对象实现判断http://127.0.0.1:8080/index地址是否访问成功的示例代码:varxhr=newXMLHttpRequest();xhr.open('GET','http://127.0.0.1:8080/index');xhr.onreadystatechange=function(){if(xhr.readyState===4){//请求
- js高频手写题第一篇
helloworld1024z
Promise实现基于Promise封装Ajax返回一个新的Promise实例创建HMLHttpRequest异步对象调用open方法,打开url,与服务器建立链接(发送前的一些处理)监听Ajax状态信息如果xhr.readyState==4(表示服务器响应完成,可以获取使用服务器的响应了)xhr.status==200,返回resolve状态xhr.status==404,返回reject状态x
- JavaScript 中如何取消请求
徐_三岁
javascript开发语言
取消XMLHttpRequest请求当请求已经发送了,可以使用XMLHttpRequest.abort()方法取消发送,代码示例如下:constxhr=newXMLHttpRequest();xhr.open('GET','',true);xhr.send();setTimeout(()=>{xhr.abort();},1000);取消请求,readyState会变成XMLHttpRequest.
- 前端常见面试题之ajax、http
jieyucx
前端面试题前端ajaxhttp
文章目录一、手写ajax请求1.get2.post3.xhr.readyState4.xhr.status5.xhr.open二、跨域三、cookie、localStorage和sessionStorage四、http1.http常见的状态码有哪些2.http常见的header有哪些3.什么是RestfulAPI4.描述一下http的缓存机制5.https一、手写ajax请求1.get//1.创建
- ajax请求假数据的方法
IKUNzhenin
js中的功能的特性js练手功能ajaxokhttp前端
下段JavaScript代码使用了XMLHttpRequest对象来发送一个GET请求到"js/index.json"文件。它将异步标志设置为true,意味着请求将以异步方式执行。然后,将onreadystatechange事件处理程序设置为一个函数,每当XMLHttpRequest对象的readyState属性发生变化时就会调用该函数。在这种情况下,它检查readyState是否为4(表示操作已
- node ws muiti 多个 path
此昵称已被狗抢占
constWebSocket=require('ws');letwss=newWebSocket.Server({port:port});wss.broadcast=functionbroadcast(data,path){wss.clients.forEach(functioneach(client){if(client.readyState===WebSocket.OPEN&&client.p
- Ajax常见请求方法(详细)
前端小卡拉米
ajax前端javascript
一、GET请求//1.创建对象constxhr=newXMLHttpRequest();//2.初始化设置请求方法和urlxhr.open('GET','http:/127.0.0.1:8000/server')//3.发送xhr.send()//4.事件绑定处理服务端返回的结果//-readystate是xhr对象中的属性,表示状态0123xhr.onreadystatechange=funct
- 轻松掌握 WebSocket API 的使用方法
软件测试曦曦
软件测试websocket网络协议网络软件测试功能测试自动化测试程序人生
WebSocketAPI详解WebSocketAPI是HTML5标准化之后的一项API,它可用于建立客户端和服务器之间的双向通信连接。WebSocket构造函数用于创建并返回一个WebSocket对象。示例://创建WebSocket对象,并指定服务端地址varws=newWebSocket("ws://localhost:8080");WebSocket.readyState表示WebSocke
- React hook实现简单的websocket封装
bigHead-
reactwebsocket前端
新建websocket.ts文件import{useState,useRef,useEffect}from'react'constuseWebsocket=({url:string,verify})=>{constws=useRef(null)//socket数据const[wsData,setMessage]=useState({})//socket状态const[readyState,setR
- Unity网络连接之Socket(基于UnityWebSocket插件)
心之所向,自强不息
UnityUnity3Dsocketunity
Unity使用Socket来接入网络也是较为常见的。privatevoidConnectWeb(){moveAgvData=MoveAGVData.CreateInstance();WebSocketStatestate=socket==null?WebSocketState.Closed:socket.ReadyState;socket=newWebSocket(url);socket.OnOp
- AJAX:整理3:原生AJAX的相关操作
是小蟹呀^
AJAXajax
注意AJAX的步骤//1.创建对象constxhr=newXMLHttpRequest()//2.初始化设置请求方法和urlxhr.open("GET","http://localhost:9090/server")//3.发送xhr.send()//4.事件绑定处理服务端返回的结果//readyState是xhr对象中的属性,表示状态01234//0表示初始值;1表示open()方法调用完毕;2
- springboot ajax请求到controller失败
努力的小白0305
ajaxjava服务器
问题描述springbootajax请求到controller失败总是报url的错误解决方案:通过捕捉error事件来获取出错的信息1、error事件返回的第一个参数XMLHttpRequest:XMLHttpRequest.readyState:状态码的意思0--(未初始化)还没有调用send()方法1--(载入)已调用send()方法,正在发送请求2–(载入完成)send()方法执行完成,已经
- 异步与Promise
陈情
异步如果能直接拿到结果那就是同步医院挂号,你需要拿到号才会离开窗口没有拿到号,你不会离开如果不能直接拿到结果异步定制餐具,可以在别人制作餐具的同时,去做其他事情不需要停下来等待异步列子AJAXrequest.send()之后,并不能直接得到response必须等到readyState变为4后,浏览器回头调用request.onreadystatechange函数才能够获取request.respo
- AJAX 状态值(readyState)与状态码(status)详解
libertea
备份学习记录ajaxxmlhttprequest
原文见:http://lylgxy0704wht.blog.163.com/blog/static/57048039201151693116644/总结:status体现的是服务器对请求的反馈,而readystate表明客户端与客户的交互状态过程。1-AJAX状态值与状态码区别AJAX状态值是指,运行AJAX所经历过的几种状态,无论访问是否成功都将响应的步骤,可以理解成为AJAX运行步骤。如:正在
- netty-daxin-4(http&websocket)
ps酷教程
netty#websocket学习
文章目录学习链接http服务端NettyHttpServerHelloWorldServerHandler客户端ApiPostwebsocket初步了解为什么需要WebSocket简介浏览器的WebSocket客户端客户端的简单示例客户端的APIWebSocket构造函数webSocket.readyState==webSocket.onopen====webSocket.onclose====w
- Ajax请求
wally210
XMLHttpRequestXMLHttpRequest可以以异步方式的请求数据处理程序,可实现对网页的部分更新,而不是刷新整个页面。这个请求是异步的,即在往服务器发送请求时,并不会阻碍程序的运行,浏览器会继续渲染后续的结构。响应readyState(onreadystatechange)readyState有五种可能的值:xhr.readyState=0时,UNSENTopen尚未调用xhr.r
- LeetCode[Math] - #66 Plus One
Cwind
javaLeetCode题解AlgorithmMath
原题链接:#66 Plus One
要求:
给定一个用数字数组表示的非负整数,如num1 = {1, 2, 3, 9}, num2 = {9, 9}等,给这个数加上1。
注意:
1. 数字的较高位存在数组的头上,即num1表示数字1239
2. 每一位(数组中的每个元素)的取值范围为0~9
难度:简单
分析:
题目比较简单,只须从数组
- JQuery中$.ajax()方法参数详解
AILIKES
JavaScriptjsonpjqueryAjaxjson
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。
type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持。
timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局
- JConsole & JVisualVM远程监视Webphere服务器JVM
Kai_Ge
JVisualVMJConsoleWebphere
JConsole是JDK里自带的一个工具,可以监测Java程序运行时所有对象的申请、释放等动作,将内存管理的所有信息进行统计、分析、可视化。我们可以根据这些信息判断程序是否有内存泄漏问题。
使用JConsole工具来分析WAS的JVM问题,需要进行相关的配置。
首先我们看WAS服务器端的配置.
1、登录was控制台https://10.4.119.18
- 自定义annotation
120153216
annotation
Java annotation 自定义注释@interface的用法 一、什么是注释
说起注释,得先提一提什么是元数据(metadata)。所谓元数据就是数据的数据。也就是说,元数据是描述数据的。就象数据表中的字段一样,每个字段描述了这个字段下的数据的含义。而J2SE5.0中提供的注释就是java源代码的元数据,也就是说注释是描述java源
- CentOS 5/6.X 使用 EPEL YUM源
2002wmj
centos
CentOS 6.X 安装使用EPEL YUM源1. 查看操作系统版本[root@node1 ~]# uname -a Linux node1.test.com 2.6.32-358.el6.x86_64 #1 SMP Fri Feb 22 00:31:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux [root@node1 ~]#
- 在SQLSERVER中查找缺失和无用的索引SQL
357029540
SQL Server
--缺失的索引
SELECT avg_total_user_cost * avg_user_impact * ( user_scans + user_seeks ) AS PossibleImprovement ,
last_user_seek ,
 
- Spring3 MVC 笔记(二) —json+rest优化
7454103
Spring3 MVC
接上次的 spring mvc 注解的一些详细信息!
其实也是一些个人的学习笔记 呵呵!
- 替换“\”的时候报错Unexpected internal error near index 1 \ ^
adminjun
java“\替换”
发现还是有些东西没有刻子脑子里,,过段时间就没什么概念了,所以贴出来...以免再忘...
在拆分字符串时遇到通过 \ 来拆分,可是用所以想通过转义 \\ 来拆分的时候会报异常
public class Main {
/*
- POJ 1035 Spell checker(哈希表)
aijuans
暴力求解--哈希表
/*
题意:输入字典,然后输入单词,判断字典中是否出现过该单词,或者是否进行删除、添加、替换操作,如果是,则输出对应的字典中的单词
要求按照输入时候的排名输出
题解:建立两个哈希表。一个存储字典和输入字典中单词的排名,一个进行最后输出的判重
*/
#include <iostream>
//#define
using namespace std;
const int HASH =
- 通过原型实现javascript Array的去重、最大值和最小值
ayaoxinchao
JavaScriptarrayprototype
用原型函数(prototype)可以定义一些很方便的自定义函数,实现各种自定义功能。本次主要是实现了Array的去重、获取最大值和最小值。
实现代码如下:
<script type="text/javascript">
Array.prototype.unique = function() {
var a = {};
var le
- UIWebView实现https双向认证请求
bewithme
UIWebViewhttpsObjective-C
什么是HTTPS双向认证我已在先前的博文 ASIHTTPRequest实现https双向认证请求
中有讲述,不理解的读者可以先复习一下。本文是用UIWebView来实现对需要客户端证书验证的服务请求,网上有些文章中有涉及到此内容,但都只言片语,没有讲完全,更没有完整的代码,让人困扰不已。但是此知
- NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存)
bijian1013
redis数据库NoSQL
3.事务处理
Redis对事务的支持目前不比较简单。Redis只能保证一个client发起的事务中的命令可以连续的执行,而中间不会插入其他client的命令。当一个client在一个连接中发出multi命令时,这个连接会进入一个事务上下文,该连接后续的命令不会立即执行,而是先放到一个队列中,当执行exec命令时,redis会顺序的执行队列中
- 各数据库分页sql备忘
bingyingao
oraclesql分页
ORACLE
下面这个效率很低
SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_FS_RETURN order by id desc) A ) WHERE RN <20;
下面这个效率很高
SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_
- 【Scala七】Scala核心一:函数
bit1129
scala
1. 如果函数体只有一行代码,则可以不用写{},比如
def print(x: Int) = println(x)
一行上的多条语句用分号隔开,则只有第一句属于方法体,例如
def printWithValue(x: Int) : String= println(x); "ABC"
上面的代码报错,因为,printWithValue的方法
- 了解GHC的factorial编译过程
bookjovi
haskell
GHC相对其他主流语言的编译器或解释器还是比较复杂的,一部分原因是haskell本身的设计就不易于实现compiler,如lazy特性,static typed,类型推导等。
关于GHC的内部实现有篇文章说的挺好,这里,文中在RTS一节中详细说了haskell的concurrent实现,里面提到了green thread,如果熟悉Go语言的话就会发现,ghc的concurrent实现和Go有点类
- Java-Collections Framework学习与总结-LinkedHashMap
BrokenDreams
LinkedHashMap
前面总结了java.util.HashMap,了解了其内部由散列表实现,每个桶内是一个单向链表。那有没有双向链表的实现呢?双向链表的实现会具备什么特性呢?来看一下HashMap的一个子类——java.util.LinkedHashMap。
- 读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory
bylijinnan
abstract
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
package design.pattern;
/*
* Abstract Factory Pattern
* 抽象工厂模式的目的是:
* 通过在抽象工厂里面定义一组产品接口,方便地切换“产品簇”
* 这些接口是相关或者相依赖的
- 压暗面部高光
cherishLC
PS
方法一、压暗高光&重新着色
当皮肤很油又使用闪光灯时,很容易在面部形成高光区域。
下面讲一下我今天处理高光区域的心得:
皮肤可以分为纹理和色彩两个属性。其中纹理主要由亮度通道(Lab模式的L通道)决定,色彩则由a、b通道确定。
处理思路为在保持高光区域纹理的情况下,对高光区域着色。具体步骤为:降低高光区域的整体的亮度,再进行着色。
如果想简化步骤,可以只进行着色(参看下面的步骤1
- Java VisualVM监控远程JVM
crabdave
visualvm
Java VisualVM监控远程JVM
JDK1.6开始自带的VisualVM就是不错的监控工具.
这个工具就在JAVA_HOME\bin\目录下的jvisualvm.exe, 双击这个文件就能看到界面
通过JMX连接远程机器, 需要经过下面的配置:
1. 修改远程机器JDK配置文件 (我这里远程机器是linux).
 
- Saiku去掉登录模块
daizj
saiku登录olapBI
1、修改applicationContext-saiku-webapp.xml
<security:intercept-url pattern="/rest/**" access="IS_AUTHENTICATED_ANONYMOUSLY" />
<security:intercept-url pattern=&qu
- 浅析 Flex中的Focus
dsjt
htmlFlexFlash
关键字:focus、 setFocus、 IFocusManager、KeyboardEvent
焦点、设置焦点、获得焦点、键盘事件
一、无焦点的困扰——组件监听不到键盘事件
原因:只有获得焦点的组件(确切说是InteractiveObject)才能监听到键盘事件的目标阶段;键盘事件(flash.events.KeyboardEvent)参与冒泡阶段,所以焦点组件的父项(以及它爸
- Yii全局函数使用
dcj3sjt126com
yii
由于YII致力于完美的整合第三方库,它并没有定义任何全局函数。yii中的每一个应用都需要全类别和对象范围。例如,Yii::app()->user;Yii::app()->params['name'];等等。我们可以自行设定全局函数,使得代码看起来更加简洁易用。(原文地址)
我们可以保存在globals.php在protected目录下。然后,在入口脚本index.php的,我们包括在
- 设计模式之单例模式二(解决无序写入的问题)
come_for_dream
单例模式volatile乱序执行双重检验锁
在上篇文章中我们使用了双重检验锁的方式避免懒汉式单例模式下由于多线程造成的实例被多次创建的问题,但是因为由于JVM为了使得处理器内部的运算单元能充分利用,处理器可能会对输入代码进行乱序执行(Out Of Order Execute)优化,处理器会在计算之后将乱序执行的结果进行重组,保证该
- 程序员从初级到高级的蜕变
gcq511120594
框架工作PHPandroidhtml5
软件开发是一个奇怪的行业,市场远远供不应求。这是一个已经存在多年的问题,而且随着时间的流逝,愈演愈烈。
我们严重缺乏能够满足需求的人才。这个行业相当年轻。大多数软件项目是失败的。几乎所有的项目都会超出预算。我们解决问题的最佳指导方针可以归结为——“用一些通用方法去解决问题,当然这些方法常常不管用,于是,唯一能做的就是不断地尝试,逐个看看是否奏效”。
现在我们把淫浸代码时间超过3年的开发人员称为
- Reverse Linked List
hcx2013
list
Reverse a singly linked list.
/**
* Definition for singly-linked list.
* public class ListNode {
* int val;
* ListNode next;
* ListNode(int x) { val = x; }
* }
*/
p
- Spring4.1新特性——数据库集成测试
jinnianshilongnian
spring 4.1
目录
Spring4.1新特性——综述
Spring4.1新特性——Spring核心部分及其他
Spring4.1新特性——Spring缓存框架增强
Spring4.1新特性——异步调用和事件机制的异常处理
Spring4.1新特性——数据库集成测试脚本初始化
Spring4.1新特性——Spring MVC增强
Spring4.1新特性——页面自动化测试框架Spring MVC T
- C# Ajax上传图片同时生成微缩图(附Demo)
liyonghui160com
1.Ajax无刷新上传图片,详情请阅我的这篇文章。(jquery + c# ashx)
2.C#位图处理 System.Drawing。
3.最新demo支持IE7,IE8,Fir
- Java list三种遍历方法性能比较
pda158
java
从c/c++语言转向java开发,学习java语言list遍历的三种方法,顺便测试各种遍历方法的性能,测试方法为在ArrayList中插入1千万条记录,然后遍历ArrayList,发现了一个奇怪的现象,测试代码例如以下:
package com.hisense.tiger.list;
import java.util.ArrayList;
import java.util.Iterator;
- 300个涵盖IT各方面的免费资源(上)——商业与市场篇
shoothao
seo商业与市场IT资源免费资源
A.网站模板+logo+服务器主机+发票生成
HTML5 UP:响应式的HTML5和CSS3网站模板。
Bootswatch:免费的Bootstrap主题。
Templated:收集了845个免费的CSS和HTML5网站模板。
Wordpress.org|Wordpress.com:可免费创建你的新网站。
Strikingly:关注领域中免费无限的移动优
- localStorage、sessionStorage
uule
localStorage
W3School 例子
HTML5 提供了两种在客户端存储数据的新方法:
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不