Vue系列 => [06] es6模块化导入导出 webpack Vue脚手架 element-ui组件库
目标
1.能够了解模块化的相关规范
2.了解webpack
3.了解使用Vue单文件组件
4.能够搭建Vue脚手架
5.掌握Element-UI的使用
1.模块化的分类
A.浏览器端的模块化
1).AMD(Asynchronous Module Definition,异步模块定义)代表产品为:Require.js2).CMD(Common Module Definition,通用模块定义)代表产品为:Sea.js
B.服务器端的模块化
服务器端的模块化规范是使用CommonJS规范:1).使用require引入其他模块或者包2).使用exports或者module.exports导出模块成员3).一个文件就是一个模块,都拥有独立的作用域
C.ES6模块化
ES6模块化规范中定义:1).每一个js文件都是独立的模块2).导入模块成员使用import关键字3).暴露模块成员使用export关键字
小结:推荐使用ES6模块化,因为AMD,CMD局限使用与浏览器端,而CommonJS在服务器端使用。
ES6模块化是浏览器端和服务器端通用的规范.
2.在NodeJS中安装babel
A.安装babel
打开终端,输入命令:npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node安装完毕之后,再次输入命令安装:npm install --save @babel/polyfill
B.创建babel.config.js
在项目目录中创建babel.config.js文件。
编辑js文件中的代码如下:const presets = [["@babel/env",{targets:{edge:"17",firefox:"60",chrome:"67",safari:"11.1"}}]]//暴露module.exports = { presets }
C.创建index.js文件
在项目目录中创建index.js文件作为入口文件在index.js中输入需要执行的js代码,例如:console.log("ok");
D.使用npx执行文件
打开终端,输入命令:npx babel-node ./index.js
3.设置默认导入/导出
A.默认导出
export default {成员A,成员B,.......
},如下:
let num = 100;
export default{num
}
B.默认导入
import 接收名称 from "模块标识符",如下:
import test from "./test.js"
注意:在一个模块中,只允许使用export default向外默认暴露一次成员,千万不要写多个export default。
如果在一个模块中没有向外暴露成员,其他模块引入该模块时将会得到一个空对象
4.设置按需导入/导出
A.按需导出
export let num = 998;
export let myName = "jack";
export function fn = function(){ console.log("fn") }
B.按需导入
import { num,fn as printFn ,myName } from "./test.js"
//同时导入默认导出的成员以及按需导入的成员
import test,{ num,fn as printFn ,myName } from "./test.js"
注意:一个模块中既可以按需导入也可以默认导入,一个模块中既可以按需导出也可以默认导出
5.直接导入并执行代码
import "./test2.js";
6.webpack的概念
webpack是一个流行的前端项目构建工具,可以解决目前web开发的困境。
webpack提供了模块化支持,代码压缩混淆,解决js兼容问题,性能优化等特性,提高了开发效率和项目的可维护性
7.webpack的基本使用
A.创建项目目录并初始化
创建项目,并打开项目所在目录的终端,输入命令:npm init -y
B.创建首页及js文件
在项目目录中创建index.html页面,并初始化页面结构:在页面中摆放一个ul,ul里面放置几个li
在项目目录中创建js文件夹,并在文件夹中创建index.js文件
C.安装jQuery
打开项目目录终端,输入命令:
npm install jQuery -S
D.导入jQuery
打开index.js文件,编写代码导入jQuery并实现功能:
import $ from "jquery";
$(function(){$("li:odd").css("background","cyan");$("li:odd").css("background","pink");
})
注意:此时项目运行会有错误,因为import $ from “jquery”;这句代码属于ES6的新语法代码,在浏览器中可能会存在兼容性问题
所以我们需要webpack来帮助我们解决这个问题。
E.安装webpack
1).打开项目目录终端,输入命令:npm install webpack webpack-cli -D2).然后在项目根目录中,创建一个 webpack.config.js 的配置文件用来配置webpack在 webpack.config.js 文件中编写代码进行webpack配置,如下:module.exports = {mode:"development"//可以设置为development(开发模式),production(发布模式)}补充:mode设置的是项目的编译模式。如果设置为development则表示项目处于开发阶段,不会进行压缩和混淆,打包速度会快一些如果设置为production则表示项目处于上线发布阶段,会进行压缩和混淆,打包速度会慢一些3).修改项目中的package.json文件添加运行脚本dev,如下:"scripts":{"dev":"webpack"}注意:scripts节点下的脚本,可以通过 npm run 运行,如:运行终端命令:npm run dev将会启动webpack进行项目打包4).运行dev命令进行项目打包,并在页面中引入项目打包生成的js文件打开项目目录终端,输入命令:npm run dev等待webpack打包完毕之后,找到默认的dist路径中生成的main.js文件,将其引入到html页面中。浏览页面查看效果。
8.设置webpack的打包入口/出口
在webpack 4.x中,默认会将src/index.js 作为默认的打包入口js文件默认会将dist/main.js 作为默认的打包输出js文件
如果不想使用默认的入口/出口js文件,我们可以通过改变 webpack.config.js 来设置入口/出口的js文件,如下:
const path = require("path");
module.exports = {mode:"development",//设置入口文件路径entry: path.join(__dirname,"./src/xx.js"),//设置出口文件output:{//设置路径path:path.join(__dirname,"./dist"),//设置文件名filename:"res.js"}
}
9.设置webpack的自动打包
默认情况下,我们更改入口js文件的代码,需要重新运行命令打包webpack,才能生成出口的js文件那么每次都要重新执行命令打包,这是一个非常繁琐的事情,那么,自动打包可以解决这样繁琐的操作。实现自动打包功能的步骤如下:A.安装自动打包功能的包:webpack-dev-servernpm install webpack-dev-server -DB.修改package.json中的dev指令如下:"scripts":{"dev":"webpack-dev-server"}C.将引入的js文件路径更改为:<script src="/bundle.js"></script>D.运行npm run dev,进行打包E.打开网址查看效果:http://localhost:8080注意:webpack-dev-server自动打包的输出文件,默认放到了服务器的根目录中.
补充:
在自动打包完毕之后,默认打开服务器网页,实现方式就是打开package.json文件,修改dev命令:
"dev": "webpack-dev-server --open --host 127.0.0.1 --port 9999"
10.配置html-webpack-plugin
使用html-webpack-plugin 可以生成一个预览页面。
因为当我们访问默认的 http://localhost:8080/的时候,看到的是一些文件和文件夹,想要查看我们的页面
还需要点击文件夹点击文件才能查看,那么我们希望默认就能看到一个页面,而不是看到文件夹或者目录。
实现默认预览页面功能的步骤如下:A.安装默认预览功能的包:html-webpack-pluginnpm install html-webpack-plugin -DB.修改webpack.config.js文件,如下://导入包const HtmlWebpackPlugin = require("html-webpack-plugin");//创建对象const htmlPlugin = new HtmlWebpackPlugin({//设置生成预览页面的模板文件template:"./src/index.html",//设置生成的预览页面名称filename:"index.html"})C.继续修改webpack.config.js文件,添加plugins信息:module.exports = {......plugins:[ htmlPlugin ]}
11.webpack中的加载器
通过loader打包非js模块:默认情况下,webpack只能打包js文件,如果想要打包非js文件,需要调用loader加载器才能打包loader加载器包含:1).less-loader2).sass-loader3).url-loader:打包处理css中与url路径有关的文件4).babel-loader:处理高级js语法的加载器5).postcss-loader6).css-loader,style-loader注意:指定多个loader时的顺序是固定的,而调用loader的顺序是从后向前进行调用A.安装style-loader,css-loader来处理样式文件1).安装包npm install style-loader css-loader -D2).配置规则:更改webpack.config.js的module中的rules数组module.exports = {......plugins:[ htmlPlugin ],module : {rules:[{//test设置需要匹配的文件类型,支持正则test:/\.css$/,//use表示该文件类型需要调用的loaderuse:['style-loader','css-loader']}]}}
B.安装less,less-loader处理less文件1).安装包npm install less-loader less -D2).配置规则:更改webpack.config.js的module中的rules数组module.exports = {......plugins:[ htmlPlugin ],module : {rules:[{//test设置需要匹配的文件类型,支持正则test:/\.css$/,//use表示该文件类型需要调用的loaderuse:['style-loader','css-loader']},{test:/\.less$/,use:['style-loader','css-loader','less-loader']}]}}
C.安装sass-loader,node-sass处理less文件1).安装包npm install sass-loader node-sass -D2).配置规则:更改webpack.config.js的module中的rules数组module.exports = {......plugins:[ htmlPlugin ],module : {rules:[{//test设置需要匹配的文件类型,支持正则test:/\.css$/,//use表示该文件类型需要调用的loaderuse:['style-loader','css-loader']},{test:/\.less$/,use:['style-loader','css-loader','less-loader']},{test:/\.scss$/,use:['style-loader','css-loader','sass-loader']}]}}补充:安装sass-loader失败时,大部分情况是因为网络原因,详情参考:https://segmentfault.com/a/1190000010984731?utm_source=tag-newestD.安装post-css自动添加css的兼容性前缀(-ie-,-webkit-)
1).安装包npm install postcss-loader autoprefixer -D
2).在项目根目录创建并配置postcss.config.js文件
const autoprefixer = require("autoprefixer");
module.exports = {plugins:[ autoprefixer ]
}
3).配置规则:更改webpack.config.js的module中的rules数组
module.exports = {......plugins:[ htmlPlugin ],module : {rules:[{//test设置需要匹配的文件类型,支持正则test:/\.css$/,//use表示该文件类型需要调用的loaderuse:['style-loader','css-loader','postcss-loader']},{test:/\.less$/,use:['style-loader','css-loader','less-loader']},{test:/\.scss$/,use:['style-loader','css-loader','sass-loader']}]}
}E.打包样式表中的图片以及字体文件
在样式表css中有时候会设置背景图片和设置字体文件,一样需要loader进行处理
使用url-loader和file-loader来处理打包图片文件以及字体文件
1).安装包npm install url-loader file-loader -D
2).配置规则:更改webpack.config.js的module中的rules数组
module.exports = {......plugins:[ htmlPlugin ],module : {rules:[{//test设置需要匹配的文件类型,支持正则test:/\.css$/,//use表示该文件类型需要调用的loaderuse:['style-loader','css-loader']},{test:/\.less$/,use:['style-loader','css-loader','less-loader']},{test:/\.scss$/,use:['style-loader','css-loader','sass-loader']},{test:/\.jpg|png|gif|bmp|ttf|eot|svg|woff|woff2$/,//limit用来设置字节数,只有小于limit值的图片,才会转换//为base64图片use:"url-loader?limit=16940"}]}
}F.打包js文件中的高级语法:在编写js的时候,有时候我们会使用高版本的js语法
有可能这些高版本的语法不被兼容,我们需要将之打包为兼容性的js代码
我们需要安装babel系列的包
A.安装babel转换器npm install babel-loader @babel/core @babel/runtime -D
B.安装babel语法插件包npm install @babel/preset-env @babel/plugin-transform-runtime @babel/plugin-proposal-class-properties -D
C.在项目根目录创建并配置babel.config.js文件module.exports = {presets:["@babel/preset-env"],plugins:[ "@babel/plugin-transform-runtime", "@babel/plugin-proposal-class-properties" ]}
D.配置规则:更改webpack.config.js的module中的rules数组
module.exports = {......plugins:[ htmlPlugin ],module : {rules:[{//test设置需要匹配的文件类型,支持正则test:/\.css$/,//use表示该文件类型需要调用的loaderuse:['style-loader','css-loader']},{test:/\.less$/,use:['style-loader','css-loader','less-loader']},{test:/\.scss$/,use:['style-loader','css-loader','sass-loader']},{test:/\.jpg|png|gif|bmp|ttf|eot|svg|woff|woff2$/,//limit用来设置字节数,只有小于limit值的图片,才会转换//为base64图片use:"url-loader?limit=16940"},{test:/\.js$/,use:"babel-loader",//exclude为排除项,意思是不要处理node_modules中的js文件exclude:/node_modules/}]}
}
12.Vue单文件组件
传统Vue组件的缺陷:
全局定义的组件不能重名,字符串模板缺乏语法高亮,不支持css(当html和js组件化时,css没有参与其中)
没有构建步骤限制,只能使用H5和ES5,不能使用预处理器(babel)
解决方案:
使用Vue单文件组件,每个单文件组件的后缀名都是.vue
每一个Vue单文件组件都由三部分组成
1).template组件组成的模板区域
2).script组成的业务逻辑区域
3).style样式区域
代码如下:
<template>组件代码区域</template><script>js代码区域</script><style scoped>样式代码区域</style>
补充:安装Vetur插件可以使得.vue文件中的代码高亮
配置.vue文件的加载器A.安装vue组件的加载器npm install vue-loader vue-template-compiler -DB.配置规则:更改webpack.config.js的module中的rules数组const VueLoaderPlugin = require("vue-loader/lib/plugin");const vuePlugin = new VueLoaderPlugin();module.exports = {......plugins:[ htmlPlugin, vuePlugin ],module : {rules:[...//其他规则{ test:/\.vue$/,loader:"vue-loader",}]}}
13.在webpack中使用vue
上一节我们安装处理了vue单文件组件的加载器,想要让vue单文件组件能够使用,我们必须要安装vue
并使用vue来引用vue单文件组件。
A.安装Vuenpm install vue -S
B.在index.js中引入vue:import Vue from "vue"
C.创建Vue实例对象并指定el,最后使用render函数渲染单文件组件const vm = new Vue({el:"#first",render:h=>h(app)})###14.使用webpack打包发布项目
在项目上线之前,我们需要将整个项目打包并发布。
A.配置package.json"scripts":{"dev":"webpack-dev-server","build":"webpack -p"}
B.在项目打包之前,可以将dist目录删除,生成全新的dist目录
15.Vue脚手架
Vue脚手架可以快速生成Vue项目基础的架构。
A.安装3.x版本的Vue脚手架:npm install -g @vue/cli
B.基于3.x版本的脚手架创建Vue项目:1).使用命令创建Vue项目命令:vue create my-project选择Manually select features(选择特性以创建项目)勾选特性可以用空格进行勾选。是否选用历史模式的路由:nESLint选择:ESLint + Standard config何时进行ESLint语法校验:Lint on savebabel,postcss等配置文件如何放置:In dedicated config files(单独使用文件进行配置)是否保存为模板:n使用哪个工具安装包:npm2).基于ui界面创建Vue项目命令:vue ui在自动打开的创建项目网页中配置项目信息。3).基于2.x的旧模板,创建Vue项目npm install -g @vue/cli-initvue init webpack my-projectC.分析Vue脚手架生成的项目结构node_modules:依赖包目录public:静态资源目录src:源码目录src/assets:资源目录src/components:组件目录src/views:视图组件目录src/App.vue:根组件src/main.js:入口jssrc/router.js:路由jsbabel.config.js:babel配置文件.eslintrc.js:
16.Vue脚手架的自定义配置
A.通过 package.json 进行配置 [不推荐使用]"vue":{"devServer":{"port":"9990","open":true}}B.通过单独的配置文件进行配置,创建vue.config.jsmodule.exports = {devServer:{port:8888,open:true}}
17.Element-UI的基本使用
Element-UI:一套基于2.0的桌面端组件库
官网地址:http://element-cn.eleme.io/#/zh-CN
A.安装:npm install element-ui -S
B.导入使用:import ElementUI from "element-ui";import "element-ui/lib/theme-chalk/index.css";
Vue.use(ElementUI)
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- Java 方法区、永久代的区别
参考文献: https://blog.csdn.net/u011635492/article/details/81046174 永久代和方法区的关系 涉及到内存模型时,往往会提到永久代,那么它和方法区又是什么关系呢?《Java虚拟机规范》只是规定了有方法区这么个概念和它的作用&…...
2024/5/8 7:44:54 - CSS——获得焦点元素
获得焦点元素 :focus 伪类 选择器用于选取获得焦点的元素 。 我们这里主要针对的是 表单元素 :hover 语法: .total input {border: 1px solid #ccc;height: 30px;width: 40px;transition: all .5s; } /*这个input 获得了焦点*/ .total input:focus {width: 80px;…...
2024/5/8 7:44:53 - 2020-10-13(函数下)
1.高阶函数 1.接收函数作为参数就是高阶函数 2.或者将函数作为返回值返回的函数就是高阶函数 #定义一个函数判断是否是函数 def fn1(a):if a % 2 0:return True # 现有一个列表如下 求其中的偶数并返回列表 list1 [1,2,3,4,5,6,7,8,9,10] # 高阶函数写法 def fn(fun,list1)…...
2024/5/8 7:44:53 - HDFS客户端操作2 文件操作
HDFS客户端操作2 文件操作 更多整理都在我的github上:Auraros欢迎大家。 连接方式 主要有两种连接HDFS方式: // 如果在resource中设置好了fs.defaultFS,则可以 Configuration conf new Configuration(); FileSystem fs FileSystem.get(…...
2024/5/8 7:44:52 - pycharm创建django项目时出错
在自定义Django虚拟环境下创建项目,最常见的方法是通过命令行去创建,步骤如下: 1.创建一个新的目录用于存放项目 2.进入该目录,然后在此处打开命令窗口,激活Django虚拟环境 3.创建项目,在命令行输入&#x…...
2024/5/8 1:32:34 - CentOS7无法使用yum命令
问题描述: One of the configured repositories failed (Unknown), and yum doesn’t have enough cached data to continue. At this point the only safe thing yum can do is fail. There are a few ways to work “fix” this: 解决方案:设置网卡开…...
2024/5/8 7:44:50 - nginx: [emerg] open() “/usr/local/nginx/logs/nginx.pid“ failed (2: No such file or directory)
可以看到在启动的时候是无法创建pid文件 1: 修改nginx.conf:vim /usr/local/nginx/conf/nginx.conf: 在配置文件中有个注释的地方: #pid logs/nginx.pid; 将注释放开,并修改为:pid /usr/local/nginx/logs/nginx.pid; 在 /usr…...
2024/5/8 7:44:49 - Scanner.nextInt和Scanner.hasNextInt
关于Scanner.nextInt和Scanner.hasNextInt 首先,Scanner.nextInt()和Scanner.hasNextInt()都可以输入 Scanner.hasNextInt()返回的是bool型 exp: import java.util.Scanner; public class h…...
2024/5/8 7:44:49 - elementUI中的表格怎么根据请求回的数据自定义内容(比如:状态、性别)
加一个slot-scope const map {0: 全部,1: 正常,2: 待发布,3: 已删除, } <el-table-columnprop"status"label"状态"align"center"width"100"><template slot-scope"scope"><span>{{ map[scope.row.statu…...
2024/5/8 7:44:48 - Java fastjson解析JSON
JSON格式及FastJson使用详解: https://zhuanlan.zhihu.com/p/62763428...
2024/5/8 7:44:46 - VSCode自定义快捷键生成Vue实例模板
VSCode自定义快捷键生成Vue实例模板 原因: 看到上课老师一下就vhtab出来了Vue模板,而我的就是出不来,我下来查看别人写的博客才找到了方法,希望对后面的你有帮助 配置: file - preference - user snippets 进行模板配…...
2024/5/8 7:44:46 - jenkins 托管静态资源
遇到的问题 job构建后需要publish html,引用远程第三方资源(pic,js,css)耗时比较久,其次安全问题,所以要使用Jenkins自身托管这些资源 解决办法 把资源放在Jenkins安装目录里的userContent下,然后访问ht…...
2024/5/8 7:44:45 - 蓝海创意云丨一份精准的剧本顺场表让您轻松搞定拍摄计划和项目预算
徐建,国内顶尖视效团队 MORE VFX 创始人在“电影视效公司生存法则”中谈到“我们现在大多是项目的导演和制片人都没有能力做出准确的BD,很多剧组没有习惯用自己的视效总监和视效制片人做BD,导致现在一个项目的BD和预算工作会转移到后期视效公…...
2024/5/8 7:44:44 - 分享2个近期遇到的MySQL数据库的BUG案例
作者:懂点IT的耿小厨 近一个月处理历史数据问题时,居然连续遇到了2个MySQL BUG,分享给大家一下,也欢迎指正是否有问题。 BUG1: 数据库版本: MySQL5.7.25 - 28 操作系统: Centos 7.…...
2024/5/8 7:44:42 - pytorch自带的模型剪枝工具prune的使用
torch.nn.utils.prune可以对模型进行剪枝,官方指导如下: https://pytorch.org/tutorials/intermediate/pruning_tutorial.html 直接上代码 首先建立模型网络: import torch import torch.nn as nn from torchsummary import summary devi…...
2024/5/8 7:44:41 - 【转】VsCode中使用Emmet神器快速编写HTML代码
【转载】自https://www.cnblogs.com/summit7ca/p/6944215.html VsCode中使用Emmet神器快速编写HTML代码 注释选中的行或光标所在的行 ctrl? 一、Emmet简述 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具. 在前端开发的过程中,一大部…...
2024/5/8 7:44:41 - 数据结构及算法-排序
数据结构及算法之排序 业精于勤,荒于嬉;行成于思,毁于随。——韩愈 最近有学习几个排序算法,记录下来以便之后用到。这里主要讲四个算法:选择排序、冒泡排序、插入排序 、快速排序。 选择排序 选择排序通俗的讲就…...
2024/5/8 7:44:39 - R^2 score is not well-defined with less than two samples
使用sklearn.metrics中的‘r2’(决定系数R^2)时, 报错: UndefinedMetricWarning: R^2 score is not well-defined with less than two samples.说明Y值只有一个(所以R^2不适用于留一法交叉验证)...
2024/5/8 7:44:38 - 工业互联网平台的“业务操作系统”
工业互联网和5G 现在5G网络的高连接速率、超低网络延迟、海量终端接入和可靠性是5g的优势,这些优势将非常有助于5g取代厂区现有的物联网通信技术,特别是Wifi、蓝牙等短距离通信技术。一些过去由于网络接入而无法实现的场景在5g下变得可行,例…...
2024/5/8 7:44:37 - 039. (9.12) 数模国赛C题 中小微企业的信贷决策 第三题思考
C 中小微企业的信贷决策 第三题思考思考查阅特征工程改进模型改动方面企业的生产经营和经济效益可能会受到一些突发因素影响,而且突发因素往往对不同行业、不同类别的企业会有不同的影响。 思考 正则化提取打标签:类别太多,难分,…...
2024/5/8 7:44:37
最新文章
- Ubuntu服务器如何安装桌面
更新软件库 apt-get update 升级软件 apt-get upgrade 安装ubuntu桌面系统 apt-get install ubuntu-desktop 运行过程需要手动确认两次,选择 Y。 安装完成之后,终端输入 reboot,重启服务器。...
2024/5/8 16:15:31 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/5/7 10:36:02 - 如何转行成为产品经理?
转行NPDP也是很合适的一条发展路径,之后从事新产品开发相关工作~ 一、什么是NPDP? NPDP 是产品经理国际资格认证,美国产品开发与管理协会(PDMA)发起的,是目前国际公认的唯一的新产品开发专业认证ÿ…...
2024/5/4 23:56:47 - ASP.NET Core 标识(Identity)框架系列(一):如何使用 ASP.NET Core 标识(Identity)框架创建用户和角色?
前言 ASP.NET Core 内置的标识(identity)框架,采用的是 RBAC(role-based access control,基于角色的访问控制)策略,是一个用于管理用户身份验证、授权和安全性的框架。 它提供了一套工具和库&…...
2024/5/5 15:45:29 - 416. 分割等和子集问题(动态规划)
题目 题解 class Solution:def canPartition(self, nums: List[int]) -> bool:# badcaseif not nums:return True# 不能被2整除if sum(nums) % 2 ! 0:return False# 状态定义:dp[i][j]表示当背包容量为j,用前i个物品是否正好可以将背包填满ÿ…...
2024/5/7 19:05:20 - 【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/5/7 22:31:36 - Spring cloud负载均衡@LoadBalanced LoadBalancerClient
LoadBalance vs Ribbon 由于Spring cloud2020之后移除了Ribbon,直接使用Spring Cloud LoadBalancer作为客户端负载均衡组件,我们讨论Spring负载均衡以Spring Cloud2020之后版本为主,学习Spring Cloud LoadBalance,暂不讨论Ribbon…...
2024/5/8 1:37:40 - TSINGSEE青犀AI智能分析+视频监控工业园区周界安全防范方案
一、背景需求分析 在工业产业园、化工园或生产制造园区中,周界防范意义重大,对园区的安全起到重要的作用。常规的安防方式是采用人员巡查,人力投入成本大而且效率低。周界一旦被破坏或入侵,会影响园区人员和资产安全,…...
2024/5/7 14:19:30 - VB.net WebBrowser网页元素抓取分析方法
在用WebBrowser编程实现网页操作自动化时,常要分析网页Html,例如网页在加载数据时,常会显示“系统处理中,请稍候..”,我们需要在数据加载完成后才能继续下一步操作,如何抓取这个信息的网页html元素变化&…...
2024/5/8 1:37:39 - 【Objective-C】Objective-C汇总
方法定义 参考:https://www.yiibai.com/objective_c/objective_c_functions.html Objective-C编程语言中方法定义的一般形式如下 - (return_type) method_name:( argumentType1 )argumentName1 joiningArgument2:( argumentType2 )argumentName2 ... joiningArgu…...
2024/5/7 16:57:02 - 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】
👨💻博客主页:花无缺 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 本文由 花无缺 原创 收录于专栏 【洛谷算法题】 文章目录 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】🌏题目描述🌏输入格…...
2024/5/7 14:58:59 - 【ES6.0】- 扩展运算符(...)
【ES6.0】- 扩展运算符... 文章目录 【ES6.0】- 扩展运算符...一、概述二、拷贝数组对象三、合并操作四、参数传递五、数组去重六、字符串转字符数组七、NodeList转数组八、解构变量九、打印日志十、总结 一、概述 **扩展运算符(...)**允许一个表达式在期望多个参数࿰…...
2024/5/7 1:54:46 - 摩根看好的前智能硬件头部品牌双11交易数据极度异常!——是模式创新还是饮鸩止渴?
文 | 螳螂观察 作者 | 李燃 双11狂欢已落下帷幕,各大品牌纷纷晒出优异的成绩单,摩根士丹利投资的智能硬件头部品牌凯迪仕也不例外。然而有爆料称,在自媒体平台发布霸榜各大榜单喜讯的凯迪仕智能锁,多个平台数据都表现出极度异常…...
2024/5/7 21:15:55 - Go语言常用命令详解(二)
文章目录 前言常用命令go bug示例参数说明 go doc示例参数说明 go env示例 go fix示例 go fmt示例 go generate示例 总结写在最后 前言 接着上一篇继续介绍Go语言的常用命令 常用命令 以下是一些常用的Go命令,这些命令可以帮助您在Go开发中进行编译、测试、运行和…...
2024/5/8 1:37:35 - 用欧拉路径判断图同构推出reverse合法性:1116T4
http://cplusoj.com/d/senior/p/SS231116D 假设我们要把 a a a 变成 b b b,我们在 a i a_i ai 和 a i 1 a_{i1} ai1 之间连边, b b b 同理,则 a a a 能变成 b b b 的充要条件是两图 A , B A,B A,B 同构。 必要性显然࿰…...
2024/5/7 16:05:05 - 【NGINX--1】基础知识
1、在 Debian/Ubuntu 上安装 NGINX 在 Debian 或 Ubuntu 机器上安装 NGINX 开源版。 更新已配置源的软件包信息,并安装一些有助于配置官方 NGINX 软件包仓库的软件包: apt-get update apt install -y curl gnupg2 ca-certificates lsb-release debian-…...
2024/5/7 16:04:58 - Hive默认分割符、存储格式与数据压缩
目录 1、Hive默认分割符2、Hive存储格式3、Hive数据压缩 1、Hive默认分割符 Hive创建表时指定的行受限(ROW FORMAT)配置标准HQL为: ... ROW FORMAT DELIMITED FIELDS TERMINATED BY \u0001 COLLECTION ITEMS TERMINATED BY , MAP KEYS TERMI…...
2024/5/8 1:37:32 - 【论文阅读】MAG:一种用于航天器遥测数据中有效异常检测的新方法
文章目录 摘要1 引言2 问题描述3 拟议框架4 所提出方法的细节A.数据预处理B.变量相关分析C.MAG模型D.异常分数 5 实验A.数据集和性能指标B.实验设置与平台C.结果和比较 6 结论 摘要 异常检测是保证航天器稳定性的关键。在航天器运行过程中,传感器和控制器产生大量周…...
2024/5/7 16:05:05 - --max-old-space-size=8192报错
vue项目运行时,如果经常运行慢,崩溃停止服务,报如下错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 因为在 Node 中,通过JavaScript使用内存时只能使用部分内存(64位系统&…...
2024/5/8 1:37:31 - 基于深度学习的恶意软件检测
恶意软件是指恶意软件犯罪者用来感染个人计算机或整个组织的网络的软件。 它利用目标系统漏洞,例如可以被劫持的合法软件(例如浏览器或 Web 应用程序插件)中的错误。 恶意软件渗透可能会造成灾难性的后果,包括数据被盗、勒索或网…...
2024/5/8 1:37:31 - JS原型对象prototype
让我简单的为大家介绍一下原型对象prototype吧! 使用原型实现方法共享 1.构造函数通过原型分配的函数是所有对象所 共享的。 2.JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象,所以我们也称为原型对象…...
2024/5/8 12:44:41 - C++中只能有一个实例的单例类
C中只能有一个实例的单例类 前面讨论的 President 类很不错,但存在一个缺陷:无法禁止通过实例化多个对象来创建多名总统: President One, Two, Three; 由于复制构造函数是私有的,其中每个对象都是不可复制的,但您的目…...
2024/5/8 9:51:44 - python django 小程序图书借阅源码
开发工具: PyCharm,mysql5.7,微信开发者工具 技术说明: python django html 小程序 功能介绍: 用户端: 登录注册(含授权登录) 首页显示搜索图书,轮播图࿰…...
2024/5/8 1:37:29 - 电子学会C/C++编程等级考试2022年03月(一级)真题解析
C/C++等级考试(1~8级)全部真题・点这里 第1题:双精度浮点数的输入输出 输入一个双精度浮点数,保留8位小数,输出这个浮点数。 时间限制:1000 内存限制:65536输入 只有一行,一个双精度浮点数。输出 一行,保留8位小数的浮点数。样例输入 3.1415926535798932样例输出 3.1…...
2024/5/7 17:09:45 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) 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 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在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