- 博客(46)
- 问答 (4)
- 收藏
- 关注
RSS订阅原创 web前端测试——UI测试、backstopjs测试
web前端backstopjs测试（避免跟美工多BB）第一步：打开npm官网：https://www.npmjs.com/package/backstopjs，搜索backstopjs（有种神秘的力量导致我没能加载出图片，logo为一个老鼠头）第二步：创建backstopjs文件夹第三步：把文件夹拖到vscode，或者使用命令行进入到文件夹也行（主要使用黑窗口命令）。第四步：执行npm init初始化项目(也可以使用npm init -y快速创建，看个人需要)...
2021-01-13 17:28:22
529
原创 web前端——工作中遇到的问题总结
1、鼠标移动到input标签上面，提示：请输入有效值，两个最接近的有效值分别为x和x。原因：当input的type属性为number时，输入框中的值为小数，就会出现该问题。解决办法：<input type="number" min="-999999999" max="9999999999" step="0.0000001" />...
2020-12-08 10:04:04
2208
原创 web前端————angular1表格中的复选框、全选、反选、分页小例子
html页面代码：<table class="table ordertable label-table"> <thead> <tr> <th style="width:10%;"> <input type="checkbox" ng-checked="selectAllButton()" ng-click="clickSelectAll($event)">全选
2020-07-01 14:40:04
668
1
原创 web前端——JS中的继承方式
ES5//ES5中的写法一 function Phone(color){ this.color = color; this.show = function(){ console.log("你喜欢看的颜色是:"+this.color); } } function Vivo(color){ Phone.call(this,color); } var vivo = new Viv
2020-05-18 11:34:44
501
原创 web前端——原型链学习研究总结
首先来看一段代码：<script> Function.lol = "迅捷提摸"; Function.prototype.lol = "麦田炮手"; Object.lol = "卡特琳娜"; Object.prototype.lol = "抱走萝莉"; function Show(){ this.lol = "寒冰艾稀";...
2019-06-24 18:16:25
251
原创 Linux免密登录
1. 生成本机的秘钥对，终端下使用命令：ssh-keygen -t rsa -C "起个任意的名字" -f "任意名字_rsa" （-f是直接输入名字，也可以回车后单独输入）ssh-keygen -t rsa -C "起个任意的名字" -f "任意名字_rsa" ssh-keygen -t rsa -C "[email protected]" -f "mac_id_rsa"2....
2019-04-12 11:42:48
379
原创 VirtualBox虚拟机centos系统配置jenkins
1. 开启虚拟机和本机的网络共享2. 登录linux系统3. 查看是否安装wget,出现wget:command not found说明没有wget命令，需要安装4. 安装wget: yum install wget5. 遇到网卡没有开启错误，使用命令:cd /etc/sysconfig/network-scripts进入到该目录下，使用vi 命令打开网卡配置文...
2019-04-12 11:18:03
663
原创 Linux服务器安装jenkins全过程
一、安装jdk，jenkins需要运行在jdk上，所以安装jenkins需要提前安装jdk。 1. 远程登录到linux服务器（例如我的阿里云服务器） 2. 下载jdk. 3. 右键复制下载链接地址 4.使用wget命令下载 ...
2019-03-25 14:24:29
21344
9
原创 本地创建好的项目通过git提交到github
情况：本地项目已经创建好，但是在github上并没有项目。1、创建项目文件夹，如：E:\test\demo2、demo目录下有我们已经写好的文件，如:新建文本文档.txt3、打开命令行，进入到demo目录，执行git init命令初始化目录4、登录你的github,创建与项目名称一样的项目5、打开命令行，在项目目录下执行：git pull --rebase or...
2018-12-04 17:58:15
365
原创 阿里云服务器centos安装配置nginx
1. 登录阿里云，进入服务器的控制面板界面2. 点击远程连接，输入运程连接密码，进入linux界面（也可以使用自己的电脑直接远程连接控制，如果自己的电脑是linux或mac，可以在终端使用ssh命令连接，如：ssh [email protected]）3. 输入用户名root，输入密码（如果忘记可以重置，但重置后要重启服务器）4. 登录nginx.org5. 右键，复...
2018-11-11 14:44:16
672
原创 sublime text安装a file icon插件
第一步：打开sublime text ，按下ctrl + shift + p打开安装输入框，第二步：输入install package，回车，打开搜索插件的输入框，第三步：搜索a file icon，点击安装。安装完后，左边栏中的文件前面就会出现对应的图标。...
2018-09-14 14:16:46
9496
10
原创 web前端测试——e2e测试
开发环境：安装有node的macbook（windows没测）第一步：创建自己需要测试的项目，如在桌面创建一个test目录作为我们的项目根目录。打开sublim text ，并将项目拖到sublim text中，方便管理。第二步：打开终端，输入命令cd Desktop/test进入到项目根目录，输入npm init ，一路回车生成package.json文件。第...
2018-09-12 11:11:43
21395
2
原创 web前端测试——mocha接口测试
运行环境：macbook（windows没有测试）条件：电脑安装了node.js第一步：在桌面新建test文件夹，打开sublim text，并将文件夹拖入sublim text，方便管理文件第二步：打开终端，输入cd Desktop/test进入到该项目目录第三步：执行npm init命令，一路回车，生成package.json文件第四步：配置pa...
2018-09-11 16:45:01
7181
原创 前端单元测试工具——karma安装使用
首先说明的是，为了学习karma专门买了一台macbook。该教程也只能说适合mac，windows折腾了一星期没有进展，所以不知道是不是适合windows。 第一步： 你的电脑中要装有node.js（node安装使用教程自行百度）第二步： 使用终端命令进入到需要安装karma的项目目录。例如我在桌面上新建一个文件夹叫test。cd Desktop/test ...
2018-09-11 12:25:50
10847
1
原创 css3——translate组合rotate实验心得
translate ： 平移的意思，如：translateX(10px),就是向X轴方向平移10个px。rotate ： 旋转的意思，如：rotateY(90deg),就是按Y轴顺时针旋转90度。当我在同时使用它们两个的时候发现并不是特别顺心，这里面主要是涉及到了中心点的原因。<!DOCTYPE html><html lang="zh-CN"&g...
2018-08-10 14:22:54
8832
1
原创 console.log()、console.info()、console.debug()的区别
console.log()、console.info()、console.debug()的作用都是在浏览器控制台打印信息的。使用最多的是console.log()。console.info()和console.debug()本质上与console.log()没有区别。是console.log()的另一个名字而以，可以理解为它们三个其实就是同一个，只不过名字不一样。其中，console.info()...
2018-06-14 09:44:48
62791
9
原创 javascript学习——复杂数据类型作为参数传递
复杂数据类型，何为复杂类型数据？js中的数据类型分为两大类，一类是简单的数据类型，也叫基本数据类型，有：number、string、undefined、boolean、null。一类复杂的数据类型，有：Object。而我们要说的就是当Object对象作为参数传递的时候需要注意的问题。先看一个例子：<script> function Student(name,age){ ...
2018-03-16 14:22:06
742
原创 css学习——元素的显示方式
元素的显示方式有两个，一种是块级元素，如：div,p,h1等。一种是行内元素，如span。那么，为什么它们有的是块级元素占一行，有的是行内元素内容是多大就是多大呢?其实，他们这是有一个css属性决定的，这个属性就是display。比如 display:block; 就是块的意思display: inline; 是行的意思，如果我们给div设置css样式为display:i...
2018-03-15 16:11:23
655
1
原创 javascript学习——变量提升和方法（函数）提升
很多写js的都不是很明白变量提升和函数提升（至少我是才知道）。什么是变量和方法提升？以例子说明：<script> var a = 520; fun(); function fun1(){ console.log(a); var a = 250; }</script>上面的例子中，我刚开始看的时候以为输出520...
2018-03-15 10:53:04
441
1
原创 web前端——css的三大特性
一、继承。css中的继承是子元素从父元素中获得样式，可以理解为，父元素有什么样式，子元素不设置也有同样的样式(一些标签除外)。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>继承</title&g
2018-03-14 17:36:58
1119
原创 javascript学习——script标签的属性
script标签主要是用来引入js代码的。script标签引入js代码的方式有两种：一、直接写在<script></script>中间二、引入外部的js文件。引入方式一：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"&g
2018-03-14 13:50:17
2308
原创 web前端——css选择器
我们要给一个元素设置样式，可以通过css设置样式，但是css要怎么找到这个元素呢？这就需要为css设置选择器，就是为css选一个html标签元素。标签选择器：就是把标签名写上。写法是：元素名{ }<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> &
2018-03-08 14:02:25
417
原创 web前端——css样式的复合写法
就是将好多的样式写在一行里，从而减少代码量。如字体的一些样式，我们可以将文字大小、颜色、加粗等都写在一行里面。具体的样式属性：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>标签</title&g
2018-03-08 10:43:02
3016
原创 web前端——css与文字相关的一些常用属性
font-size:12px;设置字体大小，数值越大字号越大，单位有px、em、%、rem、pt等。还可以不写单位。font-family:"黑体"; 设置字体样式，如果设置的字体不是英文，需要用""冒号包起来。font-weight:200; 字体加粗，数值越大越粗，不过，只能是整百的，最多不超过900，但是一般只写bold。而且好多写了没效果。color:red; 设置文字颜色，可以是单词...
2018-03-08 10:34:44
1018
原创 web前端——css认识
css：就跟人穿衣服和化妆一样，是美化页面用的。例如：我们想把文字换个颜色，字体变大，向左向右移动等等。css的引入方式：一、行内样式：直接在标签后面写css样式，如：<body> <div style="color: #00FF00;">卡特琳娜</div></body>style : 翻译成中文是样式的意思，后面加=号是将需要的样式进行...
2018-03-08 10:06:13
464
原创 web前端——div和span标签
div和span标签都是用来帮助页面进行排版的，它们两个没有自己的语意。div：块级元素，所谓的块级元素，就是可以通过css设置宽高等一些大小的样式，这样的元素标签称为块级元素。块级元素的特点是自己占一整行。如果再写其它标签，那么其它标签会显示在它的下面。div的宽度默认是整个浏览器的宽度，这个宽度是从body标签继承过来的。span：行内元素，不能通过css设置具体的宽高等样式的标签元素称为行内...
2018-03-08 09:31:36
16663
1
原创 web前端——html中空格的rsq
在html中，有一些符号的输入是需要一定技巧的，因为有些符号html不能很好的识别，也有一些情况是有些符号在html中有它自己的语音在里面，所以当我们需要输入一些符号的时候就要按照某些技巧输入。如空格，我们发现，在一行文字中，不管你输入多少空格，而在页面上只会显示一个空格。其实，hmlt页面是一个空格也没有显示出来的，但是我们又明明能看到空出了一些部分，这是因为，html不能识别空格，当成了一个空...
2018-03-07 14:42:17
8365
原创 web前端——表单元素
表单：就是我们在注册帐号时所填写信息的地方。比如：帐号密码输入框，生日下拉选择，性别单选，按钮等。<input>标签：就是我们填写东西所需要的容器，而改变它的类型就可以变成不同的容器。<input type="text">文本输入框 可以加上value属性设置默认值，也可以加上placeholder属性进行提示文字设置。<input type="password"&g...
2018-03-07 10:26:24
1727
原创 web前端——table标签
table：表格的意思，在早期的时候，table是非常常用的，现在还有好多后台人员在用这个标签。但是现在不推荐使用table这个标签。table标签的用法:<table> <tr><th>我是标题</th></tr> <tr><td>tr是行</td>&
2018-02-26 16:45:38
14272
1
原创 web前端——列表标签
列表标签分为：有序列表、无序列表、自定义列表有序列表： <ol> <li>你</li> <li>我</li> <li>他</li> &
2018-02-26 16:18:33
6780
原创 web前端——meta标签
meta标签主要是用来设置页面的一些属性的。<meta charset="UTF-8">设置页面的编码格式，如果页面的编码格式和浏览器解析时候使用的格式不一样的话，就会出现乱码。<meta name="description" content="头上顶桶泡面">description是描述的意思，就是对我们页面的一个描述，写上描述对搜索引擎的优化可以起到一定作用。<m...
2018-02-26 15:57:51
1037
原创 web前端——路径问题
路径分为两种：相对路径和绝对路径相对路径：相对于项目而言的路径。绝对路径：在我们电脑硬盘上的路径。一般写相对路径,因为我们的项目可能会改变地方，如果写绝对路径的话，项目每改一次地方就需要改一次地址，如果写地址的地方比较多的话，修改起来会相当麻烦。我们需要写路径的地方一般有三个，一个是引用图片，一个是引用样式文件，一个是引用js文件。以<img>标签为例：一、绝对路径： 例如在我的...
2018-02-26 14:59:13
12916
5
原创 web前端——标签属性
标签的属性：就是标签里面添加的其它字段。<a href="www.baidu.com">百度一下</a>在a标签中 href 就是a标签的属性，而www.baidu.com就是它的属性值,写在双引号里面，中间用=号连接。<img src="abc.jpg">在这个img标签中，src就是它的属性，属性值是abc.jpg。...
2018-02-26 11:32:22
2015
原创 web前端——html其它常用标签
标签的查找： 我们每个页面要写这么多的标签，那么我们怎么才能知道标签都有哪些呢？或者说我们应该从哪里查找这些标签呢？我们可以通过W3CSchool.chm这个w3c离线手册进行查找，这个手册可以从网上下载，直接百度搜索就可以找到好多下载的地址。w3c ： 欧洲计算机协会，好多好多公司在一起组成的一个协会，专门研究和讨论计算机技术的地方。以前是没有中国公司参加的，因为中国在计算机这一块做出的贡...
2018-02-26 11:13:10
1116
原创 web前端——开发工具的介绍和安装
常用软件介绍：随着我们代码量的增加，发现页面写的越来越困难，又是改后缀名，又是格式的，都快崩溃了。那么接下来，我们就要介绍我们的开发工具了。web前端开发的工具有很多，常见的有dreamver、sublime、webstorm、hbuilder等等。做为一个专业的web前端，dreamver基本废掉了（美工常用），推荐用sublime和webstorm（我就用这两个）。hbuilder以前用过，但...
2018-02-25 19:11:03
4966
原创 web前端——p标签
<p>标签：Paragraph的首字母，段落的意思，用<p></p>标签包裹的内容默认是占一行，相当于打了一个回车。
2018-02-25 18:37:24
8602
1
原创 web前端——html固定格式介绍
我们知道，一个标准的页面，要包含如下内容:<html> <head> <title></title> </head> <body></body></html>但是为什么要这样写呢？一个完整的页面可以理解成一个人。完整的html页面分为html、css、ja
2018-02-25 18:22:33
2242
空空如也
webstorm打开的html页面与本地打开的同一个html样式显示不一样
2018-03-01
android 网易直播sdk .so问题
2016-12-29
android 引入第三方库报错
2016-11-29
html页面无法滚动数据显示不全
2016-03-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人