在webpack看来 一切皆模块,图片,样式文件,js文件… 。 但是webpack默认只能处理js模块,对于非js的内容它就需要一些帮手来处理了。这些帮手就是loader。

webpack 可以使用 loader 来预处理文件。这允许你打包除 JavaScript 之外的任何静态资源。你可以使用 Node.js 来很简单地编写自己的 loader。

处理css文件

下面,我们来讨论如何处理.css文件。

创建.css文件

在src目录下,再次创建一个css目录

|-src
|-src/css
|--------public.css
|--------style.css

src/css/public.css的内容如下

body,html{padding:0;font-size:14px;
}

src/css/style.css的内容如下

@import "public.css";
div {border:4px solid #ccc;width: 50%;height: 200px;margin:30px auto;box-shadow: 3px 3px 3px #ccc;background-color: #fff;text-align: center;
}

说明:

  • @import语句用来导入另一个css文件。

如果希望在.html文件中使用style.css样式,我们以前只学习过一种方式:直接在.html中通过link的方式来引入 。

那如果在js中引入了css会怎么样呢?

在.js中导入css

在js文件中引入css,就像vue项目中引入第三方ui样式一样,如element-ui的使用说明中提到的:

import Vue from 'vue';
import ElementUI from 'element-ui';
// 引入 css
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';Vue.use(ElementUI);new Vue({el: '#app',render: h => h(App)
});

很明显,上面的.js代码中引入了.css。

下面,我们修改自已的main.js,在 src/js/main.js中,引入css。

// nodejs中的模块化
const { updateDom } = require('./tool')
// es6中的模块化
import {log} from './tooles6'+ import '../css/style.css'
updateDom ('app','index.html')
log('test')

再次,打包代码,会报错。

ERROR in ./src/css/style.css 1:0
Module parse failed: Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> @import "public.css";
| div {
|   padding:20px;@ ./src/js/main.js 4:0-26

上面报错的原因是:webpack把.css文件内容当作了js代码来运行,那当然会报错了。所以,解决方法是安装相应的loader来处理。

安装并使用css-loader

对于loader的使用,其基本步骤是一致的,分成两步:

    1. 安装loader包
    1. 配置webpack.config.js中的module

安装

npm i css-loader -D
--------------------
+ css-loader@4.1.1
added 16 packages from 51 contributors in 14.718s7 packages are looking for funding

它也是开发依赖。

在配置文件中使用

修改webpack.config.js文件,添加modules

const path = require('path')
module.exports = {mode: 'development',entry:'./src/js/main.js',output:{path:path.resolve(__dirname, './build'),filename:'bundle.js'},
+  module:{ // 处理非js模块
+    rules:[ // 规则
+      {
+        test: /\.css$/, 		// 正则测试
+        use: ['css-loader'] 	// loader
+      }
+    ]
+  }
}

再次打包

它不会报错。但是,页面上也并没有出现样式的效果。打包之后的文件中并没有包含css代码。

安装并使用style-loader

如果我们希望样式生效,最终在.html文件中有两种情况:

  • 有style标签
  • 有link标签

而css-loader只是能让你在.js中通过import来引入.css,如果你希望引入的css代码最终以style标签的方式插入到html页面中,则还需要安装一个loader:style-loader

安装

npm i style-loader -D 
---------------
+ style-loader@1.2.1
added 4 packages from 6 contributors in 13.086s8 packages are looking for fundingrun `npm fund` for details

配置

// nodejs模块,对整个打包过程做设置
const path = require('path')
// __dirname : 当前文件夹的绝对路径
// path.join(): 路径拼接
const pathValue = path.join(__dirname, 'dist123')// console.log(pathValue)
module.exports = {// 设置打包的方式mode: "development",// 设置入口文件entry: "./src/js/main.js",// 设置出口文件output: {path:  pathValue,filename: 'abc.js'},// 用写loader的配置。用来处理那些 非js模块module: {rules:[ //规则: 什么文件,用什么loader来处理{test: /\.css$/, // 用正则匹配use:['style-loader','css-loader'] // 如果匹配成功,就使用Loader// 如果它是一个数组,则表示当匹配成功之后从右向左依次去使用loader。// css-loader: 允许你通过Import的方法引入css// style-loader: 可以把css以style标签的格式插入到html中}]}
}

Tip: 在有多个loader的情况下,use数组中的loader执行顺序是从右到左的过程。即:

  • 先用css-loader来处理css
  • 再用style-loader把css代码插入到html中的style标签中。

打包查看效果

index.html

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><title>index</title></head><body><div id="app"></div><!-- 引入两个js文件 --><!-- <script src="./tool.js"></script> --><!-- <script src="./index.js"></script> --><script src="./dist123/abc.js"></script>
</body>
</html>

现在就能看到css的效果了 。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0b8qP0Xh-1596243713654)(asset/image-20200731143422794.png)]在这里插入图片描述

原理是:

  • bundle.js中有一些js代码,它在运行时,会自动在.html文件中追加style标签,并输出样式。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vtLZWkts-1596243713657)(asset/image-20200603143508746.png)]在这里插入图片描述

拓展

你可以分析打包之后代码,来验证style-loader的工作原理。在bundler.js中,可以找到类似如下的代码:

eval("var api = __webpack_require__(/*! ../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js

再去node_modules\style-loader\dist\runtime\injectStylesIntoStyleTag.js 找下insertStyleElement这个方法,你就可以发现这个过程。

处理less文件

如果希望处理less文件,则还需要去安装额外的包。

创建less文件

在src目录的css目录下创建 index.less,则内容如下:

@import "style.css";body{div {padding:50px;}
}

在.js中引用.less

在src/js/main.js文件中引入less

// nodejs中的模块化
const { updateDom } = require('./tool')
// es6中的模块化
import {log} from './tooles6'- import '../css/style.css'
+ import '../css/index.less'
updateDom ('app','index.html')
log('test')

安装包

参考官网

npm i less-loader less -D
-------------------------
+ less@3.11.2
+ less-loader@6.1.0
added 50 packages from 123 contributors in 23.883s
  • less 用来把less–>css
  • less-loader用来加载less文件。

配置模块

在rules中添加一个配置,专门针对less文件。

module.exports = {// 非js模块,在这里处理module: {rules:[ //规则: 什么文件,用什么loader来处理{test: /\.css$/, // 用正则匹配use:['style-loader','css-loader'] // 如果匹配成功,就使用Loader// 如果它是一个数组,则表示当匹配成功之后从右向左依次去使用loader。// css-loader: 允许你通过Import的方法引入css// style-loader: 可以把css以style标签的格式插入到html中},
+      {test: /\.less$/, // 用正则匹配use:['style-loader','css-loader','less-loader'] // 如果匹配成功,就使用Loader// 如果它是一个数组,则表示当匹配成功之后从右向左依次去使用loader。// (1) less-loader: 把less加载,转成css// (2) css-loader: 允许你通过Import的方法引入css// (3) style-loader: 可以把css以style标签的格式插入到html中
+      }]}
}

注意:如上配置中,对于less文件的处理涉及三个loader,其处理顺序是less-loader --> css-loader–>style-loader。

  • less-loader:用来加载less文件,并处理成css
  • css-loader:用来加载css文件
  • style-loader:用来将css代码以style标签的格式插入到html文件中

url-loader-处理图片文件

参考链接:npm官网

如果在css(或者less)中通过url()引用了图片,则还需要使用特殊的url-loader。

在css中引入图片

  • src下新增目录:img,并在其下放置两张图片:一张图片大一些,一张图片小一些(可以自行决定)。

    • webpack.png: 49.4kb
    • webpack.svg: 3kb
  • 在style.css中引入图片,作为div标签的background。

@import "public.css";
div {border:4px solid #ccc;width: 50%;height: 200px;margin:30px auto;box-shadow: 3px 3px 3px #ccc;background-color:pink;text-align: center;
+  background-image: url('../img/webpack.png')
}

现在,直接打包,会报错。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-a4eoRdWX-1596243713660)(asset/image-20200603145626515.png)]在这里插入图片描述

原因:webpack它自已只能处理.js。

安装url-loader

npm i url-loader -D
------
+ url-loader@4.1.0
added 4 packages from 6 contributors in 6.171s

配置

module:{ // rules:[// ...{test:/\.(png|svg)$/,// 正则匹配,以.png结尾的文件, 以.svg结尾的文件use:['url-loader'] // 匹配成功,使用指定的loader}]
}

注意:

  • 正则表达式中的写法/\.(png|svg)$/ 表示可以匹配.png和.svg文件。

再次打包

检查它的效果:把图片文件转成base64编码。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kMOnROa5-1596243713662)(asset/image-20200603150213249.png)]在这里插入图片描述

好处:减少一次网络请求

坏处:增加了文件的大小

在实操的过程,会把一个较小的图片文件转base64,这样虽然会增加打包文件的大小,但可以减少一次网络请求,划算!

但是,如是一个文件特别大,就不适合去转base64:它会急剧增长打包文件的大小 。

下面来精细设置它能直接处理的文件阈值。

设置文件阈值

在modules中补充配置:

{test:/\.(png|svg)$/,use:[{loader:'url-loader',
+            options:{
+                limit: 3 * 1024 // 限制大小为3k
+            }}]
}

由于webpack.png的大小超过了上面的阈值,所以url-loader并不会处理这个图片文件,会报一个类似于如下的错误:

ERROR in ./src/img/webpack.png
Module build failed (from ./node_modules/url-loader/dist/cjs.js):
Error: Cannot find module 'file-loader'

报错的原因如下:当引入的文件大小大于或者等于指定的limit时,会交给file-loader来处理,同时把所有的参数也传给file-loader(参见这里的说明),而由于file-loader是另一个加载器,当前我们并没有安装它,所以报错了。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TKfcxiuW-1596243713665)(asset/image-20200603152729013.png)]在这里插入图片描述

安装并使用file-loader

安装

npm i file-loader -D
-----------------------
+ file-loader@6.0.0
added 4 packages from 6 contributors and removed 26 packages in 13.844s11 packages are looking for fundingrun `npm fund` for details

配置

不需要额外配置。如果url-loader处理不了,它会自动介入,file-loader会自动工作:它的处理结果是:

  • 找到这个文件
  • 复制一份,以hash值命名
  • 放在output设置的出口文件夹下。

打包测试

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-I4tAZ2yY-1596243713668)(asset/image-20200603153053111.png)]在这里插入图片描述

页面上还是不会正确地显示出图片来,因为这个file-loader只是负责把较大的图片移到打包出口文件夹,而不会把这个文件的地址信息更新到.css,或者是.html文件,这个工作需要我们去使用一个plugin来解决。

练习:babel-loader

能够把es6高级内容变为es5的loader名称为 babel-loader

es6/es7/es8等等高级标准有很多(let、箭头函数、对象解构赋值、…展开运算符、反勾号字符串等等),每个标准都需要一个独立的plugin进行降级处理,如果使用许多高级标准内容,那么势必要为此安装许多plugin,这样工作比较繁琐,系统已经考虑到这点了,其通过preset把许多常用的plugin给做了集合,因此一般性的使用只需要安装preset即可搞定(如果项目应用到了一个生僻的高级标准内容,preset处理不来,就还需要再安装对应的plugin处理)

let----降级---->plugin

箭头函数----降级—>plugin

npm官网: babel-loader

babel官网:https://www.babeljs.cn/setup#installation

步骤:

  1. 安装依赖包

    npm i babel-loader @babel/core @babel/preset-env -D
    
  2. 在webpack.config.js中做如下配置:

    {test: /\.js$/,exclude: /node_modules/,  // 排除目录use: [{loader:'babel-loader',options: {presets: ['@babel/preset-env']}}]  // es6转es5
    }
    

    说明: @babel/preset-env用来指定按什么样的预设来进行降级处理

  3. 打包测试

    打包之后,去打包后的文件中检查是否已经把const和箭头函数这种es6的代码转成了es5的代码。

小结

  • 一切皆模块,模块有loader
  • loader
    • 第一步:安装包
    • 第二步:配置rules
查看全文
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!

相关文章

  1. 实现包含n元输入的任意布尔函数

    合取和析取,合取范式析取范式 https://wenku.baidu.com/view/e889f1380912a216147929f6.html...

    2024/3/23 3:38:18
  2. uni-app 函数节流

    为了防止多次点击而造成多次跳转,这就需要用到节流这个函数throttle.js// 节流:触发函数事件后,短时间间隔内无法连续调用,只有上一次函数执行后,过了规定的时间间隔,才能进行下一次的函数调用。 export function throttle(fn, gapTime) {if (gapTime == null || gapTime …...

    2024/3/28 11:37:41
  3. cmd MySQL查询中文信息出现乱码

    使用set character_set_results=gbk;修改编码...

    2024/3/16 13:44:30
  4. redis笔记

    今日内容 1. redis1. 概念2. 下载安装3. 命令操作1. 数据结构4. 持久化操作5. 使用Java客户端操作redisRedis 1. 概念: redis是一款高性能的NOSQL系列的非关系型数据库1.1.什么是NOSQLNoSQL(NoSQL = Not Only SQL),意即“不仅仅是SQL”,是一项全新的数据库理念,泛指非关系型…...

    2024/3/26 4:11:53
  5. 37%最佳停止观望原理的matlab实现

    还是毕导THU的“脱单视频”给与我些许启发,感兴趣的小伙伴们可以Look一下这个链接:https://www.bilibili.com/video/BV1uJ411D7AW在这里,我忍不住用手头的工具实现这个37%法则,工具是matlab,众所周知,蒙特卡洛方法是按抽样调查法求取统计值来推定未知特性量的计算方法。举…...

    2024/3/15 22:01:57
  6. Android—Adapter适配器必须会!

    Adapter概念ArrayAdapterBaseAdapter总结 概念 Adapter(适配器),是Android开发必不可少的一个知识点,它负责连接控件与数据源,将数据绑定到控件上。比如经常使用的ListView(列表视图)、网格视图(GridView)、Spinner(下拉列表)等都需要用到适配器进行数据显示,也是比较灵活的…...

    2024/3/21 6:11:58
  7. java语言基(二)

    ...

    2024/3/27 14:31:43
  8. 剑指 Offer 68 - I. 二叉搜索树的最近公共祖先

    剑指 Offer 68 - I. 二叉搜索树的最近公共祖先 难度:简单 题目描述解题思路 二叉树嘛,肯定是递归,由于是二叉搜索树,所以可以很容易的判断出节点位于根节点的哪一边。分为以下几种情况: 1、其中一个节点就是根节点,那最近公共祖先就是根节点 2、一个在根节点左边,一个在…...

    2024/3/21 11:51:58
  9. 奇怪的学习路线增加了(日常)

    奇怪的学习路线增加了新的甘特图功能,丰富你的文章UML 图表FLowchart流程图计划任务完成任务 新的甘特图功能,丰富你的文章 Mon 06...

    2024/3/28 15:30:51
  10. python 用pip 安装 classifier

    用pip 安装 classifier 2020/8/1 classifier 已经到 2.0版本 版本主要有: from versions: 1.2, 1.3, 1.3.1, 1.4, 1.5, 1.5.1, 1.5.2, 1.6, 1.6.1, 1.6.2, 1.6.3, 1.6.4, 1.6.5, 1.7, 2.0安装 pip install classifier==2.0测试如果还是失败 先卸载,再次安装试一下 卸载代码…...

    2024/3/25 6:38:04
  11. 优先队列

    优先队列的特点 二叉堆是实现优先队列的基础。那么,优先队列是什么样子的呢?优先队列不再遵循先入先出的原则,而是分为两种情况。 1:最大优先队列,无论入队顺序如何,都是当前最大的元素优先出列 2:最小优先队列,无论入队顺序如何,都是当前最小的元素优先出列 例如有一…...

    2024/3/26 3:17:52
  12. html字体设置font-family

    <div ><p style="font-family:STHeiti">1.华文黑体:STHeiti</p><p style="font-family:STKaiti">2.华文楷体:STKaiti</p><p style="font-family:STSong">3.华文宋体:STSong</p><p style="f…...

    2024/3/20 8:04:11
  13. 垃圾回收器及 HostSpot 的细节实现

    并发标记与三色标记 三色标记 在三色标记法之前有一个算法叫 Mark-And-Sweep(标记清除)。这个算法会设置一个标志位来记录对象是否被使用。最开始所有的标记位都是 0,如果发现对象是可达的就会置为 1,一步步下去就会呈现一个类似树状的结果。等标记的步骤完成后,会将未被标…...

    2024/3/25 12:20:51
  14. 浅谈跨站脚本攻击XSS

    1. 概念 跨站脚本攻击(Cross-site scripting, 通常简称为XSS),是一种网站应用程序的安全漏洞攻击。 2. 攻击类型 XSS属于代码注入的一种,是通过在客户端写入javaScript, flash代码,盗取网站Cookie, 或者使网站无法正常浏览。 3. 攻击手段 利用XSS盗取Cookie, 再通过Cookie,…...

    2024/3/26 6:47:50
  15. Java使用Clipboard进行文本复制粘贴操作

    1、复制:public static void copyText(String data) {Clipboard clip = Toolkit.getDefaultToolkit().getSystemClipboard();//获取剪切板Transferable trans=new StringSelection(data);//转换clip.setContents(trans, null);//传输到剪切板}2、粘贴:public static String g…...

    2024/3/25 11:34:21
  16. JAVA中流程控制语句带有案例详细讲解

    判断 if…else if(判断条件){ 结果为true的操作 }else{ 结果为false的操作 } if(判断条件1){ }else if(判断条件2){ }else if(判断条件3){ }else{ }输入一个数字a,1-7,输入a的时候得到今天是星期几if语句可以嵌套使用 if(){ if(){ if(){ } } } switch...case switch(变量){ca…...

    2024/3/25 23:21:06
  17. Eclipse挂起在Android SDK内容加载器上

    本文翻译自:Eclipse hangs at the Android SDK Content Loader Ive been working with Eclipse 4.2 (Juno release 20120920-0800) on OS X 10.8.2 for a few weeks now, building apps for Android 3.0 and above. 我已经在OS X 10.8.2上使用Eclipse 4.2(Juno发布20120920-0…...

    2024/3/27 23:00:09
  18. matlab 多次重复测量试验数据非线性拟合 fitnlm

    matlab 多次重复测量试验数据非线性拟合 fitnlm fitnlm 方法查matlab官网,案例齐全且权威 方法:和单次测量一致 (仅数据排布理解一下就好,直接读取数据即可处理,树龄为x (a字符去掉,也可自己生成序列数据), 胸径为y)。...

    2024/3/17 16:05:55
  19. compare 比较文件怎么配置【篇】

    ...

    2024/3/27 12:58:42
  20. 07.Matlab常用函数

    Matlab常用函数三角函数绝对值平方根符号函数圆(取)整函数(1)ceil(2)floor(3)fix(4)round取模函数(余数)(1)mod(2)rem多项式运算函数(1)conv--多项式相乘函数(2)deconv--多项式相除函数最值函数(1)max(2)min平均值(mean)求和(sum) 三角函数>>…...

    2024/3/16 13:44:36

最新文章

  1. 网络七层模型之表示层:理解网络通信的架构(六)

    &#x1f90d; 前端开发工程师、技术日更博主、已过CET6 &#x1f368; 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 &#x1f560; 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》 &#x1f35a; 蓝桥云课签约作者、上架课程《Vue.js 和 E…...

    2024/3/29 15:46:28
  2. 梯度消失和梯度爆炸的一些处理方法

    在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言&#xff0c;在此感激不尽。 权重和梯度的更新公式如下&#xff1a; w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...

    2024/3/20 10:50:27
  3. 如何使用极狐GitLab 自定义 Pages 根域名

    本文作者&#xff1a;徐晓伟 GitLab 是一个全球知名的一体化 DevOps 平台&#xff0c;很多人都通过私有化部署 GitLab 来进行源代码托管。极狐GitLab 是 GitLab 在中国的发行版&#xff0c;专门为中国程序员服务。可以一键式部署极狐GitLab。 本文主要讲述了极狐GitLab Pages …...

    2024/3/28 6:59:08
  4. vue2高德地图选点

    <template><el-dialog :title"!dataForm.id ? 新建 : isDetail ? 详情 : 编辑" :close-on-click-modal"false" :visible.sync"show" class"rv-dialog rv-dialog_center" lock-scroll width"74%" :before-close&q…...

    2024/3/28 21:15:01
  5. 416. 分割等和子集问题(动态规划)

    题目 题解 class Solution:def canPartition(self, nums: List[int]) -> bool:# badcaseif not nums:return True# 不能被2整除if sum(nums) % 2 ! 0:return False# 状态定义&#xff1a;dp[i][j]表示当背包容量为j&#xff0c;用前i个物品是否正好可以将背包填满&#xff…...

    2024/3/28 16:59:55
  6. 【Java】ExcelWriter自适应宽度工具类(支持中文)

    工具类 import org.apache.poi.ss.usermodel.Cell; import org.apache.poi.ss.usermodel.CellType; import org.apache.poi.ss.usermodel.Row; import org.apache.poi.ss.usermodel.Sheet;/*** Excel工具类** author xiaoming* date 2023/11/17 10:40*/ public class ExcelUti…...

    2024/3/28 4:39:34
  7. Spring cloud负载均衡@LoadBalanced LoadBalancerClient

    LoadBalance vs Ribbon 由于Spring cloud2020之后移除了Ribbon&#xff0c;直接使用Spring Cloud LoadBalancer作为客户端负载均衡组件&#xff0c;我们讨论Spring负载均衡以Spring Cloud2020之后版本为主&#xff0c;学习Spring Cloud LoadBalance&#xff0c;暂不讨论Ribbon…...

    2024/3/28 5:03:31
  8. TSINGSEE青犀AI智能分析+视频监控工业园区周界安全防范方案

    一、背景需求分析 在工业产业园、化工园或生产制造园区中&#xff0c;周界防范意义重大&#xff0c;对园区的安全起到重要的作用。常规的安防方式是采用人员巡查&#xff0c;人力投入成本大而且效率低。周界一旦被破坏或入侵&#xff0c;会影响园区人员和资产安全&#xff0c;…...

    2024/3/28 19:59:46
  9. VB.net WebBrowser网页元素抓取分析方法

    在用WebBrowser编程实现网页操作自动化时&#xff0c;常要分析网页Html&#xff0c;例如网页在加载数据时&#xff0c;常会显示“系统处理中&#xff0c;请稍候..”&#xff0c;我们需要在数据加载完成后才能继续下一步操作&#xff0c;如何抓取这个信息的网页html元素变化&…...

    2024/3/28 21:57:52
  10. 【Objective-C】Objective-C汇总

    方法定义 参考&#xff1a;https://www.yiibai.com/objective_c/objective_c_functions.html Objective-C编程语言中方法定义的一般形式如下 - (return_type) method_name:( argumentType1 )argumentName1 joiningArgument2:( argumentType2 )argumentName2 ... joiningArgu…...

    2024/3/28 9:07:44
  11. 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】

    &#x1f468;‍&#x1f4bb;博客主页&#xff1a;花无缺 欢迎 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! 本文由 花无缺 原创 收录于专栏 【洛谷算法题】 文章目录 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】&#x1f30f;题目描述&#x1f30f;输入格…...

    2024/3/28 18:09:48
  12. 【ES6.0】- 扩展运算符(...)

    【ES6.0】- 扩展运算符... 文章目录 【ES6.0】- 扩展运算符...一、概述二、拷贝数组对象三、合并操作四、参数传递五、数组去重六、字符串转字符数组七、NodeList转数组八、解构变量九、打印日志十、总结 一、概述 **扩展运算符(...)**允许一个表达式在期望多个参数&#xff0…...

    2024/3/28 21:57:50
  13. 摩根看好的前智能硬件头部品牌双11交易数据极度异常!——是模式创新还是饮鸩止渴?

    文 | 螳螂观察 作者 | 李燃 双11狂欢已落下帷幕&#xff0c;各大品牌纷纷晒出优异的成绩单&#xff0c;摩根士丹利投资的智能硬件头部品牌凯迪仕也不例外。然而有爆料称&#xff0c;在自媒体平台发布霸榜各大榜单喜讯的凯迪仕智能锁&#xff0c;多个平台数据都表现出极度异常…...

    2024/3/29 10:46:22
  14. Go语言常用命令详解(二)

    文章目录 前言常用命令go bug示例参数说明 go doc示例参数说明 go env示例 go fix示例 go fmt示例 go generate示例 总结写在最后 前言 接着上一篇继续介绍Go语言的常用命令 常用命令 以下是一些常用的Go命令&#xff0c;这些命令可以帮助您在Go开发中进行编译、测试、运行和…...

    2024/3/28 10:24:59
  15. 用欧拉路径判断图同构推出reverse合法性:1116T4

    http://cplusoj.com/d/senior/p/SS231116D 假设我们要把 a a a 变成 b b b&#xff0c;我们在 a i a_i ai​ 和 a i 1 a_{i1} ai1​ 之间连边&#xff0c; b b b 同理&#xff0c;则 a a a 能变成 b b b 的充要条件是两图 A , B A,B A,B 同构。 必要性显然&#xff0…...

    2024/3/28 19:51:36
  16. 【NGINX--1】基础知识

    1、在 Debian/Ubuntu 上安装 NGINX 在 Debian 或 Ubuntu 机器上安装 NGINX 开源版。 更新已配置源的软件包信息&#xff0c;并安装一些有助于配置官方 NGINX 软件包仓库的软件包&#xff1a; apt-get update apt install -y curl gnupg2 ca-certificates lsb-release debian-…...

    2024/3/28 19:36:32
  17. Hive默认分割符、存储格式与数据压缩

    目录 1、Hive默认分割符2、Hive存储格式3、Hive数据压缩 1、Hive默认分割符 Hive创建表时指定的行受限&#xff08;ROW FORMAT&#xff09;配置标准HQL为&#xff1a; ... ROW FORMAT DELIMITED FIELDS TERMINATED BY \u0001 COLLECTION ITEMS TERMINATED BY , MAP KEYS TERMI…...

    2024/3/28 17:15:47
  18. 【论文阅读】MAG:一种用于航天器遥测数据中有效异常检测的新方法

    文章目录 摘要1 引言2 问题描述3 拟议框架4 所提出方法的细节A.数据预处理B.变量相关分析C.MAG模型D.异常分数 5 实验A.数据集和性能指标B.实验设置与平台C.结果和比较 6 结论 摘要 异常检测是保证航天器稳定性的关键。在航天器运行过程中&#xff0c;传感器和控制器产生大量周…...

    2024/3/29 9:27:12
  19. --max-old-space-size=8192报错

    vue项目运行时&#xff0c;如果经常运行慢&#xff0c;崩溃停止服务&#xff0c;报如下错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 因为在 Node 中&#xff0c;通过JavaScript使用内存时只能使用部分内存&#xff08;64位系统&…...

    2024/3/29 12:34:40
  20. 基于深度学习的恶意软件检测

    恶意软件是指恶意软件犯罪者用来感染个人计算机或整个组织的网络的软件。 它利用目标系统漏洞&#xff0c;例如可以被劫持的合法软件&#xff08;例如浏览器或 Web 应用程序插件&#xff09;中的错误。 恶意软件渗透可能会造成灾难性的后果&#xff0c;包括数据被盗、勒索或网…...

    2024/3/28 19:58:12
  21. JS原型对象prototype

    让我简单的为大家介绍一下原型对象prototype吧&#xff01; 使用原型实现方法共享 1.构造函数通过原型分配的函数是所有对象所 共享的。 2.JavaScript 规定&#xff0c;每一个构造函数都有一个 prototype 属性&#xff0c;指向另一个对象&#xff0c;所以我们也称为原型对象…...

    2024/3/28 21:57:45
  22. C++中只能有一个实例的单例类

    C中只能有一个实例的单例类 前面讨论的 President 类很不错&#xff0c;但存在一个缺陷&#xff1a;无法禁止通过实例化多个对象来创建多名总统&#xff1a; President One, Two, Three; 由于复制构造函数是私有的&#xff0c;其中每个对象都是不可复制的&#xff0c;但您的目…...

    2024/3/29 11:55:06
  23. python django 小程序图书借阅源码

    开发工具&#xff1a; PyCharm&#xff0c;mysql5.7&#xff0c;微信开发者工具 技术说明&#xff1a; python django html 小程序 功能介绍&#xff1a; 用户端&#xff1a; 登录注册&#xff08;含授权登录&#xff09; 首页显示搜索图书&#xff0c;轮播图&#xff0…...

    2024/3/29 8:23:18
  24. 电子学会C/C++编程等级考试2022年03月(一级)真题解析

    C/C++等级考试(1~8级)全部真题・点这里 第1题:双精度浮点数的输入输出 输入一个双精度浮点数,保留8位小数,输出这个浮点数。 时间限制:1000 内存限制:65536输入 只有一行,一个双精度浮点数。输出 一行,保留8位小数的浮点数。样例输入 3.1415926535798932样例输出 3.1…...

    2024/3/28 9:26:43
  25. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

    解析如下&#xff1a;1、长按电脑电源键直至关机&#xff0c;然后再按一次电源健重启电脑&#xff0c;按F8健进入安全模式2、安全模式下进入Windows系统桌面后&#xff0c;按住“winR”打开运行窗口&#xff0c;输入“services.msc”打开服务设置3、在服务界面&#xff0c;选中…...

    2022/11/19 21:17:18
  26. 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。

    %读入6幅图像&#xff08;每一幅图像的大小是564*564&#xff09; f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...

    2022/11/19 21:17:16
  27. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

    win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面&#xff0c;在等待界面中我们需要等待操作结束才能关机&#xff0c;虽然这比较麻烦&#xff0c;但是对系统进行配置和升级…...

    2022/11/19 21:17:15
  28. 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...

    有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows&#xff0c;请勿关闭计算机”的提示&#xff0c;要过很久才能进入系统&#xff0c;有的用户甚至几个小时也无法进入&#xff0c;下面就教大家这个问题的解决方法。第一种方法&#xff1a;我们首先在左下角的“开始…...

    2022/11/19 21:17:14
  29. win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...

    置信有很多用户都跟小编一样遇到过这样的问题&#xff0c;电脑时发现开机屏幕显现“正在配置Windows Update&#xff0c;请勿关机”(如下图所示)&#xff0c;而且还需求等大约5分钟才干进入系统。这是怎样回事呢&#xff1f;一切都是正常操作的&#xff0c;为什么开时机呈现“正…...

    2022/11/19 21:17:13
  30. 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...

    Win7系统开机启动时总是出现“配置Windows请勿关机”的提示&#xff0c;没过几秒后电脑自动重启&#xff0c;每次开机都这样无法进入系统&#xff0c;此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一&#xff1a;开机按下F8&#xff0c;在出现的Windows高级启动选…...

    2022/11/19 21:17:12
  31. 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...

    有不少windows10系统用户反映说碰到这样一个情况&#xff0c;就是电脑提示正在准备windows请勿关闭计算机&#xff0c;碰到这样的问题该怎么解决呢&#xff0c;现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法&#xff1a;1、2、依次…...

    2022/11/19 21:17:11
  32. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...

    今天和大家分享一下win7系统重装了Win7旗舰版系统后&#xff0c;每次关机的时候桌面上都会显示一个“配置Windows Update的界面&#xff0c;提示请勿关闭计算机”&#xff0c;每次停留好几分钟才能正常关机&#xff0c;导致什么情况引起的呢&#xff1f;出现配置Windows Update…...

    2022/11/19 21:17:10
  33. 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...

    只能是等着&#xff0c;别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚&#xff0c;只能是考虑备份数据后重装系统了。解决来方案一&#xff1a;管理员运行cmd&#xff1a;net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...

    2022/11/19 21:17:09
  34. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?

    原标题&#xff1a;电脑提示“配置Windows Update请勿关闭计算机”怎么办&#xff1f;win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢&#xff1f;一般的方…...

    2022/11/19 21:17:08
  35. 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...

    关机提示 windows7 正在配置windows 请勿关闭计算机 &#xff0c;然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;关机提示 windows7 正在配…...

    2022/11/19 21:17:05
  36. 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...

    钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...

    2022/11/19 21:17:05
  37. 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...

    前几天班里有位学生电脑(windows 7系统)出问题了&#xff0c;具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面&#xff0c;长时间没反应&#xff0c;无法进入系统。这个问题原来帮其他同学也解决过&#xff0c;网上搜了不少资料&#x…...

    2022/11/19 21:17:04
  38. 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...

    本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法&#xff0c;并在最后教给你1种保护系统安全的好方法&#xff0c;一起来看看&#xff01;电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中&#xff0c;添加了1个新功能在“磁…...

    2022/11/19 21:17:03
  39. 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...

    许多用户在长期不使用电脑的时候&#xff0c;开启电脑发现电脑显示&#xff1a;配置windows更新失败&#xff0c;正在还原更改&#xff0c;请勿关闭计算机。。.这要怎么办呢&#xff1f;下面小编就带着大家一起看看吧&#xff01;如果能够正常进入系统&#xff0c;建议您暂时移…...

    2022/11/19 21:17:02
  40. 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...

    配置windows update失败 还原更改 请勿关闭计算机&#xff0c;电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;配置windows update失败 还原更改 请勿关闭计算机&#x…...

    2022/11/19 21:17:01
  41. 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...

    不知道大家有没有遇到过这样的一个问题&#xff0c;就是我们的win7系统在关机的时候&#xff0c;总是喜欢显示“准备配置windows&#xff0c;请勿关机”这样的一个页面&#xff0c;没有什么大碍&#xff0c;但是如果一直等着的话就要两个小时甚至更久都关不了机&#xff0c;非常…...

    2022/11/19 21:17:00
  42. 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...

    当电脑出现正在准备配置windows请勿关闭计算机时&#xff0c;一般是您正对windows进行升级&#xff0c;但是这个要是长时间没有反应&#xff0c;我们不能再傻等下去了。可能是电脑出了别的问题了&#xff0c;来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...

    2022/11/19 21:16:59
  43. 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...

    我们使用电脑的过程中有时会遇到这种情况&#xff0c;当我们打开电脑之后&#xff0c;发现一直停留在一个界面&#xff1a;“配置Windows Update失败&#xff0c;还原更改请勿关闭计算机”&#xff0c;等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢&#xff0…...

    2022/11/19 21:16:58
  44. 如何在iPhone上关闭“请勿打扰”

    Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...

    2022/11/19 21:16:57