angular9 如何 增加 webpack配置 并将px转换为rem

 1.在项目中安装@angular-buildersnpmi-D@angular-builders/custom-webpack 2.在你的项目根目录创建webpack.config.js文件(和angular.json同级)module.exports={module:{rules:[{test:/.less$/,use:['postcss-loader','less-loader',]}]}};   3.在你的angular.json文件中进行配置首先配置ngserve指令"architect":{..."build":{"builder":"@angular-builders/custom-webpack:browser",这里进行替换"options":{这里进行添加"customWebpackConfig":{"path":"./extra-webpack.config.js"},...}},"serve":{"builder":"@angular-builders/custom-webpack:dev-server",这里进行替换"option...

angular8 配置 测试环境打包指令 生成测试环境包指令

1.angular.json文件中在architect下添加buildTest指令距离位置projects=>(你的项目名称)=>architect下和build指令serve指令同级"buildTest":{"builder":"@angular-devkit/build-angular:browser","options":{"outputPath":"dist/insuranceTest/",//这里是打包后文件的生成路径"index":"src/index.html","main":"src/main.ts","polyfills":"src/polyfills.ts","tsConfig":"src/tsconfig.app.json","assets":["src/favicon.ico","src/assets"],"styles":["src/styles.less"],"scripts":[]},"configurations":{"test":{//这里是配置环境地址"fileReplacements":[{"replace":"src/environm...

angular8 打包时 文件过大 导致内存溢出解决方案(记录)

在package.json中添加"scripts":{"ng":"ng","start":"ngserve","build":"ngbuild","test":"ngtest","lint":"nglint","buildTest":"ngbuild--build--optimizer--aot","buildProd":"node--max-old-space-size=8000node_modules\@angular\cli\bin\ngbuild--prod--build--optimizer--aot","e2e":"nge2e"},  "buildProd":"node--max-old-space-size=8000node_modules\@angular\cli\bin\ngbuild--prod--build--optimizer--aot",使用npmrunbuildProd...

angular8中 如何引入两个echarts版本

下载echarts2和echarts4的源码,然后在index.html中1.先引入echarts4版本2.然后引入echarts2版本并且将echarts2源码中所有echarts替换为echarts2使用的时候如果需要使用版本4  declareconstecharts:any;echarts.init(document.getElementById('box'))  如果要使用版本2declareconstecharts2:any;echarts2.init(document.getElementById('box'));  ...

echarts 饼状图调节 label和labelLine的位置

 原理使用一个默认颜色为透明的,并且只显示labelLine的饼状图然后通过调节这个透明的饼状图以达到修改labelLine的位置echarts地址https://gallery.echartsjs.com/editor.html?c=x6VnXPfxlx echarts源码:option={backgroundColor:"#03141c",title:{text:"84%",subtext:'完成部门占比',x:'center',y:'center',textStyle:{color:"#fff",fontSize:30,fontWeight:'normal'},subtextStyle:{color:"rgba(255,255,255,.45)",fontSize:14,fontWeight:'normal'}},tooltip:{trigger:'item',formatter:"{a}<br/>{b}:{c}({d}%)"},legend:{x:'center',y:'bottom',data:['rose3','rose5','rose6',...

angular 升级到angular8 以及报错信息解决

1.升级全局angular-clinpminstall-g@angular/cli@latest  2.升级项目内angular-cli(在需要升级的项目中运行)npmi@angular/cli@latest  3.升级剩下的所有组件ngupdate--all--force  4.更新所有需要安装的组件(在需要升级的项目下)npmi  如果出现报错信息类似于如下这种ERRORin./src/polyfills.tsModulenotfound:Error:Can'tresolve'core-js/es6/array'in'C:CoddingWorkspacevehicle_insurance_pcsrc'ERRORin./src/polyfills.tsModulenotfound:Error:Can'tresolve'core-js/es6/date'in'C:CoddingWorkspacevehicle_insurance_pcsrc'ERRORin./src/polyfills.tsModulenotfound:Error:Can'tresolve...

Angular2 ng2 如何配置惰性加载

需要修改至少四个地方1.将子组件进行模块化操作2.生成子组件module、子组件router3.配置主路由信息改为loadChild4.配置appModule删除引入以product组件为例这个组件是一个一级菜单所以需要给这个页面生成一个module   1.生成product.module组件2.生成routers路由列表(这里可以分为两个文件写)import{NgModule}from'@angular/core';import{CommonModule}from'@angular/common';import{ProductComponent}from'./product.component';import{RouterModule}from'@angular/router';constroutes=[{path:'',//注意:这里一定要写空component:ProductComponent}];@NgModule({imports:[CommonModule,RouterModule.forChild(routes)//导入product模块自...

angular2 图片赋值的时候前面自动加 unsafe:xxx 导致图片信息不显示问题

需要创建一个pipe代码如下import{Pipe,PipeTransform}from'@angular/core';import{DomSanitizer}from'@angular/platform-browser';@Pipe({name:'trustUrl'})exportclassTrustUrlPipeimplementsPipeTransform{constructor(privatesanitizer:DomSanitizer){}transform(url:any,args?:any):any{//允许通过不安全的urlreturnthis.sanitizer.bypassSecurityTrustResourceUrl(url);}}  2.在url中使用此管道<imgsrc="(baseImgSrc)|trustUrl">  baseImgSrc 是图片的路径 ...

angular6、7 兼容ie9、10、11

1.找到polyfill.ts并打开注释 /***ThisfileincludespolyfillsneededbyAngularandisloadedbeforetheapp.*Youcanaddyourownextrapolyfillstothisfile.**Thisfileisdividedinto2sections:*1.Browserpolyfills.TheseareappliedbeforeloadingZoneJSandaresortedbybrowsers.*2.Applicationimports.FilesimportedafterZoneJSthatshouldbeloadedbeforeyourmain*file.**Thecurrentsetupisforso-called"evergreen"browsers;thelastversionsofbrowsersthat*automaticallyupdatethemselves.ThisincludesSafari>=10,Chrome>=55(includingOpera),*Ed...
代码星球 代码星球·2020-04-04

@angular/cli (angular脚手架) 如何降级

1.卸载npmuninstall-g@angular/cli  2.清除缓存  npmcacheverify  3.查看是否卸载成功ngv//如果显示ng不是内部或外部的指令则证明卸载成功  4.ngv查看版本是否安装成功,如果显示的版本和之前安装的一样,那需要关闭当前cmd 重新打开cmd再次输入ngv查看是否降级成功...

angular-cli ng build 打包完成后 打开文件显示空白

将index.html里面的<basehref="/">改为<basehref="./"> 前面加一个点就好了,然后再次打包。不能直接在本地打开,需要模拟服务器环境打开才可以。可以拖入HBuilder中打开打包好后的index.html然后Ctrl+R ...

Kubernetes对象中的PersistentVolume、PersistentVolumeClaim和StorageClass的概念关系

Kubernetes容器要持久化数据,离不开volume,k8s的volume和Docker原生概念中的volume有一些差别,不过本次不讲这个,本次要明确的是k8s持久化数据用到的几个对象PersistentVolume、PersistentVolumeClaim和StorageClass,首先明确这既然都是k8s对象,就可以通过API来创建的。    k8s的volume支持的类型有很多,例如emptyDir、hostPath、nfs等,这些相对好理解,还有一种就是ersistentVolumeClaim,刚开始接触的时候不太理解这个对象该如何使用,本次主要介绍ersistentVolumeClaim相关的概念和使用方法。    开始先要提一下PersistentVolume(PV)对象,PersistentVolume和Volume一样是群集中的一块存储区域,然而Kubernetes将PersistentVolume抽象成了一种集群资源,类似于集群中的节点(Node)对象,这意味着我们可以使用Kube...

Docker的bridge和macvlan两种网络模式

Docker有好几种网络模式,这里介绍下bridge和macvlan两种模式Bridge模式       Bridge模式是Docker默认的网络模式,当Docker进程启动时,会在主机上创建一个名为docker0的虚拟网桥,用来连接宿主机和容器,此主机上的Docker容器都会连接到这个虚拟网桥上,虚拟网桥的工作方式和物理交换机类似,这样所有容器就通过交换机连在了一个二层网络中。看一下实际创建容器后的情况 上面两个图是宿主机上看到的,创建了一个docker0的网桥,ip是172.17.0.1/16,并且创建了一个路由,ip在172.17.0.0/16段的都会都会转到docker0网桥上。  上图是从容器内部看到的,容器有eth0这个网卡对外通信,ip是172.17.0.2/16,跟docker0在同一网段,路由里defaultvia172.17.0.1指定了容器的网关是docker0并且容器的eth0还是eth0@if45,就是45网卡的一个接口上面是宿主机的网卡信息,可以看到有一个编号...

用BlazeMeter录制JMeter(三十五)测试脚本(转载)

1,JMeter2,Chrome3,BlazeMeter4,SwitchyOmega(如果需要代理) 以上工具准备好以后就可以录制JMeter的测试脚本了,在Chrome中点击BlazeMeter插件,出现下图: 可以为本次录制取一个名字,然后点击红色原点,开始录制脚本,然后开始录制你需要测试的功能。 每一次服务器请求,BlazeMeter插件的图标上的数字都会加一,可以清楚的看到你录制的步骤。当录制完成后,再次点击BlazeMeter的图标,然后点击黄色的停止按钮: 接着点击那个“jmx”按钮,将测试脚本导出: 最后会生成一个.jmx的文件,自己取个名字保存到相应的位置即可。打开Jmeter,file—>open:找到刚才保存的脚本文件,打开: 打开以后看到如下界面说明脚本已经导入了: 然后添加一个“viewresulttree”以便查看测试的详细信息: 如果需要代理的话还需要建一个“httprequestdefault&rdq...

Best Programming Language for Algorithmic Trading Systems?

https://www.quantstart.com/articles/Best-Programming-Language-for-Algorithmic-Trading-Systems/OneofthemostfrequentquestionsIreceiveintheQSmailbagis"Whatisthebestprogramminglanguageforalgorithmictrading?".Theshortansweristhatthereisno"best"language.Strategyparameters,performance,modularity,development,resiliencyandcostmustallbeconsidered.Thisarticlewilloutlinethenecessarycomponentsofanalgorithmictradingsystemarchitectureandhowdecisionsregardingimplementationaffectthechoiceoflanguage.Firstly,thema...
首页上一页...392393394395396...下一页尾页