vue基础用法&基础原理整理
vue基础用法&基础原理整理1. vue基础知识和原理1.1 初识Vue
想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象
demo容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法
demo容器里的代码被称为【Vue模板】
Vue实例和容器是一一对应的
真实开发中只有一个Vue实例,并且会配合着组件一起使用
{{xxx}}是Vue的语法:插值表达式,{{xxx}}可以读取到data中的所有属性
一旦data中的数据发生改变,那么页面中用到该数据的地方也会自动更新(Vue实现的响应式)
初始示例代码
123456789101112131415161718<!-- 准备好一个容器 --><div id="demo"> <h1>Hello,{{name.toUpperCase()}},{{address}}</h1>< ...
Linux
Linux 常用命令学习1、ls命令就是 list 的缩写,通过 ls 命令不仅可以查看 linux 文件夹包含的文件,而且可以查看文件权限(包括目录、文件夹、文件权限)查看目录信息等等。
常用参数搭配:
1234567ls -a 列出目录所有文件,包含以.开始的隐藏文件ls -A 列出除.及..的其它文件ls -r 反序排列ls -t 以文件修改时间排序ls -S 以文件大小排序ls -h 以易读大小显示ls -l 除了文件名之外,还将文件的权限、所有者、文件大小等信息详细列出来
-a
显示所有文件及目录
-r
依据首字母将文件以相反次序显示
-A
不显示当前目录和父目录
-R
递归显示所有子文件
-d
显示目录自身的属性信息
-S
依据内容大小将文件排序显示
-i
显示文件的inode属性信息
-t
依据最后修改时间将文件排序显示
-l
显示文件的详细属性信息
-X
依据扩展名将文件排序显示
-m
以逗号为间隔符,水平显示文件信息
-color
以彩色显示信息
实例:
(1) 按易读方式按时间反序排序,并显示文件详细信息
1ls -lhrt ...
Appium框架
总结中…
SQL数据库
基础篇通用语法及分类
DDL: 数据定义语言,用来定义数据库对象(数据库、表、字段)
DML: 数据操作语言,用来对数据库表中的数据进行增删改
DQL: 数据查询语言,用来查询数据库中表的记录
DCL: 数据控制语言,用来创建数据库用户、控制数据库的控制权限
DDL(数据定义语言)数据定义语言
数据库操作查询所有数据库:SHOW DATABASES; show databases;查询当前数据库:SELECT DATABASE();创建数据库:CREATE DATABASE [ IF NOT EXISTS ] 数据库名 [ DEFAULT CHARSET 字符集] [COLLATE 排序规则 ];删除数据库:DROP DATABASE [ IF EXISTS ] 数据库名;使用数据库:USE 数据库名;
注意事项
UTF8字符集长度为3字节,有些符号占4字节,所以推荐用utf8mb4字符集
表操作查询当前数据库所有表:SHOW TABLES;查询表结构:DESC 表名;查询指定表的建表语句:SHOW CREATE TABLE 表名;
创建表:1234567CREATE TAB ...
IOS自动化
总结中…
web自动化
web自动化测试的工具
现在主流的web测试工具我们常用的就是selenium的那一套工具包括
浏览器一般选择chrome
浏览器对应的driver(chromedriver)
Python
Selenium库
web自动化测试的环境安装
浏览器安装 下载浏览器下一步按照就好了
chromedriver 下载 可以到 npmmirror.com/
https://registry.npmmirror.com/binary.html?path=chromedriver/ 低版本
高版本
注:找到和自己浏览器版本适配的driver版本 注:浏览器点击右上角‘…’—>帮助—>关于Google Chrome—>可以看到浏览器的版本,根据当前浏览器的版本下载
Selenium提供了一个webdriver_manager库,可以帮助自动下载和更新Chrome浏览器的驱动程序chromedriver.exe。您可以按照以下步骤操作:
安装webdriver_manager库。可以在命令行或终端中运行以下命令进行安装:
```pip insta ...
Python框架测试
Python自动化测试unittest框架 python自带的一个单元测试框架,不用额外安装,即可直接使用。测试人员用来做自动化测试(接口/UI自动化),作为自动化测试的执行框架,即管理和执行测试用例。
使用UnitTest框架的原因
能够组织多个用例去执行:能把多个测试用例放在一起,一起去执行
提供丰富的断言方法:代替人工自动的判断实际结果和预期结果是否相符
能够生成测试报告
unittest中最核心的四个概念是:
test case===>测试用例, test suite===>测试套件,
test runnerr===>测试执行, test fixture===>测试夹具。
UnitTest框架核心要素(组成部分)
TestCase:测试用例,作用是用来书写真正的用例代码(脚本)
TestSuite:测试套件,作用是用来组装(打包)TestCase(测试用例)的,既可以将多个用例脚本文件组装到一起
TestRunner:测试执行(测试运行),作用是用来执行TestSuite(测试套件)的
TestLoader:测试加载,是对TestSuit ...
Axios解析笔记
预备工具
作为一个前端开发工程师,在后端还没有ready的时候,不可避免的要使用mock的数据。很多时候,我们并不想使用简单的静态数据,而是希望自己起一个本地的mock-server来完全模拟请求以及请求回来的过程。json-server是一个很好的可以替我们完成这一工作的工具。我们只需要提供一个json文件,或者写几行简单的js脚本就可以模拟出RESTful API的接口。
安装json-servernpm install -g json-server
创建db.json在一个文件夹下新建一个db.json文件
123456789>{"posts": [ { "id": 1, "title": "json-server", "author": "typicode" }],"comments": [ { "id": 1, "body": "som ...
HTML+CSS复习笔记
HTML 部分1. 迭代网页的版本
HTML4
XHTML2.0
HTML5
2. 文档声明(doctype)文档声明用来告诉浏览器当前网页的版本
1234<!-- html5的文档声明 --><!doctype html><!-- 或者 --><!Doctype HTML>
3. 字符编码所有的数据在计算机中存储时都是以二进制形式存储的,文字也不例外。
所以一段文字在存储到内存中时,都需要转换为二进制编码当我们读取这段文字时,计算机会将编码转换为字符,供我们阅读
编码将字符转换为二进制码的过程称为编码
解码将二进制码转换为字符的过程称为解码
字符集(charset)编码和解码所采用的规则称为字符集(相当于密码本)
乱码如果编码和解码所采用的字符集不同就会出现乱码问题。
可以通过meta标签来设置网页的字符集,避免乱码问题
1<meta charset="utf-8">
4. 常见的字符集ASCIIASCII(American Standard Code for Information Inter ...
Ajax学习笔记
一、Ajax简介
AJAX 简介 AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML。
通过 AJAX 可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据。
AJAX 不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式。
1、XML简介
XML 可扩展标记语言。
XML 被设计用来传输和存储数据。
XML 和 HTML 类似,不同的是 HTML 中都是预定义标签,而 XML 中没有预定义标签, 全都是自定义标签,用来表示一些数据。
比如说我有一个学生数据:name = “孙悟空” ; age = 18 ; gender = “男” ;
123456用 XML 表示:<student><name>孙悟空</name><age>18</age><gender>男</gender></student>
现在已经被 JSON 取代了。
1{"name":"孙悟 ...