xishaoguo的博客

uni-app开发ios应用，免费真机调试，全流程

android studio运行APP到手机

uni-app开发android详情，安卓应用基本运行

web前端backstopjs测试（避免跟美工多BB）第一步：打开npm官网：https://www.npmjs.com/package/backstopjs，搜索backstopjs（有种神秘的力量导致我没能加载出图片，logo为一个老鼠头）第二步：创建backstopjs文件夹第三步：把文件夹拖到vscode，或者使用命令行进入到文件夹也行（主要使用黑窗口命令）。第四步：执行npm init初始化项目(也可以使用npm init -y快速创建，看个人需要)...

1、鼠标移动到input标签上面，提示：请输入有效值，两个最接近的有效值分别为x和x。原因：当input的type属性为number时，输入框中的值为小数，就会出现该问题。解决办法：<input type="number" min="-999999999" max="9999999999" step="0.0000001" />...

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

运行环境：macbook（windows没有测试）条件：电脑安装了node.js第一步：在桌面新建test文件夹，打开sublim text，并将文件夹拖入sublim text，方便管理文件第二步：打开终端，输入cd Desktop/test进入到该项目目录第三步：执行npm init命令，一路回车，生成package.json文件第四步：配置pa...

首先说明的是，为了学习karma专门买了一台macbook。该教程也只能说适合mac，windows折腾了一星期没有进展，所以不知道是不是适合windows。 第一步：    你的电脑中要装有node.js（node安装使用教程自行百度）第二步：    使用终端命令进入到需要安装karma的项目目录。例如我在桌面上新建一个文件夹叫test。cd Desktop/test  ...

translate ： 平移的意思，如：translateX(10px),就是向X轴方向平移10个px。rotate      ：   旋转的意思，如：rotateY(90deg),就是按Y轴顺时针旋转90度。当我在同时使用它们两个的时候发现并不是特别顺心，这里面主要是涉及到了中心点的原因。&lt;!DOCTYPE html&gt;&lt;html lang="zh-CN"&g...

script标签主要是用来引入js代码的。script标签引入js代码的方式有两种：一、直接写在&lt;script&gt;&lt;/script&gt;中间二、引入外部的js文件。引入方式一：&lt;!DOCTYPE html&gt;&lt;html lang="zh-CN"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&g

我们在电脑桌面上右键——新建——文本文档，名字随便起，将后缀名改成html以后就创建好了一个空白页面。双击就可以用浏览器打开。但是严格上来说，这并不能算是一个页面。因为，标准的页面要写成:&lt;html&gt;&lt;head&gt;&lt;title&gt;网页面名字&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;/body&gt;&lt;/htm

常用软件介绍：随着我们代码量的增加，发现页面写的越来越困难，又是改后缀名，又是格式的，都快崩溃了。那么接下来，我们就要介绍我们的开发工具了。web前端开发的工具有很多，常见的有dreamver、sublime、webstorm、hbuilder等等。做为一个专业的web前端，dreamver基本废掉了（美工常用），推荐用sublime和webstorm（我就用这两个）。hbuilder以前用过，但...

开发环境：安装有node的macbook（windows没测）第一步：创建自己需要测试的项目，如在桌面创建一个test目录作为我们的项目根目录。打开sublim text ，并将项目拖到sublim text中，方便管理。第二步：打开终端，输入命令cd Desktop/test进入到项目根目录，输入npm init ，一路回车生成package.json文件。第...

第一步：打开sublime text ，按下ctrl + shift + p打开安装输入框，第二步：输入install package，回车，打开搜索插件的输入框，第三步：搜索a file icon，点击安装。安装完后，左边栏中的文件前面就会出现对应的图标。...

1. 登录阿里云，进入服务器的控制面板界面2. 点击远程连接，输入运程连接密码，进入linux界面（也可以使用自己的电脑直接远程连接控制，如果自己的电脑是linux或mac，可以在终端使用ssh命令连接，如：ssh root@192.168.0.1）3. 输入用户名root，输入密码（如果忘记可以重置，但重置后要重启服务器）4. 登录nginx.org5. 右键，复...

情况：本地项目已经创建好，但是在github上并没有项目。1、创建项目文件夹，如：E:\test\demo2、demo目录下有我们已经写好的文件，如:新建文本文档.txt3、打开命令行，进入到demo目录，执行git init命令初始化目录4、登录你的github,创建与项目名称一样的项目5、打开命令行，在项目目录下执行：git pull --rebase or...

一、安装jdk，jenkins需要运行在jdk上，所以安装jenkins需要提前安装jdk。 1. 远程登录到linux服务器（例如我的阿里云服务器） 2. 下载jdk. 3. 右键复制下载链接地址 4.使用wget命令下载 ...

1. 开启虚拟机和本机的网络共享2. 登录linux系统3. 查看是否安装wget,出现wget:command not found说明没有wget命令，需要安装4. 安装wget: yum install wget5. 遇到网卡没有开启错误，使用命令:cd /etc/sysconfig/network-scripts进入到该目录下，使用vi 命令打开网卡配置文...

1. 生成本机的秘钥对，终端下使用命令：ssh-keygen -t rsa -C "起个任意的名字" -f "任意名字_rsa" （-f是直接输入名字，也可以回车后单独输入）ssh-keygen -t rsa -C "起个任意的名字" -f "任意名字_rsa" ssh-keygen -t rsa -C "190598130@qq.com" -f "mac_id_rsa"2....

首先来看一段代码：<script> Function.lol = "迅捷提摸"; Function.prototype.lol = "麦田炮手"; Object.lol = "卡特琳娜"; Object.prototype.lol = "抱走萝莉"; function Show(){ this.lol = "寒冰艾稀";...

table：表格的意思，在早期的时候，table是非常常用的，现在还有好多后台人员在用这个标签。但是现在不推荐使用table这个标签。table标签的用法:&lt;table&gt;        &lt;tr&gt;&lt;th&gt;我是标题&lt;/th&gt;&lt;/tr&gt;        &lt;tr&gt;&lt;td&gt;tr是行&lt;/td&gt;&amp

&lt;p&gt;标签：Paragraph的首字母，段落的意思，用&lt;p&gt;&lt;/p&gt;标签包裹的内容默认是占一行，相当于打了一个回车。

我们知道，一个标准的页面，要包含如下内容:&lt;html&gt;    &lt;head&gt;        &lt;title&gt;&lt;/title&gt;    &lt;/head&gt;    &lt;body&gt;&lt;/body&gt;&lt;/html&gt;但是为什么要这样写呢？一个完整的页面可以理解成一个人。完整的html页面分为html、css、ja

css：就跟人穿衣服和化妆一样，是美化页面用的。例如：我们想把文字换个颜色，字体变大，向左向右移动等等。css的引入方式：一、行内样式：直接在标签后面写css样式，如：&lt;body&gt; &lt;div style="color: #00FF00;"&gt;卡特琳娜&lt;/div&gt;&lt;/body&gt;style : 翻译成中文是样式的意思，后面加=号是将需要的样式进行...

div和span标签都是用来帮助页面进行排版的，它们两个没有自己的语意。div：块级元素，所谓的块级元素，就是可以通过css设置宽高等一些大小的样式，这样的元素标签称为块级元素。块级元素的特点是自己占一整行。如果再写其它标签，那么其它标签会显示在它的下面。div的宽度默认是整个浏览器的宽度，这个宽度是从body标签继承过来的。span：行内元素，不能通过css设置具体的宽高等样式的标签元素称为行内...

在html中，有一些符号的输入是需要一定技巧的，因为有些符号html不能很好的识别，也有一些情况是有些符号在html中有它自己的语音在里面，所以当我们需要输入一些符号的时候就要按照某些技巧输入。如空格，我们发现，在一行文字中，不管你输入多少空格，而在页面上只会显示一个空格。其实，hmlt页面是一个空格也没有显示出来的，但是我们又明明能看到空出了一些部分，这是因为，html不能识别空格，当成了一个空...

表单：就是我们在注册帐号时所填写信息的地方。比如：帐号密码输入框，生日下拉选择，性别单选，按钮等。&lt;input&gt;标签：就是我们填写东西所需要的容器，而改变它的类型就可以变成不同的容器。&lt;input type="text"&gt;文本输入框 可以加上value属性设置默认值，也可以加上placeholder属性进行提示文字设置。&lt;input type="password"&g...

列表标签分为：有序列表、无序列表、自定义列表有序列表：                &lt;ol&gt;                    &lt;li&gt;你&lt;/li&gt;                    &lt;li&gt;我&lt;/li&gt;                    &lt;li&gt;他&lt;/li&gt;                &

meta标签主要是用来设置页面的一些属性的。&lt;meta charset="UTF-8"&gt;设置页面的编码格式，如果页面的编码格式和浏览器解析时候使用的格式不一样的话，就会出现乱码。&lt;meta name="description" content="头上顶桶泡面"&gt;description是描述的意思，就是对我们页面的一个描述，写上描述对搜索引擎的优化可以起到一定作用。&lt;m...

路径分为两种：相对路径和绝对路径相对路径：相对于项目而言的路径。绝对路径：在我们电脑硬盘上的路径。一般写相对路径,因为我们的项目可能会改变地方，如果写绝对路径的话，项目每改一次地方就需要改一次地址，如果写地址的地方比较多的话，修改起来会相当麻烦。我们需要写路径的地方一般有三个，一个是引用图片，一个是引用样式文件，一个是引用js文件。以&lt;img&gt;标签为例：一、绝对路径：    例如在我的...

标签的属性：就是标签里面添加的其它字段。&lt;a href="www.baidu.com"&gt;百度一下&lt;/a&gt;在a标签中 href 就是a标签的属性，而www.baidu.com就是它的属性值,写在双引号里面，中间用=号连接。&lt;img src="abc.jpg"&gt;在这个img标签中，src就是它的属性，属性值是abc.jpg。...

font-size:12px;设置字体大小，数值越大字号越大，单位有px、em、%、rem、pt等。还可以不写单位。font-family:"黑体"; 设置字体样式，如果设置的字体不是英文，需要用""冒号包起来。font-weight:200;  字体加粗，数值越大越粗，不过，只能是整百的，最多不超过900，但是一般只写bold。而且好多写了没效果。color:red;  设置文字颜色，可以是单词...

就是将好多的样式写在一行里，从而减少代码量。如字体的一些样式，我们可以将文字大小、颜色、加粗等都写在一行里面。具体的样式属性：&lt;!DOCTYPE html&gt;&lt;html lang="zh-CN"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;标签&lt;/title&g

一、继承。css中的继承是子元素从父元素中获得样式，可以理解为，父元素有什么样式，子元素不设置也有同样的样式(一些标签除外)。&lt;!DOCTYPE html&gt;&lt;html lang="zh-CN"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;继承&lt;/title&g

浏览器请求服务器的过程大体上分为三步 :    一、浏览器向服务器发送请求（在地址栏中输入网页地址）    二、服务器收到请求找到资源返回给浏览器    三、浏览器解析服务器返回的内容（页面显示的内容）。这个过程我们可以使用浏览器带的调试工具进行查看:用鼠标在页面上右击——审查（有的写的是检查，快捷键一般是F12）   就可以打开调试窗口...

html :    Hyper Text Mark-up Language的首字母简写，意思是超文本标记语言。在浏览器上运行的一种标记语言。超文本 : 超级的文本文档。最先开始的时候，html只是用来浏览器文字的，就跟报纸一样。慢慢的就发展成了可以查看图片，可以点击链接跳转页面，再后来到html第3、4代的时候，已经发展成了一门比较成熟的web前端网页，用浏览器解析后展示给我们看的页面。这时候就是...

h标签 : h标签一共有6个，分别是:&lt;h1&gt;&lt;/h1&gt;、&lt;h2&gt;&lt;/h2&gt;、&lt;h3&gt;&lt;/h3&gt;、&lt;h4&gt;&lt;/h4&gt;、&lt;h5&gt;&lt;/h5&gt;、&lt;h6&gt;&lt;/h6&gt;。主要是用做一些网站

html标签 : &lt;html&gt;、&lt;/html&gt; 、&lt;head&gt;、&lt;/head&gt; 、&lt;body&gt; 、&lt;/body&gt;像这样用尖括号包起来的一个单词或者字母，我们就称为标签。而&lt;html&gt;&lt;/html&gt;像这样开始和结束的时候单词一样，但是结尾的标签里是/开头的两个标签我们称为一组标签。像&am

浏览器 : 解析网页、解析服务器返回给我们信息供我们查看使用的软件。市面上的浏览器有很多，常见的有:360浏览器、IE浏览器、谷歌浏览器、百度浏览器、QQ浏览器、火狐浏览器、世界之窗、2345浏览器、搜狗浏览器、猎豹浏览器、opera浏览器等等。关于浏览器我在一个网站上面随便截了个图，如下:上面的只是重多浏览器里面的一部分，这就是用来解析页面的浏览器。浏览器的内核 : 可以简单理解成浏览器的核心解...

元素的显示方式有两个，一种是块级元素，如：div,p,h1等。一种是行内元素，如span。那么，为什么它们有的是块级元素占一行，有的是行内元素内容是多大就是多大呢?其实，他们这是有一个css属性决定的，这个属性就是display。比如    display:block;        就是块的意思display: inline;    是行的意思，如果我们给div设置css样式为display:i...