- 博客(25)
- 收藏
- 关注
RSS订阅原创 angular 单元测试 karma+jasmine
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、karma二、jasmine三、单元测试的好处1.改进实现的设计2.允许重构3.添加新功能而不会破坏任何内容4.测试使开发人员对他们的工作更有信心。前言学习angular单元测试 工欲善其事，必先利其器 一起来看看这个新东西提示：以下是本篇文章正文内容，下面案例可供参考一、karmaKarma是Testacular的新名字，在2012年google开源了Testacular，2013年Testacula
2020-12-10 11:29:43
753
1
原创 2020/12/09 angular-cli的配置文件汇总
文件目录e2e test-》 端到端（end-to-end）或者UI测试是一种测试方法，它用来测试一个应用从头到尾的流程是否和设计时候所想的一样。简而言之，它从一个用户的角度出发，认为整个系统都是一个黑箱，只有UI会暴露给用户。node_modules->node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹。src文件夹下包括（app、assets、environments、images、lib、index.html、main.ts、styles.scs.
2020-12-09 09:30:14
204
原创 angular学习-1.搭建angular开发环境
angular开发环境搭建前言一、nodejs环境二、安装angular cli1.全局安装2.创建一个新项目前言学习angular前端框架，记录一下整个学习过程，基础夯实一、nodejs环境nodejs安装以前的博文上有写过，不赘述了node -v//查看版本npm i -g nrm//安装nrm（npm的不同源）nrm ls//查看nrm use taobao //使用淘宝镜像二、安装angular cli1.全局安装npm install -g @angular/cli
2020-12-07 16:30:29
386
2
原创 div水平垂直居中的六种方法
方法一:绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位（position: relative;）代码如下：div{ background:red; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}方法二:绝对定位方法：确定了当前div的宽度，margin值为当
2020-10-25 11:14:24
264
转载 2020-10-22
一、内部样式表内嵌式是将CSS代码集中写在HTML文档的head头部中，并且用style标签定义，基本语法如下：语法中，style标签一般位于head标签中title标签之后，也可以放在HTML文档的任何地方。type=“text/CSS” 在HTML5中可以省略。二、行内样式表行内样式表适合于样式较少的情况。语法：如下例：Today is a good day.三、外部样式表（外联式）它由两部分构成，一个是.css文件，一个是html文件中的link标签，起到连接.html与.css
2020-10-22 16:59:30
108
原创 ASCII知识点
ASCII计算机是用数字编码来储存字符的，美国标准信息交换码ASCII码是最常用的编码。American Standard Code for information Interchange表中的 ^ 表示 Ctrl 键。它包含了 33 个控制字符（具有某些特殊功能但是无法显示的字符）和 95 个可显示字符。这 33 个控制字符大都与通信、数据存储以及老式设备有关，有些在现代电脑中的含义已经改变了。ASCII 编码中第 0~31 个字符（开头的 32 个字符）以及第 127 个字符（最后一个字符
2020-10-20 09:47:05
1026
转载 下载安装mongdb
一、MongoDB简介MongoDB是一个基于分布式文件存储的数据库，由C++语言编写，旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB将数据存储为一个文档，数据结构由键值(key=>value)对组成，MongoDB文档类似于JSON对象，字段值可以包含其他文档，数组及文档数组。MongoDB服务端可运行在Linux、Windows或mac os x平台，支持32位和64位应用，默认端口为27017。MongoDB支持各种编程语言: Python，Java，C++，PHP，
2020-10-09 10:59:40
106
原创 eslint prettier vetur自动格式化代码
{“tabnine.experimentalAutoImports”: true,“workbench.iconTheme”: “vscode-icons”,“beautify.language”: {“js”: {“type”: [“javascript”, “json”],“filename”: [".jshintrc", “.jsbeautify”]},“css”: [“css”, “scss”, “stylus”],“html”: [“htm”,“html”,“vue” //
2020-09-26 09:10:22
689
原创 vscode踩坑1
tab制表符(\t)和空格(’ ')混用了，导致stylus无法正常编译文件=>首选项=>设置=>搜索indent则可以出现上述两个选项。此外，建议打开Editor: Render Whitespace，直接搜索出现，选择all可以看到所有的缩进都会有标志识别，不会弄混空格和制表符。都设置了一下，好了...
2020-07-23 10:21:54
156
原创 eclipse安装activiti插件遇到问题
离线包安装（安装成功）（1）通过网址：https://pan.baidu.com/s/1xmgqiA7msNImhtjW_7S2bw 提取码（xyxg）下载安装包（如第一个图1）。（2）删除eclipse安装目录下，configuration文件夹里的org.eclipse.update文件夹，启动eclipse。（3）打开eclipse，在Help->Install New So...
2020-03-23 15:11:17
156
原创 安装maven
安装 apache-maven在环境变量中 创建MAVEN_HOMEM2_HOME属性值 都是 apache-maven-3.6.3 解压之后 bin目录的上一层本项目是 E:\tools\apache-maven-3.6.3修改path 加入%MAVEN_HOME%\bin;%M2_HOME%\bin;验证 是否配置成功 mavencmd 中输入 mvn -vers...
2020-03-22 11:23:51
85
原创 安装nodejs、vue脚手架
安装vue脚手架，会用到node中的npm模板安装的过程是很复杂的，尤其是当基本步骤的顺序不确定时，应该顺着一个模板下去，两个不同的模板交叉会导致更多的错误。当我们要重新安装的时候，应该确定上一次失败的安装全过程清除干净，做到无痕，这样是下次安装成功的前提。面向一个完全陌生的东西，不能排斥，要更加耐心的。因为耐心会指引你慢慢的走向答案。问题的出现是不可避免的，问题就是一个未知数，应该耐心，...
2020-03-22 10:48:24
358
原创 matrix方法
matrix() 方法把所有 2D 转换方法组合在一起。matrix() 方法需要六个参数，包含数学函数，允许您：旋转、缩放、移动以及倾斜元素matrix（ a，b,c,d,e,f）缩放只有跟a和b有关系，跟其他数值都无关，a对应x轴缩放，b对应y轴缩放，缩放多少倍就乘以多少平移只有跟e和f有关系，跟其他a,b,c,d没有关系，它们该怎么样还是怎么样，e对应x轴的平移，f对应y轴的平移，往...
2020-03-22 10:48:07
1048
原创 border
border-style:3px 3px 3px 3px rgb();x-offset y-offset 设置模糊的距离 设置模糊的半径 设置颜色box-shadow: 0 4px 0px 0 rgba(0, 0, 0, 1), 0 6px 0px 0 rgba(0, 123, 0, 0.5);可以看到两种阴影的叠加...
2020-03-22 10:47:57
334
原创 display:flex 布局
一：display:flex 布局display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-ali...
2020-03-22 10:47:48
988
原创 模板字符串``
语法上来说这些是使用了反引号（即 ）而不是单（'）或者双（"）印号。模版字符串的动机有三个： 多行字符串 字符串插值 标签模版 多行字符串 曾经想要在 JavaScript 字符串中放入一个新行？可能你想要嵌入一些歌词？你可能需要使用我们的转义字符 \ 转义字面换行 ，然后手动把新行 \n 放在下一行上。如下所示： var lyrics = "Never gonna give you up \ \...
2020-03-22 10:47:31
160
原创 webpack是干什么用的，以及它的优点
Webpack是一个前端构建工具，可以将所有资源（包括Javascript，图像，字体和CSS等）打包后置于依赖关系中，使你可以按照需求引用依赖来使用资源。那么什么时候使用呢？如果你正在用许多非代码的静态资源（比如CSS，图像，字体等）构建一个复杂的前端应用程序，那么Webpack会给你带来很大的好处。如果你的应用程序非常小，并且你没有什么的静态资源，并且你只需要一个JS文件就足够客户端需求，那么...
2020-03-22 10:46:39
3777
原创 vue-cli4改端口
可能原因1：新版本的portfinder有问题，需安装：npm install portfinder@1.0.21。可能原因2：端口被占用，或者防火墙没关。如何查看端口号被占用情况：https://jingyan.baidu.com/article/597a06431ecac3312a524351.htmlvue-cli自定义端口无效解法：https://www.jianshu.com/p/...
2020-03-22 10:45:49
3497
原创 为什么dao层和service层要写接口和实现类
为什么要用Service接口？是让表示层不依赖于业务层的具体实现。为什么要用DAO接口？是让业务层不依赖于持久层的具体实现。举个例子，用DAO接口，那么持久层用Hibernate，还是用iBatis，还是 JDBC，随时可以替换，不用修改业务层Service类的代码。不用接口的话，假如修改了dao中的代码，因为service引用了dao中的类，那么也要改变service里面的代码，改完之后要重新...
2020-03-22 10:45:20
7023
2
原创 vue-cli项目中引入bootstrap
首先，要在终端打开项目文件，并开始下载最新版本的bootstrapnpm install bootstrap --save --save-exact–save是将下载的bootstrap包添加到package.json文件中–save-exact是描述出完整的包版本号然后在main.js中导入就可以愉快的使用bootstrap了...
2020-03-15 11:39:29
288
原创 vue Render：h=>h(App) 解析
**render:h=>h(App)1、ES6的写法，表示Vue实例选项对象的render方法作为一个函数，接受传入的参数h函数，返回h(App)的函数调用结果2、Vue在创建Vue实例时，通过调用render方法来渲染实例的DOM树3、Vue在调用render方法时，会传入一个createElement函数作为参数，也就是这里的h的实参是createElement函数，然后creat...
2020-01-09 13:42:11
225
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人