我的接口返回的数据顺序总是不固定问题描述====我在开发突发奇想。将表头信息也给查出来一并返回给前端了。但是正因为这一举动却带来嘲讽。...然后当我们map进行输出的时候是先横向遍历。当遇到有纵向数据是在纵向遍历。...最终输出的顺序就是0、16、1、17、18、8问题解决====后来我看了下具体的Map的实现类，突然看到一个LinkedHashMap ， 当时不知道是个啥玩意但是看名字感觉像是HashMap的升级版而且是链式的...决定一探究竟为什么LinkedHashMap 可以实现按照写入顺序排序。通过结构图我们清楚看到他是HashMap的子类。所以他的存储结构和HashMap基本上是一样的。...因为这里是Bug解析所以关于LinkedHashMap源码的东西我就不深入研究了。最终我追踪到了是其内部linkNodeLast这个方法使其具有写入顺序的特性。
如果大家发现网上有抄袭本文章的，欢迎举报，并且积极向这个 github 仓库 提交 issue，谢谢支持~ 本文是“为什么我建议”系列第二篇，本系列中会针对一些在高并发场景下，我对于组内后台开发的一些开发建议以及开发规范的要求进行说明和分析解读...往期回顾： 为什么我建议在复杂但是性能关键的表上所有查询都加上 force index 在业务一开始上线的时候，我们线上日志级别是 INFO，并且在日志内容中输出了代码位置，格式例如： 2022-03...会到那两个原生方法，其实这里的代码是在做一件事，就是日志中要输出调用打印日志方法的代码位置，包括类名，方法名，方法行数这些。...由此，我建议：对于微服务环境，尤其是响应式微服务环境，堆栈深度非常深，如果会输出大量的日志的话，这个日志是不能带有代码位置的，否则会造成严重的性能衰减。...我们在关闭输出代码行位置之后，同样压力下，CPU 占用不再那么高，并且整体吞吐量有了明显的提升。
我的学习代码https://github.com/klren0312/gulp_begin 如果觉得npm很慢可以使用cnpm。 Gulp是一个在你开发web时，帮助你完成几个任务的工具。...如果你足够疯狂，你甚至可以使用Gulp创造一个静态页面生成器（我已经做到了！）。所以，Gulp是非常强大的，但是如果你想创建你自己的构建流程，你就要去学习如何使用Gulp。...gulp.src告诉Gulp任务，所要使用的文件。gulp.dest`告知当任务完成后，Gulp输出文件的地址。 让我们来尝试构造一个真实的任务，将Sass文件编译成CSS文件。...开发者面对一个问题是，当自动化运行这个进程时，很难将你的脚本串联成正确的顺序。...Gulp-useref 连接一定数量的CSS和JavaScript文件在一个单独的文件里，通过寻找一个注释，以“”.他的语法是： --> <!
1.2服务器端开发要做的事情 实现网站的业务逻辑 数据的增删改查 1.3为什么选择Node 使用JavaScript语法开发后端应用 一些公司要求前端工程师学握Node开发...注意： 读取文件是硬盘的操作，需要耗时，我们需要回调函数的方式获取文件读取的结果 这个回调函数包含两个参数 err，doc err是一个对象，包含错误信息 如果文件读取出错，返回err，错误信息...第三方模块有两种存在形式: 以js文件的形式存在，提供实现项目具体功能的API接口。...在命令行工具中执行gulp任务 6.8 Gulp中提供的方法 gulp.src(): 获取任务要处理的文件 gulp.dest(): 输出文件 gulp.task(): 建立gulp任务.../src/css/base.css') //将处理后的文件输出到dist目录 .pipe(gulp.dest('./dist/css')) ; }) ; 可能会出现如下错误： ?
3．cnpm 为什么要安装cnpm？据说npm的服务器在国外，如果我们在国内从npm上下载文件会反应慢，而且可能会异常报错。。装上这个东东就快了。。。...回调函数里边定义要处理的任务 任务呢就像火车一样，一环扣一环用点连接，最后一个才有分号结束。...，以gulp-sass为例。...这个情况是提醒我graceful-fs的版本太低 其他的报错，很大的可能就是你命令输入错误导致没装成功，一般就是字母输入错误，空格用了全角，标点用了全角等问题 遇到了再贴图吧。 ...同样的，如果你default任务的task参数里边，有方括号设定其他依赖任务的顺序，那么他执行完default任务的回调函数后，会按照你指定的方括号里的任务名字顺序来执行。
前段时间折腾Gulp，主要是搜寻一些插件，组合之以优化前端开发流程。...，这下打开了使用Gulp的任督二脉;你想让各个task按顺序执行，就有gulp-sequence供你搞起；你想使用熊猫压图，果不其然就有gulp-tinypng;你想让gulp命令能够接受传参，就有npm...超级有用的类库；众所周知js是单线程的，运用此类库可以： 保证任务按顺序执行，让gulp任务，可以相互独立，解除任务间的依赖，增强task复用；对于复杂的操作非常有用；安装: npm install...('build')); 这个插件很有作用，它可以用来遍历gulp.src()指定的那些文件；利用这个特性，以及npm下自带的path插件，即可获取到每个文件的文件名；在特定场景需求里，它帮了我很大忙。...工厂可以在任意多的任务中重用。你也可以嵌套这些工厂，或者把它们连接起来，已达到更好的效果。分离出每个共享的管道，也可以让你能够集中地管理，当你的工作流程更改后，你只需要修改一个地方即可。
tag，也可以是branchName），然后依次读取项目中的html、less、js进行压缩合并等操作，复制项目中所用到的第三方库到输出目录（即plugins中的插件，比如lodash、echarts等...那么这里配置的输入输出路径即为： 路径以gulpfile.js为参考位置。...可以写死一个版本，也可以在每次commit的时候生成一个tag，gulp-git也有creat-tag的功能，这个方案我是没有去尝试的，理论上应该没啥问题，没有去用的主要原因是，感觉这样打的tag有点多了...()) .pipe(concat('index.min.js')) .pipe(gulp.dest(config.output.dist)) }); 错误写法： gulp.task('...清理dist目录 写到这里，还有一个问题，就是没有对文件夹进行清理，这也是比较重要的，在每一次开始打包工作之前，我们需要清理dist目录，以保证下一次打包不会被上一次打包的文件“污染”。
我们不妨来看看现在 webpack 生态里那些成熟的插件是怎么写的，以 html-webpack-plugin 为例，这是一个广泛用于生成 html 文件的插件。...实际上，这两个问题我找遍了官方文档，也没有提到插件的顺序会影响哪些东西，stackoverflow 上倒是找到了一个问题：Webpack: Does the order of plugins matter...所以回答就是：插件的顺序有影响，但作用不明。 其实问题不止在插件的顺序先后上，就连一个插件到底对构建产生了哪些影响，我们也很难得知，除非你极其熟悉这个插件或者就是这个插件的作者。为什么会这样？...如果你知道或者使用过 gulp 这个自动化工具的话，应该会记得 gulp 管道的概念，即从源头那里得到源数据（js/css/html 源码、图片、字体等等），然后数据通过一个又一个组合起来的管道，最后输出成为构建的结果...，这就是为什么我一直觉得 gulp + webpack 才是正确解决方案的原因。
总之，这中间会涉及很多种 DSL（领域特定语言）的处理，还要注意各个工序的顺序问题，这听起来似乎不是很简单的一件事，容易让初学者摸不着头脑。...那么最适合作为我们学习入口的当然是函数库的构建，因为它通常只涉及 JS/TS，这是我们最熟悉的领域。 构建函数库 为什么要做构建工作？...import { series, src } from "gulp"; // ...省略其他代码 // 先 cleanUtils，再 buildBundle，通过 series 按顺序执行 export...构建 ESM & CJS，支持按需加载 接下来就是看怎么构建符合 ESM 和 CJS 规范的产物，同时要支持多文件独立输出，以支持按需加载。...要输出多个文件，其实可以考虑指定多个构建入口，以单个模块作为入口，就能输出这个模块对应的构建结果。
但是随着应用规模的加大，目录层级越来越深，若是在某个模块中想要通过require方式以依赖名称或相对路径的方式引用其他模块就非常麻烦，影响开发效率和美观。...local/test/node_modules'、'/usr/local/node_modules'、'/usr/node_modules'、'/node_modules'] 这给我们一个启发，即加载某个模块的顺序就是按照上述数组项的顺序依次判断模块是否存在...那么，在猜想的基础上我们可以尝试修改该数组下可否影响本模块加载依赖的顺序，如果成功自然美丽，如若不成功需寻找更为恰当的解决方案。...='/usr/lib/node_modules'； var gulp = require('gulp'); 这样我们在执行文件，意想不到的事情发生了，仍报出“MODULE_NOT_FOUND”错误。...这是为什么呢？原因仍要追溯到源码。在源码分析小节中总结了三点，其中第二点提到了**Module.
通过给项目设置 300px 的宽度，nowrap 选项输出下面这个结果： ? 其中，每个项目收缩到大约 70px 以适应容器。 当属性值更新为 wrap 时，项目的宽度将等于原先的值，300px。...但是为什么弹性项目会占据整个屏幕的高度呢？在第一部分，容器高度被设置为 100vh，因此可用空间被这四行平分以适应 300px 的项目。...如果有两个或者两个以上的组，那么各组将会相对于它们的整数值进行排序 [4]。 在下面的例子中，有三个顺序组， -1， 0 和 1，它们按照如下顺序排列。...输出文件保留在 build 文件夹下。...我觉得这篇博客的亮点在于： 给出了大量图片和示例（其中不少是动图），对于理解很有帮助； 每一个引用的地方都带有注释，给读者追溯文章信息的源头提供了机会（这一点是第一次看到，值得学习）； 涉及到了一些细节
之后所有的gulp插件都以此方式安装，即npm install xx --save-dev gulp插件详细介绍 按照实际的打包顺序， 我依次会介绍gulp-git、gulp-htmlmin、gulp-uglify...：是否混淆变量名，默认为true(混淆)，全局变量不会被混淆，之前看到有的代码中的require被混淆掉了，导致代码错误，这个需要注意一下。...output：传递你一个对象去指定输出的选项，个人理解是定制化的去压缩，传递一个参数对象，否则执行默认的参数。...可能原因是，我下的插件不是看的文档的这个库，或者英文太差看错了。。。。。具体用的时候要自己注意了。...任务的插件，在实际场景中，不允许我们同时跑很多任务，因为任务之间往往是相互依赖的，此时run-sequence就是一个很好的选择，他可以让多个任务按照写入顺序执行，同时可以控制哪些任务并行跑，哪些按照顺序跑
本文将会介绍如何使用gulp4来搭建项目脚手架，如果您还在使用gulp3或更老的版本，您也以通过本文的一些思想将之前的项目进行完善，更新。...如果gulp不是你们团队的重点，也可以移步我的另一篇文章: 用 webpack 4.0 撸单页/多页脚手架 (jquery, react, vue, typescript) 前言 由于本文重点是介绍gulp4.0...脚手架用到的第三方插件介绍 gulp-jshint ——js语法检测 gulp-util ——终端控制台打印自定义错误信息 http-proxy-middleware ——设置代理，配合gulp-connect...2. dist目录，即输出的目录，具体结构如下： 可以看到我们会看到src打包后的目录对应static目录，为什么我们会加一层static呢？...我的设计是如果项目使用node等服务层框架，我们可以用gulp一并打包放入dist下，这样dist就是一个完整的包括前后端服务的项目目录了，当然大家也可以直接将src打包后的文件和文件夹直接放到dist
构建工具是一个把源代码生成可执行应用程序的过程自动化的程序（例如Android app生成apk）。构建包括编译、连接跟把代码打包成可用的或可执行的形式。...在小型项目中，开发者往往手动调用构建过程，这样在大型的项目中很不实用，在构建过程中难以跟踪什么需要被构建、按照什么顺序构建以及项目中存在哪些依赖。使用自动化工具会使构建过程更为连续。...2：gulp https://www.gulpjs.com.cn/ gulp是一个基于流的自动化构建工具。除了可以管理和执行任务，还支持监听文件、读写文件。...gulp被设计的非常简单，只通过下面5种方法就可以支持几乎所有构建场景： ?...Scope Hoisting（作用域提升），以减小输出文件的大小和提升运行性能。
而根据当前的 gulp 配置，每次发生修改，都会全量检测一遍所有的文件的语法问题，实际上已存在的问题我并不想在本次提交中修复（同时也是其他同事写的，例如不加分号问题，改动量太大）。...结果就是，一启动 gulp，哗哗的语法错误提示，根本找不到自己想看的文件检测结果。这时修改一个文件，又对所有文件做了一次全量检测，又是哗哗的满屏错误提示。而我只关心当前修改的文件检测结果。...节点，不指定-dev将保存至dependencies节点； 为什么要保存至package.json？...---- gulp-util幸之助 幸亏有gulp-util之协助：在折腾的过程中，难免不会出现奇奇怪怪的问题；然而gulp本身的报错提示机制真心让新手的我蛋蛋的忧伤：比如在折腾的过程中压缩JS代码就出现...---- 注：使用的时候纯路径比如”Browsersync.cn”尚好着，然而地址后面带一堆参数时候，就会遇到些问题；暂时还未搞明白以解决之，特注之，待弄懂！！
，但是当js文件过多，比如有几十个的时候，弄清楚它们的顺序是一件比较同时的事情。...而且即使你弄清楚顺序了，也不能避免上面出现的这种尴尬问题的发生。...我们从两个点来解释上面这句话：模块 和 打包 2.1模块 在前面学习中，我已经用了大量的篇幅解释了为什么前端需要模块化。...所以grunt/gulp也被称为前端自动化任务管理工具。我们来看一个gulp的task： ? 上面的task就是将src下面的所有js文件转成ES5的语法。并且最终输出到dist文件夹中。...重新打包，出现如下错误 ? 这个错误告诉我们：加载normal.css文件必须有对应的loader。
代码压缩方式 进入站点根目录下依次执行下面的命令： # 全局安装gulp模块 npm install gulp -g # 安装各种小功能模块 执行这步的时候，可能会提示权限的问题，最好以管理员模式执行...var plumber = require("gulp-plumber"); //容错组件（发生错误不跳出任务，并报出错误内容） var isScriptAll = true; //是否处理所有文件，.../public")); //输出到目标目录 }); // 压缩public目录下的css文件 gulp.task("compressCss", function () { var option.../public")); }); // 执行顺序： 清除public目录 -> 产生原始博客内容 -> 执行压缩混淆 -> 部署到服务器 gulp.task( "build", gulp.series...：我使用的https协议端口465，可以自行选择 SMTP_SECURE：如果没有使用https可以改为false
第三步：构建项目目录结构以及编写项目代码 本例代码只用做测试而已，目录结构以及代码是我随意写的 我的目录结构，如下图：（目录没有全部展开） ?...= require('q'); //- 用于解决任务执行顺序的问题（一个任务执行完毕才执行另外一个任务）（暂时还没用到） /*清理文件*/...html文件输出的目录 /*修改其它html文件的link标签和script标签引用的css和js文件名，并把html文件输出到指定的位置*/ gulp.src(['rev-css/*...; //压缩后的图片输出的位置 }); /*最终执行的任务-css*/ gulp.task('rev',['rev-html','compress-img']); //************...如果哪位大神有知道的，还望能在评论区给个链接，让我也学习学习。
的别名(地址引用关系)，导出对象最终以module.exports为准 8 模块导出两种方式的联系与区别 ?...第三方模块有两种存在形式： 以js文件的形式存在，提供实现项目具体功能的API接口。...以命令行工具形式存在，辅助项目开发 2 获取第三方模块 npmjs.com：第三方模块的存储和分发仓库 ?...在命令行工具中执行gulp任务 8 Gulp中提供的方法 gulp.src()：获取任务要处理的文件 gulp.dest()：输出文件 gulp.task()：建立gulp任务.../src/css/base.css') // 将处理后的文件输出到dist目录 .pipe(gulp.dest('.
第三方模块有两种存在形式: 以js文件的形式存在，提供实现项目具体功能的API接口。 以命令行工具形式存在，辅助项目开发 2....Gulp中提供的方法 gulp.src(): 获取任务要处理的文件 gulp.dest(): 输出文件 gulp.task(): 建立gulp任务 gulp.watch(): 监控文件的变化.../src/css/base.css') //将处理后的文件输出到dist目录 .pipe(gulp.dest('./dist/css')) ; }) ; 可能会出现如下错误： ?.../src/css/base.css') // 把处理后的文件输出到dist目录 .pipe(gulp.dest('..../src/css/base.css') // 把处理后的文件输出到dist目录 .pipe(gulp.dest('dist/css')); done(); });
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
