{ "compilerOptions": { /* 基本选项 */ "target": "es5", // 指定 ECMAScript 目标版本: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', or 'ESNEXT' "module": "commonjs", // 指定使用模块: 'commonjs', 'amd', 'system', 'um…
原文地址 https://www.jianshu.com/p/176ea79a7101 大纲 1.对angular项目中的一些文件的概述 2.对其中一些文件的详细描述 2.1.package.json 2.2.tsconfig.json 2.3.Polyfills 对angular项目中的一些文件的概述 angular-cli.json Angular CLI 的配置文件. 在这个文件中,你可以设置一系列默认值,还可以配置项目编译时要包含的那些文件. karma.conf.js karma 测试…
在有些使用 ECharts 库的 Angular 项目中,通常除了安装 npm 包之外,还会在 angular.json 中配置 “build.options.scripts”,将 “node_modules/echarts/dist/echarts.min.js”放入其中: "projects": { "<project-name>": { "architect": { "build": { "opti…
一.angular项目中如何实现路由缓存 需要实现的效果,对请求的数据进行缓存,比如进入文章详情页之后点击返回,不会再调用后台数据接口:而是加载缓存中的数据,如何数据变动的情况下,可使用下拉刷新刷新页面数据.类似于vue的keep-alive效果. 将下列代码保存为app-routing.cache.ts文件并保存在app文件夹下: import { RouteReuseStrategy, DefaultUrlSerializer, ActivatedRouteSnapshot, Detache…
第5讲 如何在项目中使用全局配置? Q:ionic开发,说纯粹一点,用的就是html+css+js,那么无疑跟web开发的方式是类似的.在这里给大家分享一个小技巧,如何在项目中使用全局配置? A:我的做法是,同web开发一样,在www/js文件夹中新建一个js文件,命名为config.js,在index.html中引用该config.js,就可以在controllers.js中对config.js里申明的对象.变量.函数等进行调用. 上一讲中的imgUrl就是声明在config.js中的: va…
gulp 在 angular 项目中的使用 keyword:gulp,angularjs,ng,ngAnnotate,jshint,gulpfile 最后附完整简洁的ng项目gulpfile.js 准备 全局安装gulp npm install --global gulp 项目开发依赖devDependencies安装 npm install --save-dev gulp 在项目根目录下创建一个名为 gulpfile.js 的文件 var gulp = require('gulp'); gul…
在angular4的项目中需要使用bootstrap的tooltip插件. 1. 使用命令安装jQuery和bootstrap npm install bootstrap jquery --save 2. 安装了bootstrap和jQuery之后,需要在.angular-cli.json中设置对jQuery和bootstrap的引用. ... "styles": [ "styles/bootstrap.scss", "styles.scss",…
配置预览 { "include": ["src/**/*"], "exclude": ["ndoe_modules", "src/test/*"], "compilerOptions": { "target": "es6", "module": "amd", "outDir": "…
1.第一步把依赖添加到项目中 npm install primeng --save npm install @angular/animations --save npm install font-awesome@4.7.0 --save 2.在.angular-cli.json中添加 "styles": [ "styles.css", "../node_modules/primeng/resources/primeng.min.css", &qu…
Node环境 通过 node.js 网站下载了安装包进行安装 node.js, npm也会一起安装 node --version # 查看node.js版本 npm --version #查看npm版本 npx --version 通过命令配置 npm 淘宝镜像 npm config set registry https://registry.npm.taobao.org npm config get registry #验证命令 npm config list #列出当前npm的配置列表 定位…
启用压缩,让页面加载更快 在我们开发的时候,为了方便调试,我们需要使用源码进行调试,但在生产环境,我们追求的更多的是加载更快,体验更好,这时候我们会将代码中的空格注释去掉,对代码进行混淆压缩,只为了让js,css文件变得更小,加载更快.但只是这样做是不够的,我们还可以做得更极致. gzip是Web世界中使用的最为广泛的文件压缩算法,当前我们使用的大多数服务端(比如nginx)和客户端(比如chrome)都已经支持了这个算法,所以如果我们在打包Vue项目的时候,可以直接将所有的静态资源压缩为gzi…
你还会用笔来写字么 我是不怎么会了,有时候老是拿起笔之后不知道这个字怎么写,这时候就会拿起手机去打出来:有时候还会写出来这个字之后越看越不像,这时候就开始怀疑自己的能力了:有时候写出来了一大堆字之后,等一段时间回过头来看,这时候会去质疑这些字是不是自己写的. 我在每一年的七月总是会拿起笔去写一篇日志,来使自己对过去的一年产生一些仪式感.那问题来了:在程序的世界里,写日志的意义是什么? 日志存在的意义 毫无疑问,日志的意义就是为了记录.记录下程序执行的过程.调试信息.错误信息以及我们想要输出的信息…
maven文件 <!-- redis --> <dependency> <groupId>redis.clients</groupId> <artifactId>jedis</artifactId> <version>${jedis.version}</version> </dependency> <dependency> <groupId>org.springframewo…
问题描述 使用vscode开发vue项目的时候,从远端拉下一个新的项目后,安装完依赖后跑起项目时,发现直接报了一堆语法错误:包括换行.空格.单双引号.分号等各种格式问题 因为我的 vscode 安装使用 vetur 插件,它默认使用的是 prettier 来格式化代码,从而在拉下代码时,直接格式化了我的代码 分析 这时首先想到的处理办法,是把 webpack 中 eslint 的相关配置关闭,这时,随然报错不见了,但问题并没有解决 这个项目是多人开发,如果我不设置 eslint 检测,那么对其它…
最开始的项目开发中,我们如果使用第三方的库我们会直接在项目中直接使用 script 元素标签引入即可. <script src="../xxx.js"></script> Vue 我们也可以这种引入的方式 <div id="root">{{name}}</div><script src="./dist/vue.js"></script><script>    co…
在Springboot出现之前配置数据源以及相关的事物,缓存等内容一直是个繁琐的工作,但是Springboot出现后这些基本都可以靠默认配置搞定,就变得很轻松了.这就是现在推崇模板>配置的原因,不过话说回来,如果你想配和模板不同,该繁琐的地方仍然一样繁琐,比如今天要讲的,在Springboot项目中配多数据源.接下来逐渐讲一下. 为项目添加Druid依赖 直接去Maven仓库搜最新的Druid和log4j,阿里的Druid强依赖log4j,却没加到Maven依赖中,实际上,不装log4j的话会报…
首先,在ASP.NET MVC5项目右键,如下图所示,选择“管理Nuget程序包...” 然后,在弹出的页面的搜索框中输入“spring.web”,在返回结果中选择Spring.Web和Spring.Web.MVC5以及Spring.Core,等待安装 至此,基本的Spring.Net环境所需要的外部程序已经安装完成. 然后,接下来我们配置mvc项目的web.config文件,配置完成的截图如下: 代码如下: <configuration> <configSections> <…
前言:每个maven springmvc 都应该有日志功能,SLF4J(Simple logging facade for Java)就是一种日志规范,它提供了一个共通接口,可以适配多种不同的LOG实现,下面介绍一下在Maven项目中使用SLF4J. 结合log4j 在项目中首先应该在 pom.xml 中添加依赖 <!-- https://mvnrepository.com/artifact/org.slf4j/slf4j-api --> <dependency> <grou…
什么是POM? POM是项目对象模型(Project Object Model)的简称,它是Maven项目中的文件,使用XML表示,名称叫做pom.xml.在Maven中,当谈到Project的时候,不仅仅是一堆包含代码的文件.一个Project往往包含一个配置文件,包括了与开发者有关的,缺陷跟踪系统,组织与许可,项目的URL,项目依赖,以及其他.它包含了所有与这个项目相关的东西.事实上,在Maven世界中,project可以什么都没有,甚至没有代码,但是必须包含pom.xml文件. 概览 下面…
引言: 因为之前在项目开发中一直都是使用的Log4Net作为项目的日志记录框架,最近忽然感觉对它已经有点腻了,所以尝试着使用了NLog作为新项目的日志记录框架(当然作为一名有志向的攻城狮永远都不能只局限于眼前的技术,要不断的使用和学习新的技术).当然serilog也是一个不错的日志记录框架哟,不过今天主要还是要讲述的是NLog在项目中的配置和使用. NLog框架源码:https://github.com/NLog/NLog 一.导入NLog NuGet PackAge: 二.配置NLog 配置文…
npm install --save jquery npm install @types/jquery --save 在对应的组件中引入 import * as $ from "jquery"; 在整个项目中一次声明,不用重复引入的方式: .angular-cli.json文件中添加 { "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "project&q…
1.日志相关比较详细的介绍:https://www.cnblogs.com/tanshaoxiaoji/p/log4j_config.html 2.总结1中博客说的内容 目前市场上常用的日志有log4j(Apache).commons-logging(Apache).logging(JDK1.4).slf4j.logback 他们之间各有优缺点,通常项目中会用两种组合的方式. 3.项目中遇到的日志配置(commons-logging + log4j) 日志的配置可以用properties文件或x…
1.使用npm命令往项目中添加jQuery. npm install jquery --save 2.在你想要用jQuery的组件中添加. import * as $ from "jquery"; 3.就可以正常使用了.…
首先明确一点,在vue cli3以上的版本中,存放静态资源的文件是public 我刚开始以为是和vue cli2一样需要放在static文件夹下,但是项目中没有这个文件夹,我就自己创建了一个,结果请求的时候总是报错404 这个路径看似没毛病啊,于是我就搜资料 发现在vue cli3中静态资源是需要放在public中的,我改动后再次请求,还是报错 这种问题让人很纳闷,后来我尝试把public删了,直接  这样/json/data-china.json来访问 结果请求成功了 是什么原因呢??? 原来…
使用这个框架可以极大的简化在开发Android过程中的代码.提高开发的效率.这里简单说一下配置方式.和使用办法. 项目的地址为:AndroidAnnotations Jar包下载地址:3.0.1 下载打开后可以看到有两个jar.一个是androidannotaions-x.x.x.jar,一个是androidannotaions-api-x.x.x.jar androidannotations-x.x.x.jar是用来提供给java的注解处理插件 androidannotations-api-x…
核心模块CoreModule在整个系统中只加载一次,如何实现? 创建core Modele:ng g m core 既然CoreModule是类,就有构造函数,在构造函数中进行依赖注入. export class CoreModule { constructor(parent: CoreModule){ if(parent){ throw new Error('模块已经存在,不能重复加载!') } } } 使用SkipSelf注解避免重复注入.去系统的父级找依赖. 使用Optional注解 让S…
要想了解Spring,首先要了解三层架构.....自行百度. 1.Spring相关概念: 少数jar+某一个功能的配置文件 Spring容器(轻量级):帮我们管理业务逻辑层,有很多业务逻辑对象,需要对对象的生命周期进行管理(创建.销毁). 注意:Spring容器不能独立运行,需要借助其他容器(web容器:如tomcat) 业务逻辑处理完后,事务需要提交,需要配置一下. 2.Spring核心组件IOC和AOP (1)IOC: DI:Dependency Injection 依赖注入 ,组件不做定位…
datetimepocker 是一个日期时间选择器,bootstrap datetimepicker 是 bootstrap 日期时间表单组件.访问 bootstrap-datetimepicker . 这次在项目中用到日期时间选择器,分享其用法和总结. 一.截图 功能完成后的项目截图 1. 时间起止输入框 2. 十年视图 3. 年视图 4. 月视图 5. 日视图 6. 时视图 二.依赖 1. 需要 bootstrap 的下拉菜单组件 (dropdowns.less) 的某些样式,还有 boot…
从后台返回的数据,还有多层子节点,需要一个生成树的组件,如果直接在页面上写循环来拼接感觉会很麻烦,因为数据的层级结构不固定. 参考网上其他人的方法,整理如下: 1. 创建一个用于循环迭代的组件,在父组件的元素上绑定需要递归的数据和递归组件的选择器. <ul class="list-wrapper" [treeData]="circuitList" [originalData]="circuitList" (sendNode)="g…
private String readConfig() { Properties p = new Properties(); InputStream in = getClass().getClassLoader().getResourceAsStream( "此处为配置文件的文件名"); try { p.load(in); String[] url = p.getProperty("server.url").split(";");//在配置文件中…