首页 文章 精选 留言 我的

精选列表

搜索[javascript]，共10000篇文章
优秀的个人博客,低调大师

在HTML中使用JavaScript（浏览器对js的加载机制分析）

前言： 向HTML页面中插入JavaScrip的主要方法，就是使用<script>标签。主要探讨<script>标签的在HTML页面的渲染机制。对应的业务场景：从js的加载机制，去优化首次加载页面白屏时间过长的问题 要点： 1.script标签用外链的src引入文件时，内嵌的js代码无效。 2.只要不存在defer和async属性，浏览器都会按照script元素在页面中出现的先后顺序对他们依次进行解析（文件下载和代码执行）。换句话说，在第一个script元素包含的代码解析完成后，第二个script包含的代码才会被解析，然后第三个，第四个……。这种方式会阻塞页面的渲染。 3.defer：延迟脚本。脚本会被延迟到整个页面都解析完毕后再运行。相当于告诉浏览器立即下载，但是延迟执行。这种方式不阻塞页面的渲染。h5规范要求脚本按照出现的顺序执行，因此第一个延迟的脚本会优先于第二延迟脚本执行，都会先于DOMContentLoaded事情。在现实中，可能顺序不能一定得到保证。ps：用最新谷歌浏览器测试过，能保证顺序。 4.async：异步脚本。与defer类似，告诉浏览器立即下载文件，但是延迟执行，也不阻塞页面渲染。但是不能保证执行顺序。所有，带有async属性的script文件之间无法保证顺序，不应该有包含互相依赖的js代码。 补充：来自阮一峰博客对defer和async异同点说明 defer与async的区别是：defer要等到整个页面在内存中正常渲染结束（DOM 结构完全生成，以及其他脚本执行完成），才会执行；async一旦下载完，渲染引擎就会中断渲染，执行这个脚本以后，再继续渲染。一句话，defer是“渲染完再执行”，async是“下载完就执行”。另外，如果有多个defer脚本，会按照它们在页面出现的顺序加载，而多个async脚本是不能保证加载顺序的。 总结： 一点思考： 1、一般性都要保证js文件的引入顺序就是它的执行顺序，所以async慎用。 2、script的解析包括：js文件的下载和执行。下载可不阻塞页面渲染，执行一定会阻塞页面渲染（有待考究）。 3、假如defer在现代浏览器（特别是移动端），都能遵循h5规范按顺序执行。那么是否可以在每个script标签加上defer属性，优点如下：1.js文件解析不阻塞HTML页面的渲染。2.js文件解析可分为两步，第一步下载js文件，相较不加defer属性的多个script标签而言，加了defer可实现异步并行下载script文件（有待考究）；第二部解析js文件，按顺序同步执行js代码。以此达到最快的js解析速度（下载js文件效率提高）。 以上总结是一些思考，有些地方有待demo测试验证。
2018-03-07
优秀的个人博客,低调大师

Javascript是个好东西（广大人民的智慧是无穷的）：

图片发自简书App 1，面向对象？ 其他编程语言对于面向对象要么支持，要么不支持，而js支持原型链，具体的实现要自己动手，实现的方式也是各种流派（相当于别人家的车，要么有发动机，要么没有，我们的车必须使用人力来维持发动机的运转！） 2，啥叫块级作用域？ 作为一门编程语言，js没有块级作用域，我们的局部变量都要写到函数里面，用的时候，再调用闭包函数把变量和方法作为返回值抛出来（相当于，你的手机只能放到保险柜里，每次看手机，都得开一次保险柜，看完再放回去.锁好） 3，虽然我单线程，但我异步呀！ js是单线程异步执行的，保证效率的同时，也可以让你怀疑人生，这几个函数虽然写到了前面，但太耗时了，我们把它挂起来，最后再执行它（相当于一共一条队伍，好不容易排到你了，然后工作人员说你这个事太花时间，先处理别人的，你明天再来试试看()ﾉ吧！） 4，我的模块加载都是随缘的 js是在用户浏览器执行的，所有的函数模块都来自网络，为了保证网页不卡顿，js会异步加载各个模块，并且还出了一套专门用于管理模块异步加载的库（requirejs），（要紧急造一架飞机，结果一些零件在路上遇到泥石流，工程师看了看require图纸，说：问题不大，我们赶时间，先飞吧！没准你飞完这次，零件就过来了！） javasctipt是个好东西！javasctipt是个好东西！javasctipt是个好东西！
2018-03-06
优秀的个人博客,低调大师

Javascript获取数组中的最大值和最小值方法汇总

方法一 sort()方法 b-a从大到小，a-b从小到大 var max2 = arr.sort(function(a,b){ return b-a; })[0]; console.log(max2) 方法二 //最小值 Array.prototype.min = function() { var min = this[0]; var len = this.length; for (var i = 1; i < len; i++){ if (this[i] < min){ min = this[i]; } } return min; } //最大值 Array.prototype.max = function() { var max = this[0]; var len = this.length; for (var i = 1; i < len; i++){ if (this[i] > max) { max = this[i]; } } return max; } 如果你是引入类库进行开发，害怕类库也实现了同名的原型方法，可以在生成函数之前进行重名判断： if (typeof Array.prototype['max'] == 'undefined') { Array.prototype.max = function() { ... ... } } 方法三 用Math.max和Math.min方法可以迅速得到结果。apply能让一个方法指定调用对象与传入参数，并且传入参数是以数组形式组织的。恰恰现在有一个方法叫Math.max，调用对象为Math，与多个参数 Array.max = function( array ){ return Math.max.apply( Math, array ); }; Array.min = function( array ){ return Math.min.apply( Math, array ); }; 但是，John Resig是把它们做成Math对象的静态方法，不能使用大神最爱用的链式调用了。但这方法还能更精简一些，不要忘记，Math对象也是一个对象，我们用对象的字面量来写，又可以省几个比特了。 Array.prototype.max = function(){ return Math.max.apply({},this) } Array.prototype.min = function(){ return Math.min.apply({},this) } [1,2,3].max()// => 3 [1,2,3].min()// => 1 方法四 function getMaximin(arr,maximin) { if(maximin=="max") { return Math.max.apply(Math,arr); } else if(maximin=="min") { return Math.min.apply(Math, arr); } } var a=[3,2,4,2,10]; var b=[12,4,45,786,9,78]; console.log(getMaximin(a,"max"));//10 console.log(getMaximin(b,"min"));//04 方法五 var a=[1,2,3,5]; alert(Math.max.apply(null, a));//最大值 alert(Math.min.apply(null, a));//最小值 多维数组可以这么修改： var a=[1,2,3,[5,6],[1,4,8]]; var ta=a.join(",").split(",");//转化为一维数组 alert(Math.max.apply(null,ta));//最大值 alert(Math.min.apply(null,ta));//最小值
2018-02-23
优秀的个人博客,低调大师

阿里云 oss JavaScript客户端签名文件上传 vue2.0

官方文档地址https://help.aliyun.com/document_detail/31925.html?spm=5176.doc31923.6.631.SAJk7p 官方文档内给的demo是传统的代码引入方式，用到的模块有crypto、hmac、sha1、base64、plupload。这些模块都是定制化的，用npm安装指定的模块会出现相应的方法找不到未定义情况，所以想在vue2.0项目中使用oss上传，需要自己定义一个crypto方法，把hmac、sha1方法放到crypto对象中，base64方法是独立的，直接把demo中的文件放入项目中,用export default dao's'hvar base64map = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/' var Crypto = {} var util = Crypto.util = { // Bit-wise rotate left rotl: function (n, b) { return (n << b) | (n >>> (32 - b)) }, // Bit-wise rotate right rotr: function (n, b) { return (n << (32 - b)) | (n >>> b) }, // Swap big-endian to little-endian and vice versa endian: function (n) { // If number given, swap endian if (n.constructor === Number) { return util.rotl(n, 8) & 0x00FF00FF | util.rotl(n, 24) & 0xFF00FF00 } // Else, assume array and swap all items for (var i = 0; i < n.length; i++) { n[i] = util.endian(n[i]) } return n }, // Generate an array of any length of random bytes randomBytes: function (n) { for (var bytes = []; n > 0; n--) { bytes.push(Math.floor(Math.random() * 256)) } return bytes }, // Convert a string to a byte array stringToBytes: function (str) { var bytes = [] for (var i = 0; i < str.length; i++) { bytes.push(str.charCodeAt(i)) } return bytes }, // Convert a byte array to a string bytesToString: function (bytes) { var str = [] for (var i = 0; i < bytes.length; i++) { str.push(String.fromCharCode(bytes[i])) } return str.join('') }, // Convert a string to big-endian 32-bit words stringToWords: function (str) { var words = [] for (var c = 0, b = 0; c < str.length; c++, b += 8) { words[b >>> 5] |= str.charCodeAt(c) << (24 - b % 32) } return words }, // Convert a byte array to big-endian 32-bits words bytesToWords: function (bytes) { var words = [] for (var i = 0, b = 0; i < bytes.length; i++, b += 8) { words[b >>> 5] |= bytes[i] << (24 - b % 32) } return words }, // Convert big-endian 32-bit words to a byte array wordsToBytes: function (words) { var bytes = [] for (var b = 0; b < words.length * 32; b += 8) { bytes.push((words[b >>> 5] >>> (24 - b % 32)) & 0xFF) } return bytes }, // Convert a byte array to a hex string bytesToHex: function (bytes) { var hex = [] for (var i = 0; i < bytes.length; i++) { hex.push((bytes[i] >>> 4).toString(16)) hex.push((bytes[i] & 0xF).toString(16)) } return hex.join('') }, // Convert a hex string to a byte array hexToBytes: function (hex) { var bytes = [] for (var c = 0; c < hex.length; c += 2) { bytes.push(parseInt(hex.substr(c, 2), 16)) } return bytes }, // Convert a byte array to a base-64 string bytesToBase64: function (bytes) { // Use browser-native function if it exists if (typeof btoa === 'function') return btoa(util.bytesToString(bytes)) var base64 = [] var overflow for (var i = 0; i < bytes.length; i++) { switch (i % 3) { case 0: base64.push(base64map.charAt(bytes[i] >>> 2)) overflow = (bytes[i] & 0x3) << 4 break case 1: base64.push(base64map.charAt(overflow | (bytes[i] >>> 4))) overflow = (bytes[i] & 0xF) << 2 break case 2: base64.push(base64map.charAt(overflow | (bytes[i] >>> 6))) base64.push(base64map.charAt(bytes[i] & 0x3F)) overflow = -1 } } // Encode overflow bits, if there are any if (overflow !== undefined && overflow !== -1) { base64.push(base64map.charAt(overflow)) } // Add padding while (base64.length % 4 !== 0) base64.push('=') return base64.join('') }, // Convert a base-64 string to a byte array base64ToBytes: function (base64) { // Use browser-native function if it exists if (typeof atob === 'function') return util.stringToBytes(atob(base64)) // Remove non-base-64 characters base64 = base64.replace(/[^A-Z0-9+/]/ig, '') var bytes = [] for (var i = 0; i < base64.length; i++) { switch (i % 4) { case 1: bytes.push((base64map.indexOf(base64.charAt(i - 1)) << 2) | (base64map.indexOf(base64.charAt(i)) >>> 4)) break case 2: bytes.push(((base64map.indexOf(base64.charAt(i - 1)) & 0xF) << 4) | (base64map.indexOf(base64.charAt(i)) >>> 2)) break case 3: bytes.push(((base64map.indexOf(base64.charAt(i - 1)) & 0x3) << 6) | (base64map.indexOf(base64.charAt(i)))) break } } return bytes } } Crypto.HMAC = function (hasher, message, key, options) { key = key.length > hasher._blocksize * 4 ? hasher(key, { asBytes: true }) : util.stringToBytes(key) // XOR keys with pad constants var okey = key var ikey = key.slice(0) for (var i = 0; i < hasher._blocksize * 4; i++) { okey[i] ^= 0x5C ikey[i] ^= 0x36 } var hmacbytes = hasher(util.bytesToString(okey) + hasher(util.bytesToString(ikey) + message, { asString: true }), { asBytes: true }) return options && options.asBytes ? hmacbytes : options && options.asString ? util.bytesToString(hmacbytes) : util.bytesToHex(hmacbytes) } var SHA1 = Crypto.SHA1 = function (message, options) { var digestbytes = util.wordsToBytes(SHA1._sha1(message)) return options && options.asBytes ? digestbytes : options && options.asString ? util.bytesToString(digestbytes) : util.bytesToHex(digestbytes) } SHA1._sha1 = function (message) { var m = util.stringToWords(message) var l = message.length * 8 var w = [] var H0 = 1732584193 var H1 = -271733879 var H2 = -1732584194 var H3 = 271733878 var H4 = -1009589776 // Padding m[l >> 5] |= 0x80 << (24 - l % 32) m[((l + 64 >>> 9) << 4) + 15] = l for (var i = 0; i < m.length; i += 16) { var a = H0 var b = H1 var c = H2 var d = H3 var e = H4 for (var j = 0; j < 80; j++) { if (j < 16) { w[j] = m[i + j] } else { var n = w[j - 3] ^ w[j - 8] ^ w[j - 14] ^ w[j - 16] w[j] = (n << 1) | (n >>> 31) } var t = ((H0 << 5) | (H0 >>> 27)) + H4 + (w[j] >>> 0) + (j < 20 ? (H1 & H2 | ~H1 & H3) + 1518500249 : j < 40 ? (H1 ^ H2 ^ H3) + 1859775393 : j < 60 ? (H1 & H2 | H1 & H3 | H2 & H3) - 1894007588 : (H1 ^ H2 ^ H3) - 899497514) H4 = H3 H3 = H2 H2 = (H1 << 30) | (H1 >>> 2) H1 = H0 H0 = t } H0 += a H1 += b H2 += c H3 += d H4 += e } return [H0, H1, H2, H3, H4] } // Package private blocksize SHA1._blocksize = 16 export default Crypto 以上是crypto方法，这里需要注意的是，如果vue项目中用到了代码校验，这里的代码会有语法报错，仔细改掉就可以了 plupload模块直接用npm安装就好了，相应文档地址http://www.phpin.net/tools/plupload/ 接下来就可以按照官方demo 进行相应的修改，配置自己的参数，进行上传测试
2017-11-15
优秀的个人博客,低调大师

JavaScript 中 async/await 在 forEach 里不生效的底层原因与正确写法

很多人从 Promise 切到 async/await 之后，会习惯性地把原来 `.then()` 的写法直接改成 `await`，但在数组遍历里踩坑的概率非常高。最典型的一幕是：写了一个 `async` 函数，在 `forEach` 的回调里 `await` 某个异步请求，结果发现 `forEach` 后面的代码先执行了，收集到的结果永远是空的，或者控制台里打印顺序完全乱掉。这不是浏览器 bug，也不是 Node.js 的兼容性问题，而是 `forEach` 的设计本身就不支持异步流程控制。它只负责同步地把每个元素交给回调，回调返回的 Promise 会被直接丢弃，`forEach` 不会等它 resolve。文章会从 `forEach` 的实现机制讲起，用真实代码复现问题，再给出 `for...of`、`Promise.all` 配合 `map` 等几种在实际项目里更可靠的写法，并说明什么场景该用哪一种。 ## 问题复现 假设有一个批量更新用户状态的接口，需要根据一组 userId 拉取详情后再调用更新接口： ```js async function updateUsers(userIds) { const results = []; userIds.forEach(async (id) => { const detail = await fetchUserDetail(id); const updated = await updateUserStatus(id, detail.status); results.push(updated); }); return results; // 永远是空的 } ``` 调用 `updateUsers([1, 2, 3])` 时，`forEach` 会依次同步触发三个回调。每个回调执行到第一个 `await` 就返回一个 pending 的 Promise，`forEach` 拿到这个 Promise 后直接忽略，继续下一个元素。等三个回调都“启动”完，`forEach` 立刻返回，于是 `return results` 执行时 `results` 还是空数组。随后那些异步操作才陆续完成，但函数早就返回了。 用 `setTimeout` 模拟也能看到同样现象： ```js const arr = [1, 2, 3]; arr.forEach(async (n) => { await new Promise((r) => setTimeout(r, 100)); console.log(n); }); console.log('done'); // 输出：done 然后才是 1 2 3 ``` ## 为什么 forEach 不能 await `Array.prototype.forEach` 的规范里，它对回调的返回值不做任何处理，也不会收集返回值。它的内部逻辑大致等价于： ```js Array.prototype.myForEach = function (cb) { for (let i = 0; i { const detail = await fetchUserDetail(id); return updateUserStatus(id, detail.status); }); const results = await Promise.all(tasks); return results; } ``` `map` 和 `forEach` 的区别在于，`map` 会把回调的返回值收集成新数组，所以这里拿到的是一组 Promise。`Promise.all` 会等所有 Promise resolve，结果顺序和原数组一致。如果其中一个 reject，整个 `Promise.all` 会立刻 reject，其他请求虽然还在跑但结果会被丢弃。 ### 想保留部分成功的结果 批量操作里经常遇到“有几个失败但不想整体失败”的需求，可以用 `Promise.allSettled`： ```js async function updateUsers(userIds) { const tasks = userIds.map(async (id) => { const detail = await fetchUserDetail(id); return updateUserStatus(id, detail.status); }); const settled = await Promise.allSettled(tasks); const success = settled.filter((r) => r.status === 'fulfilled').map((r) => r.value); const failed = settled.filter((r) => r.status === 'rejected').map((r) => r.reason); return { success, failed }; } ``` ### 控制并发数量 `Promise.all` 会一次性把所有请求发出去，用户量大的时候容易触发服务端限流或者耗尽浏览器的连接数。写一个简单的并发控制器可以让同时进行的请求数保持在给定范围内： ```js async function mapLimit(items, limit, fn) { const results = new Array(items.length); let cursor = 0; async function worker() { while (cursor { const detail = await fetchUserDetail(id); return updateUserStatus(id, detail.status); }); ``` 这段实现里每个 worker 不断从共享的 `cursor` 取下一个下标，取完就退出。`results` 按传入顺序写入，不会因为完成时间不同而错位。 ## forEach 里 await 还有一个隐蔽问题 即使不在意返回值，只是想在 `forEach` 里发请求，也可能出错。比如下面这种写法： ```js items.forEach(async (item) => { try { await doSomething(item); } catch (e) { console.error(e); } }); ``` 看起来每个回调都包了 `try/catch`，但外层函数并不知道里面有没有失败。如果调用方需要根据结果决定后续逻辑，`forEach` 给不了任何信号。而且回调里的 `return` 也无效，`forEach` 会忽略它，无法提前跳出循环。想在中途 break，`forEach` 根本做不到，只能靠 `for...of` 或者 `some`/`every` 这类有短路语义的方法。 ## 什么时候仍然可以用 forEach `forEach` 并没有被淘汰，只是它适合的场景是纯同步操作，比如遍历数组做数据转换、DOM 操作、累加统计。只要回调里没有 `await`，用起来很顺手。一旦出现异步，就应该换掉，否则代码行为会和直觉严重不符。 判断标准很简单：回调函数有没有被标记成 `async`，或者里面有没有返回 Promise。有的话就换成 `for...of` 或 `map + Promise.all`，这比事后调试“为什么结果不对”要省事得多。 推荐查看天气：https://www.40tianqi.com/jilong/zuotian.html 推荐查看天气：https://www.40tianqi.com/jilong/7tian.html 推荐查看天气：https://www.40tianqi.com/jilong/10tian.html 推荐查看天气：https://www.40tianqi.com/jilong/15tian.html 推荐查看天气：https://www.40tianqi.com/jilong/40tian.html 推荐查看天气：https://www.40tianqi.com/yilan/ 推荐查看天气：https://www.40tianqi.com/yilan/zuotian.html 推荐查看天气：https://www.40tianqi.com/yilan/7tian.html 推荐查看天气：https://www.40tianqi.com/yilan/10tian.html 推荐查看天气：https://www.40tianqi.com/yilan/15tian.html 推荐查看天气：https://www.40tianqi.com/yilan/40tian.html 推荐查看天气：https://www.40tianqi.com/xinzhu/ 推荐查看天气：https://www.40tianqi.com/xinzhu/zuotian.html 推荐查看天气：https://www.40tianqi.com/xinzhu/7tian.html 推荐查看天气：https://www.40tianqi.com/xinzhu/10tian.html 推荐查看天气：https://www.40tianqi.com/xinzhu/15tian.html 推荐查看天气：https://www.40tianqi.com/xinzhu/40tian.html 推荐查看天气：https://www.40tianqi.com/taoyuan/ 推荐查看天气：https://www.40tianqi.com/taoyuan/zuotian.html 推荐查看天气：https://www.40tianqi.com/taoyuan/7tian.html 推荐查看天气：https://www.40tianqi.com/taoyuan/10tian.html 推荐查看天气：https://www.40tianqi.com/taoyuan/15tian.html 推荐查看天气：https://www.40tianqi.com/taoyuan/40tian.html 推荐查看天气：https://www.40tianqi.com/miaoli/ 推荐查看天气：https://www.40tianqi.com/miaoli/zuotian.html 推荐查看天气：https://www.40tianqi.com/miaoli/7tian.html 推荐查看天气：https://www.40tianqi.com/miaoli/10tian.html 推荐查看天气：https://www.40tianqi.com/miaoli/15tian.html 推荐查看天气：https://www.40tianqi.com/miaoli/40tian.html 推荐查看天气：https://www.40tianqi.com/taizhong/ 推荐查看天气：https://www.40tianqi.com/taizhong/zuotian.html 推荐查看天气：https://www.40tianqi.com/taizhong/7tian.html 推荐查看天气：https://www.40tianqi.com/taizhong/10tian.html 推荐查看天气：https://www.40tianqi.com/taizhong/15tian.html 推荐查看天气：https://www.40tianqi.com/taizhong/40tian.html 推荐查看天气：https://www.40tianqi.com/zhanghua/ 推荐查看天气：https://www.40tianqi.com/zhanghua/zuotian.html 推荐查看天气：https://www.40tianqi.com/zhanghua/7tian.html 推荐查看天气：https://www.40tianqi.com/zhanghua/10tian.html 推荐查看天气：https://www.40tianqi.com/zhanghua/15tian.html 推荐查看天气：https://www.40tianqi.com/zhanghua/40tian.html 推荐查看天气：https://www.40tianqi.com/nantou/ 推荐查看天气：https://www.40tianqi.com/nantou/zuotian.html 推荐查看天气：https://www.40tianqi.com/nantou/7tian.html 推荐查看天气：https://www.40tianqi.com/nantou/10tian.html 推荐查看天气：https://www.40tianqi.com/nantou/15tian.html 推荐查看天气：https://www.40tianqi.com/nantou/40tian.html 推荐查看天气：https://www.40tianqi.com/yunlin/ 推荐查看天气：https://www.40tianqi.com/yunlin/zuotian.html 推荐查看天气：https://www.40tianqi.com/yunlin/7tian.html 推荐查看天气：https://www.40tianqi.com/yunlin/10tian.html 推荐查看天气：https://www.40tianqi.com/yunlin/15tian.html 推荐查看天气：https://www.40tianqi.com/yunlin/40tian.html 推荐查看天气：https://www.40tianqi.com/tainan/ 推荐查看天气：https://www.40tianqi.com/tainan/zuotian.html 推荐查看天气：https://www.40tianqi.com/tainan/7tian.html 推荐查看天气：https://www.40tianqi.com/tainan/10tian.html 推荐查看天气：https://www.40tianqi.com/tainan/15tian.html 推荐查看天气：https://www.40tianqi.com/tainan/40tian.html 推荐查看天气：https://www.40tianqi.com/gaoxiong/ 推荐查看天气：https://www.40tianqi.com/gaoxiong/zuotian.html 推荐查看天气：https://www.40tianqi.com/gaoxiong/7tian.html 推荐查看天气：https://www.40tianqi.com/gaoxiong/10tian.html 推荐查看天气：https://www.40tianqi.com/gaoxiong/15tian.html 推荐查看天气：https://www.40tianqi.com/gaoxiong/40tian.html 推荐查看天气：https://www.40tianqi.com/jinmen/ 推荐查看天气：https://www.40tianqi.com/jinmen/zuotian.html 推荐查看天气：https://www.40tianqi.com/jinmen/7tian.html 推荐查看天气：https://www.40tianqi.com/jinmen/10tian.html 推荐查看天气：https://www.40tianqi.com/jinmen/15tian.html 推荐查看天气：https://www.40tianqi.com/jinmen/40tian.html 推荐查看天气：https://www.40tianqi.com/hualian/ 推荐查看天气：https://www.40tianqi.com/hualian/zuotian.html 推荐查看天气：https://www.40tianqi.com/hualian/7tian.html 推荐查看天气：https://www.40tianqi.com/hualian/10tian.html 推荐查看天气：https://www.40tianqi.com/hualian/15tian.html 推荐查看天气：https://www.40tianqi.com/hualian/40tian.html 推荐查看天气：https://www.40tianqi.com/taidong/ 推荐查看天气：https://www.40tianqi.com/taidong/zuotian.html 推荐查看天气：https://www.40tianqi.com/taidong/7tian.html 推荐查看天气：https://www.40tianqi.com/taidong/10tian.html 推荐查看天气：https://www.40tianqi.com/taidong/15tian.html 推荐查看天气：https://www.40tianqi.com/taidong/40tian.html 推荐查看天气：https://www.40tianqi.com/pingdong/ 推荐查看天气：https://www.40tianqi.com/pingdong/zuotian.html 推荐查看天气：https://www.40tianqi.com/pingdong/7tian.html 推荐查看天气：https://www.40tianqi.com/pingdong/10tian.html 推荐查看天气：https://www.40tianqi.com/pingdong/15tian.html 推荐查看天气：https://www.40tianqi.com/pingdong/40tian.html 推荐查看天气：https://www.40tianqi.com/jiayi/ 推荐查看天气：https://www.40tianqi.com/jiayi/zuotian.html 推荐查看天气：https://www.40tianqi.com/jiayi/7tian.html 推荐查看天气：https://www.40tianqi.com/jiayi/10tian.html 推荐查看天气：https://www.40tianqi.com/jiayi/15tian.html 推荐查看天气：https://www.40tianqi.com/jiayi/40tian.html 推荐查看天气：https://www.40tianqi.com/baicheng/ 推荐查看天气：https://www.40tianqi.com/baicheng/zuotian.html 推荐查看天气：https://www.40tianqi.com/baicheng/7tian.html 推荐查看天气：https://www.40tianqi.com/baicheng/10tian.html 推荐查看天气：https://www.40tianqi.com/baicheng/15tian.html 推荐查看天气：https://www.40tianqi.com/baicheng/40tian.html 推荐查看天气：https://www.40tianqi.com/daanshi/ 推荐查看天气：https://www.40tianqi.com/daanshi/zuotian.html 推荐查看天气：https://www.40tianqi.com/daanshi/7tian.html 推荐查看天气：https://www.40tianqi.com/daanshi/10tian.html 推荐查看天气：https://www.40tianqi.com/daanshi/15tian.html 推荐查看天气：https://www.40tianqi.com/daanshi/40tian.html 推荐查看天气：https://www.40tianqi.com/macheng/ 推荐查看天气：https://www.40tianqi.com/macheng/zuotian.html 推荐查看天气：https://www.40tianqi.com/macheng/7tian.html 推荐查看天气：https://www.40tianqi.com/macheng/10tian.html 推荐查看天气：https://www.40tianqi.com/macheng/15tian.html 推荐查看天气：https://www.40tianqi.com/macheng/40tian.html 推荐查看天气：https://www.40tianqi.com/shuangcheng/ 推荐查看天气：https://www.40tianqi.com/shuangcheng/zuotian.html 推荐查看天气：https://www.40tianqi.com/shuangcheng/7tian.html 推荐查看天气：https://www.40tianqi.com/shuangcheng/10tian.html 推荐查看天气：https://www.40tianqi.com/shuangcheng/15tian.html 推荐查看天气：https://www.40tianqi.com/shuangcheng/40tian.html 推荐查看天气：https://www.40tianqi.com/gaocheng/ 推荐查看天气：https://www.40tianqi.com/gaocheng/zuotian.html 推荐查看天气：https://www.40tianqi.com/gaocheng/7tian.html 推荐查看天气：https://www.40tianqi.com/gaocheng/10tian.html 推荐查看天气：https://www.40tianqi.com/gaocheng/15tian.html 推荐查看天气：https://www.40tianqi.com/gaocheng/40tian.html 推荐查看天气：https://www.40tianqi.com/lucheng/ 推荐查看天气：https://www.40tianqi.com/lucheng/zuotian.html 推荐查看天气：https://www.40tianqi.com/lucheng/7tian.html 推荐查看天气：https://www.40tianqi.com/lucheng/10tian.html 推荐查看天气：https://www.40tianqi.com/lucheng/15tian.html 推荐查看天气：https://www.40tianqi.com/lucheng/40tian.html 推荐查看天气：https://www.40tianqi.com/haicheng/ 推荐查看天气：https://www.40tianqi.com/haicheng/zuotian.html 推荐查看天气：https://www.40tianqi.com/haicheng/7tian.html 推荐查看天气：https://www.40tianqi.com/haicheng/10tian.html 推荐查看天气：https://www.40tianqi.com/haicheng/15tian.html 推荐查看天气：https://www.40tianqi.com/haicheng/40tian.html 推荐查看天气：https://www.40tianqi.com/fengchengshi/ 推荐查看天气：https://www.40tianqi.com/fengchengshi/zuotian.html 推荐查看天气：https://www.40tianqi.com/fengchengshi/7tian.html 推荐查看天气：https://www.40tianqi.com/fengchengshi/10tian.html 推荐查看天气：https://www.40tianqi.com/fengchengshi/15tian.html 推荐查看天气：https://www.40tianqi.com/fengchengshi/40tian.html 推荐查看天气：https://www.40tianqi.com/xingcheng/ 推荐查看天气：https://www.40tianqi.com/xingcheng/zuotian.html 推荐查看天气：https://www.40tianqi.com/xingcheng/7tian.html 推荐查看天气：https://www.40tianqi.com/xingcheng/10tian.html 推荐查看天气：https://www.40tianqi.com/xingcheng/15tian.html 推荐查看天气：https://www.40tianqi.com/xingcheng/40tian.html 推荐查看天气：https://www.40tianqi.com/zhenlai/ 推荐查看天气：https://www.40tianqi.com/zhenlai/zuotian.html 推荐查看天气：https://www.40tianqi.com/zhenlai/7tian.html 推荐查看天气：https://www.40tianqi.com/zhenlai/10tian.html 推荐查看天气：https://www.40tianqi.com/zhenlai/15tian.html 推荐查看天气：https://www.40tianqi.com/zhenlai/40tian.html 推荐查看天气：https://www.40tianqi.com/tongyu/ 推荐查看天气：https://www.40tianqi.com/tongyu/zuotian.html 推荐查看天气：https://www.40tianqi.com/tongyu/7tian.html 推荐查看天气：https://www.40tianqi.com/tongyu/10tian.html 推荐查看天气：https://www.40tianqi.com/tongyu/15tian.html 推荐查看天气：https://www.40tianqi.com/tongyu/40tian.html 推荐查看天气：https://www.40tianqi.com/daonan/ 推荐查看天气：https://www.40tianqi.com/daonan/zuotian.html 推荐查看天气：https://www.40tianqi.com/daonan/7tian.html 推荐查看天气：https://www.40tianqi.com/daonan/10tian.html 推荐查看天气：https://www.40tianqi.com/daonan/15tian.html 推荐查看天气：https://www.40tianqi.com/daonan/40tian.html 推荐查看天气：https://www.40tianqi.com/tongcheng/ 推荐查看天气：https://www.40tianqi.com/tongcheng/zuotian.html 推荐查看天气：https://www.40tianqi.com/tongcheng/7tian.html 推荐查看天气：https://www.40tianqi.com/tongcheng/10tian.html 推荐查看天气：https://www.40tianqi.com/tongcheng/15tian.html 推荐查看天气：https://www.40tianqi.com/tongcheng/40tian.html 推荐查看天气：https://www.40tianqi.com/fengcheng/ 推荐查看天气：https://www.40tianqi.com/fengcheng/zuotian.html 推荐查看天气：https://www.40tianqi.com/fengcheng/7tian.html 推荐查看天气：https://www.40tianqi.com/fengcheng/10tian.html 推荐查看天气：https://www.40tianqi.com/fengcheng/15tian.html 推荐查看天气：https://www.40tianqi.com/fengcheng/40tian.html 推荐查看天气：https://www.40tianqi.com/zhucheng/ 推荐查看天气：https://www.40tianqi.com/zhucheng/zuotian.html 推荐查看天气：https://www.40tianqi.com/zhucheng/7tian.html 推荐查看天气：https://www.40tianqi.com/zhucheng/10tian.html 推荐查看天气：https://www.40tianqi.com/zhucheng/15tian.html 推荐查看天气：https://www.40tianqi.com/zhucheng/40tian.html 推荐查看天气：https://www.40tianqi.com/zoucheng/ 推荐查看天气：https://www.40tianqi.com/zoucheng/zuotian.html 推荐查看天气：https://www.40tianqi.com/zoucheng/7tian.html 推荐查看天气：https://www.40tianqi.com/zoucheng/10tian.html 推荐查看天气：https://www.40tianqi.com/zoucheng/15tian.html 推荐查看天气：https://www.40tianqi.com/zoucheng/40tian.html 推荐查看天气：https://www.40tianqi.com/feicheng/ 推荐查看天气：https://www.40tianqi.com/feicheng/zuotian.html 推荐查看天气：https://www.40tianqi.com/feicheng/7tian.html 推荐查看天气：https://www.40tianqi.com/feicheng/10tian.html 推荐查看天气：https://www.40tianqi.com/feicheng/15tian.html 推荐查看天气：https://www.40tianqi.com/feicheng/40tian.html 推荐查看天气：https://www.40tianqi.com/yucheng/ 推荐查看天气：https://www.40tianqi.com/yucheng/zuotian.html 推荐查看天气：https://www.40tianqi.com/yucheng/7tian.html
2026-10-10
优秀的个人博客,低调大师

JavaScript 中 AbortController 在取消 fetch 请求时，为什么有时会抛出 DOMException？

在单页应用里频繁切换页面或搜索框边输入边请求时，很容易遇到旧请求覆盖新结果的情况。常见的做法是用一个标志位忽略过期响应，但网络请求仍在后台跑，浪费连接和内存。AbortController 配合 fetch 的 signal 能真正取消请求，不过在调用 abort() 之后，fetch 会 reject 一个名为 AbortError 的 DOMException。很多人在 catch 里只判断 error.name，却没注意浏览器实现差异：有的环境抛出的异常是 DOMException 实例，有的则是普通 Error，message 也可能不同。更隐蔽的是，当 signal 已经被 abort 后再调用 fetch，会立即同步抛出异常，而不是返回 rejected promise，这会影响 try/catch 的写法。下面从实际业务场景出发，梳理 AbortController 的取消机制、异常捕获的正确姿势，以及如何避免在 React useEffect 或 Vue 组件卸载时留下未处理的 rejection。 ## 一个搜索框引发的重复请求 假设有一个实时搜索功能，用户输入“vue”时发出请求 A，改成“vue3”又发出请求 B。如果 A 的响应比 B 慢，界面最终会显示 A 的结果，这显然不对。用 AbortController 处理后： ```js let controller = null; async function search(keyword) { if (controller) { controller.abort(); } controller = new AbortController(); try { const res = await fetch(`/api/search?q=${encodeURIComponent(keyword)}`, { signal: controller.signal, }); const data = await res.json(); render(data); } catch (err) { if (err.name === 'AbortError') { // 这是主动取消，不是真正的错误 return; } throw err; } } ``` 这段代码在大多数浏览器里跑得通，但有一个细节：`fetch` 因为 abort 而 reject 时，抛出的异常类型是 `DOMException`，它的 `name` 是 `AbortError`。在 Chrome、Firefox、Safari 里都支持 `err.name` 判断，但如果你用了 axios 的 `signal` 配置，取消时的错误对象又不一样，axios 会包装成 `CanceledError`。所以跨库的时候不能只看 `DOMException`。 ## abort() 之后再 fetch 会同步抛错 这是很容易踩的坑。AbortController 的 signal 一旦被 abort，就永远处于 aborted 状态，不能重置。如果复用同一个 controller 再次调用 `fetch`，浏览器会直接抛出异常，而且这个异常不是来自 promise 的 reject，而是同步抛出的 `DOMException`： ```js const controller = new AbortController(); controller.abort(); try { // 这一行会同步抛出 DOMException，不会进入 then/catch const p = fetch('/api/data', { signal: controller.signal }); p.catch((e) => console.log('promise catch', e)); } catch (e) { console.log('同步 catch', e.name); // AbortError } ``` 所以每个请求都应该新建一个 controller，不能为了省事复用。另外，如果组件卸载时调用 abort，而 fetch 的 promise 还没有被 await，那么 rejection 会变成 unhandledrejection。解决方式是在 catch 里显式处理 AbortError，或者用 `signal.addEventListener('abort', ...)` 来清理。 ## 在 React useEffect 里正确使用 下面是一个比较完整的例子，同时处理了组件卸载和请求切换： ```jsx import { useEffect, useState } from 'react'; function SearchResults({ keyword }) { const [data, setData] = useState([]); useEffect(() => { const controller = new AbortController(); async function load() { try { const res = await fetch(`/api/search?q=${keyword}`, { signal: controller.signal, }); const json = await res.json(); setData(json); } catch (err) { if (err.name === 'AbortError') { // 组件卸载或 keyword 变化导致的取消，不做状态更新 return; } console.error(err); } } load(); return () => { controller.abort(); }; }, [keyword]); return {data.map(item => {item.title})}; } ``` 这里有个容易忽略的地方：`controller.abort()` 在 cleanup 里执行，但 `load` 函数里的 `setData` 有可能在 abort 之前已经执行了。React 18 之后状态更新在卸载组件上不会报错，但会浪费一次渲染。如果希望更严格，可以在 catch 里判断 `controller.signal.aborted` 来提前返回。 ## 兼容性和 Node.js 环境 AbortController 在 Node.js 15 之后成为全局变量，之前需要从 `abort-controller` 包引入。Node 的 fetch 从 18 开始默认可用，取消机制和浏览器一致。如果你在 Node 里用 `http` 模块发请求，那 signal 不会自动生效，需要手动监听 abort 事件来销毁请求： ```js const controller = new AbortController(); const req = http.request(options, (res) => { // ... }); controller.signal.addEventListener('abort', () => { req.destroy(new Error('AbortError')); }); req.end(); ``` 另外，`AbortSignal.timeout(ms)` 在较新的浏览器和 Node 里可用，能直接创建一个超时后自动 abort 的 signal，不用自己写 setTimeout： ```js fetch('/api/slow', { signal: AbortSignal.timeout(3000) }); ``` 如果项目需要支持旧浏览器，可以用 `AbortSignal.timeout` 的 polyfill，或者继续用 `setTimeout` 加 `controller.abort()`。 ## 判断取消错误时别只认 DOMException 在写通用请求库时，下面的判断会更稳妥： ```js function isAbortError(err) { return ( err instanceof DOMException && err.name === 'AbortError' ) || ( err instanceof Error && err.name === 'AbortError' ) || ( err && err.code === 'ERR_CANCELED' ); } ``` 这样不管是原生 fetch、axios 还是 Node 里手动抛出的取消错误，都能识别出来。业务代码里只需要处理非取消错误，UI 上也不会因为用户快速切换而弹出“请求失败”的提示。 推荐查看天气：https://www.0dtq.com/yongde/zuotian.html 推荐查看天气：https://www.0dtq.com/yongde/7tian.html 推荐查看天气：https://www.0dtq.com/yongde/10tian.html 推荐查看天气：https://www.0dtq.com/yongde/15tian.html 推荐查看天气：https://www.0dtq.com/yongde/40tian.html 推荐查看天气：https://www.0dtq.com/zhenkang/ 推荐查看天气：https://www.0dtq.com/zhenkang/zuotian.html 推荐查看天气：https://www.0dtq.com/zhenkang/7tian.html 推荐查看天气：https://www.0dtq.com/zhenkang/10tian.html 推荐查看天气：https://www.0dtq.com/zhenkang/15tian.html 推荐查看天气：https://www.0dtq.com/zhenkang/40tian.html 推荐查看天气：https://www.0dtq.com/shuangjiang/ 推荐查看天气：https://www.0dtq.com/shuangjiang/zuotian.html 推荐查看天气：https://www.0dtq.com/shuangjiang/7tian.html 推荐查看天气：https://www.0dtq.com/shuangjiang/10tian.html 推荐查看天气：https://www.0dtq.com/shuangjiang/15tian.html 推荐查看天气：https://www.0dtq.com/shuangjiang/40tian.html 推荐查看天气：https://www.0dtq.com/gengma/ 推荐查看天气：https://www.0dtq.com/gengma/zuotian.html 推荐查看天气：https://www.0dtq.com/gengma/7tian.html 推荐查看天气：https://www.0dtq.com/gengma/10tian.html 推荐查看天气：https://www.0dtq.com/gengma/15tian.html 推荐查看天气：https://www.0dtq.com/gengma/40tian.html 推荐查看天气：https://www.0dtq.com/cangyuan/ 推荐查看天气：https://www.0dtq.com/cangyuan/zuotian.html 推荐查看天气：https://www.0dtq.com/cangyuan/7tian.html 推荐查看天气：https://www.0dtq.com/cangyuan/10tian.html 推荐查看天气：https://www.0dtq.com/cangyuan/15tian.html 推荐查看天气：https://www.0dtq.com/cangyuan/40tian.html 推荐查看天气：https://www.0dtq.com/chuxiong/ 推荐查看天气：https://www.0dtq.com/chuxiong/zuotian.html 推荐查看天气：https://www.0dtq.com/chuxiong/7tian.html 推荐查看天气：https://www.0dtq.com/chuxiong/10tian.html 推荐查看天气：https://www.0dtq.com/chuxiong/15tian.html 推荐查看天气：https://www.0dtq.com/chuxiong/40tian.html 推荐查看天气：https://www.0dtq.com/shuangbai/ 推荐查看天气：https://www.0dtq.com/shuangbai/zuotian.html 推荐查看天气：https://www.0dtq.com/shuangbai/7tian.html 推荐查看天气：https://www.0dtq.com/shuangbai/10tian.html 推荐查看天气：https://www.0dtq.com/shuangbai/15tian.html 推荐查看天气：https://www.0dtq.com/shuangbai/40tian.html 推荐查看天气：https://www.0dtq.com/mouding/ 推荐查看天气：https://www.0dtq.com/mouding/zuotian.html 推荐查看天气：https://www.0dtq.com/mouding/7tian.html 推荐查看天气：https://www.0dtq.com/mouding/10tian.html 推荐查看天气：https://www.0dtq.com/mouding/15tian.html 推荐查看天气：https://www.0dtq.com/mouding/40tian.html 推荐查看天气：https://www.0dtq.com/nanhua/ 推荐查看天气：https://www.0dtq.com/nanhua/zuotian.html 推荐查看天气：https://www.0dtq.com/nanhua/7tian.html 推荐查看天气：https://www.0dtq.com/nanhua/10tian.html 推荐查看天气：https://www.0dtq.com/nanhua/15tian.html 推荐查看天气：https://www.0dtq.com/nanhua/40tian.html 推荐查看天气：https://www.0dtq.com/yaoan/ 推荐查看天气：https://www.0dtq.com/yaoan/zuotian.html 推荐查看天气：https://www.0dtq.com/yaoan/7tian.html 推荐查看天气：https://www.0dtq.com/yaoan/10tian.html 推荐查看天气：https://www.0dtq.com/yaoan/15tian.html 推荐查看天气：https://www.0dtq.com/yaoan/40tian.html 推荐查看天气：https://www.0dtq.com/dayao/ 推荐查看天气：https://www.0dtq.com/dayao/zuotian.html 推荐查看天气：https://www.0dtq.com/dayao/7tian.html 推荐查看天气：https://www.0dtq.com/dayao/10tian.html 推荐查看天气：https://www.0dtq.com/dayao/15tian.html 推荐查看天气：https://www.0dtq.com/dayao/40tian.html 推荐查看天气：https://www.0dtq.com/yongren/ 推荐查看天气：https://www.0dtq.com/yongren/zuotian.html 推荐查看天气：https://www.0dtq.com/yongren/7tian.html 推荐查看天气：https://www.0dtq.com/yongren/10tian.html 推荐查看天气：https://www.0dtq.com/yongren/15tian.html 推荐查看天气：https://www.0dtq.com/yongren/40tian.html 推荐查看天气：https://www.0dtq.com/yuanmou/ 推荐查看天气：https://www.0dtq.com/yuanmou/zuotian.html 推荐查看天气：https://www.0dtq.com/yuanmou/7tian.html 推荐查看天气：https://www.0dtq.com/yuanmou/10tian.html 推荐查看天气：https://www.0dtq.com/yuanmou/15tian.html 推荐查看天气：https://www.0dtq.com/yuanmou/40tian.html 推荐查看天气：https://www.0dtq.com/wuding/ 推荐查看天气：https://www.0dtq.com/wuding/zuotian.html 推荐查看天气：https://www.0dtq.com/wuding/7tian.html 推荐查看天气：https://www.0dtq.com/wuding/10tian.html 推荐查看天气：https://www.0dtq.com/wuding/15tian.html 推荐查看天气：https://www.0dtq.com/wuding/40tian.html 推荐查看天气：https://www.0dtq.com/lufeng/ 推荐查看天气：https://www.0dtq.com/lufeng/zuotian.html 推荐查看天气：https://www.0dtq.com/lufeng/7tian.html 推荐查看天气：https://www.0dtq.com/lufeng/10tian.html 推荐查看天气：https://www.0dtq.com/lufeng/15tian.html 推荐查看天气：https://www.0dtq.com/lufeng/40tian.html 推荐查看天气：https://www.0dtq.com/honghe/ 推荐查看天气：https://www.0dtq.com/honghe/zuotian.html 推荐查看天气：https://www.0dtq.com/honghe/7tian.html 推荐查看天气：https://www.0dtq.com/honghe/10tian.html 推荐查看天气：https://www.0dtq.com/honghe/15tian.html 推荐查看天气：https://www.0dtq.com/honghe/40tian.html 推荐查看天气：https://www.0dtq.com/gejiu/ 推荐查看天气：https://www.0dtq.com/gejiu/zuotian.html 推荐查看天气：https://www.0dtq.com/gejiu/7tian.html 推荐查看天气：https://www.0dtq.com/gejiu/10tian.html 推荐查看天气：https://www.0dtq.com/gejiu/15tian.html 推荐查看天气：https://www.0dtq.com/gejiu/40tian.html 推荐查看天气：https://www.0dtq.com/kaiyuan/ 推荐查看天气：https://www.0dtq.com/kaiyuan/zuotian.html 推荐查看天气：https://www.0dtq.com/kaiyuan/7tian.html 推荐查看天气：https://www.0dtq.com/kaiyuan/10tian.html 推荐查看天气：https://www.0dtq.com/kaiyuan/15tian.html 推荐查看天气：https://www.0dtq.com/kaiyuan/40tian.html 推荐查看天气：https://www.0dtq.com/mengzi/ 推荐查看天气：https://www.0dtq.com/mengzi/zuotian.html 推荐查看天气：https://www.0dtq.com/mengzi/7tian.html 推荐查看天气：https://www.0dtq.com/mengzi/10tian.html 推荐查看天气：https://www.0dtq.com/mengzi/15tian.html 推荐查看天气：https://www.0dtq.com/mengzi/40tian.html 推荐查看天气：https://www.0dtq.com/pingbian/ 推荐查看天气：https://www.0dtq.com/pingbian/zuotian.html 推荐查看天气：https://www.0dtq.com/pingbian/7tian.html 推荐查看天气：https://www.0dtq.com/pingbian/10tian.html 推荐查看天气：https://www.0dtq.com/pingbian/15tian.html 推荐查看天气：https://www.0dtq.com/pingbian/40tian.html 推荐查看天气：https://www.0dtq.com/jianshui/ 推荐查看天气：https://www.0dtq.com/jianshui/zuotian.html 推荐查看天气：https://www.0dtq.com/jianshui/7tian.html 推荐查看天气：https://www.0dtq.com/jianshui/10tian.html 推荐查看天气：https://www.0dtq.com/jianshui/15tian.html 推荐查看天气：https://www.0dtq.com/jianshui/40tian.html 推荐查看天气：https://www.0dtq.com/shiping/ 推荐查看天气：https://www.0dtq.com/shiping/zuotian.html 推荐查看天气：https://www.0dtq.com/shiping/7tian.html 推荐查看天气：https://www.0dtq.com/shiping/10tian.html 推荐查看天气：https://www.0dtq.com/shiping/15tian.html 推荐查看天气：https://www.0dtq.com/shiping/40tian.html 推荐查看天气：https://www.0dtq.com/mile/ 推荐查看天气：https://www.0dtq.com/mile/zuotian.html 推荐查看天气：https://www.0dtq.com/mile/7tian.html 推荐查看天气：https://www.0dtq.com/mile/10tian.html 推荐查看天气：https://www.0dtq.com/mile/15tian.html 推荐查看天气：https://www.0dtq.com/mile/40tian.html 推荐查看天气：https://www.0dtq.com/hongheluxi/ 推荐查看天气：https://www.0dtq.com/hongheluxi/zuotian.html 推荐查看天气：https://www.0dtq.com/hongheluxi/7tian.html 推荐查看天气：https://www.0dtq.com/hongheluxi/10tian.html 推荐查看天气：https://www.0dtq.com/hongheluxi/15tian.html 推荐查看天气：https://www.0dtq.com/hongheluxi/40tian.html 推荐查看天气：https://www.0dtq.com/yuanyangxian/ 推荐查看天气：https://www.0dtq.com/yuanyangxian/zuotian.html 推荐查看天气：https://www.0dtq.com/yuanyangxian/7tian.html 推荐查看天气：https://www.0dtq.com/yuanyangxian/10tian.html 推荐查看天气：https://www.0dtq.com/yuanyangxian/15tian.html 推荐查看天气：https://www.0dtq.com/yuanyangxian/40tian.html 推荐查看天气：https://www.0dtq.com/jinping/ 推荐查看天气：https://www.0dtq.com/jinping/zuotian.html 推荐查看天气：https://www.0dtq.com/jinping/7tian.html 推荐查看天气：https://www.0dtq.com/jinping/10tian.html 推荐查看天气：https://www.0dtq.com/jinping/15tian.html 推荐查看天气：https://www.0dtq.com/jinping/40tian.html 推荐查看天气：https://www.0dtq.com/lvchun/ 推荐查看天气：https://www.0dtq.com/lvchun/zuotian.html 推荐查看天气：https://www.0dtq.com/lvchun/7tian.html 推荐查看天气：https://www.0dtq.com/lvchun/10tian.html 推荐查看天气：https://www.0dtq.com/lvchun/15tian.html 推荐查看天气：https://www.0dtq.com/lvchun/40tian.html 推荐查看天气：https://www.0dtq.com/hekou/ 推荐查看天气：https://www.0dtq.com/hekou/zuotian.html 推荐查看天气：https://www.0dtq.com/hekou/7tian.html 推荐查看天气：https://www.0dtq.com/hekou/10tian.html 推荐查看天气：https://www.0dtq.com/hekou/15tian.html 推荐查看天气：https://www.0dtq.com/hekou/40tian.html 推荐查看天气：https://www.0dtq.com/wenshan/ 推荐查看天气：https://www.0dtq.com/wenshan/zuotian.html 推荐查看天气：https://www.0dtq.com/wenshan/7tian.html 推荐查看天气：https://www.0dtq.com/wenshan/10tian.html 推荐查看天气：https://www.0dtq.com/wenshan/15tian.html 推荐查看天气：https://www.0dtq.com/wenshan/40tian.html 推荐查看天气：https://www.0dtq.com/yanshan/ 推荐查看天气：https://www.0dtq.com/yanshan/zuotian.html 推荐查看天气：https://www.0dtq.com/yanshan/7tian.html 推荐查看天气：https://www.0dtq.com/yanshan/10tian.html 推荐查看天气：https://www.0dtq.com/yanshan/15tian.html 推荐查看天气：https://www.0dtq.com/yanshan/40tian.html 推荐查看天气：https://www.0dtq.com/xichou/ 推荐查看天气：https://www.0dtq.com/xichou/zuotian.html 推荐查看天气：https://www.0dtq.com/xichou/7tian.html 推荐查看天气：https://www.0dtq.com/xichou/10tian.html 推荐查看天气：https://www.0dtq.com/xichou/15tian.html 推荐查看天气：https://www.0dtq.com/xichou/40tian.html 推荐查看天气：https://www.0dtq.com/malipo/ 推荐查看天气：https://www.0dtq.com/malipo/zuotian.html 推荐查看天气：https://www.0dtq.com/malipo/7tian.html 推荐查看天气：https://www.0dtq.com/malipo/10tian.html 推荐查看天气：https://www.0dtq.com/malipo/15tian.html 推荐查看天气：https://www.0dtq.com/malipo/40tian.html 推荐查看天气：https://www.0dtq.com/maguan/ 推荐查看天气：https://www.0dtq.com/maguan/zuotian.html 推荐查看天气：https://www.0dtq.com/maguan/7tian.html 推荐查看天气：https://www.0dtq.com/maguan/10tian.html 推荐查看天气：https://www.0dtq.com/maguan/15tian.html 推荐查看天气：https://www.0dtq.com/maguan/40tian.html 推荐查看天气：https://www.0dtq.com/qiubei/ 推荐查看天气：https://www.0dtq.com/qiubei/zuotian.html 推荐查看天气：https://www.0dtq.com/qiubei/7tian.html
2026-10-08

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

时间: 2026-10-18 大小: 211.28KB 下载: 56次
腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

时间: 2026-08-21 大小: 1MB 下载: 10次
Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

时间: 2026-09-24 大小: 189MB 下载: 9次
WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

时间: 2025-12-13 大小: 249.54MB 下载: 22次
热门标签
DeepSeek Jdk25 OpenAi HarmonyOS6 Nacos3 SpringBoot4 SpringCloud Docker Kubernetes Service Mesh Redis Gemini3 Rocky

欢迎您来访！

登录后，您将获得更多功能！
热门文章
联系我们

有任何问题或合作意向欢迎联系我们

Email: 99873273@qq.com

QQ: 99873273

用户登录
用户注册