- 博客(81)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 react redux和@reduxjs/toolkit工具
5，store/index.js引入子模块。4,编写counterStore.js。3，最外层index.js引入。
2024-08-22 11:16:23
346
原创 vue3项目知识点
添加指令 directive/index.js// 定义全局指令 图片懒加载// el:指代img元素// binding：指代指令后面绑定的表达式的值// 基于@vueuse/core,判断加载图片是否进入视图el, //目标对象// 是否进入视图区域// 赋值之后停止监听stop()},})},main.js 里面添加指令页面使用。
2023-09-18 09:58:55
193
原创 11 python allure报告
注意：allure需要先安装javajdk。path路径为: 解压包里面的bin路径。2加入命令生成json格式的临时报告。1，下载，解压，配置path路径。生成allure 最终的测试报告。执行pytest 生成中间结果。3生成allure报告。
2023-07-18 10:23:15
200
原创 10 python pytest
(3) 指定目录：pytest.main([‘-vs’,‘./interface_testcase’])(2) 指定模块：pytest.main([‘-vs’,‘test_login.py’])(3) 指定目录：pytest -vs ./initerface_testcase。如：pytest -vs ./testcase/test_login.py -n 2。(2) 指定模块：pytest -vs test_login.py。如：pytest -vs ./testcase -k “ao”
2023-07-18 10:22:36
1496
原创 09 python 装饰器
unpack（函数装饰器，将传输的数据包解包）一般用作元组tuple和列表list。@file_data（函数装饰器，可直接读取yaml/json文件）@data（函数装饰器，用于给测试用例传递数据）@ddt（类装饰器，声明当前类使用ddt框架）ddt里面有哪些装饰器。
2023-07-18 10:22:07
64
原创 006 python DDT+excel数据驱动
data driver test数据驱动测试，可以完美和Unittest结合实现数据驱动。@file_data 装饰函数，作用是直接读取yaml，json文件。@ddt 装饰类，作用是用于声明当前类使用ddt数据驱动。在函数或者类上面加上一个装饰器用来实现一些特定的功能。1，新建data文件夹 login_data.xlsx。2，DDT使用的方式（通过装饰器来使用）@unpack 装饰函数，作用是数据解包。@data 装饰函数，作用是给函数传值。运行时一定要在方法外面运行 不然会报错。
2023-07-03 21:51:55
327
原创 005 Python pom设计模式
3，测试用例层： testcase 存放测试用例以及测试数据。页面对象层调用基础层的方法，测试用例层调用页面对象层的方法。2，页面对象层：pom主要用于放页面的元素和页面的动作。解决：线性脚本问题，代码不能重复利用问题，后期维护问题。pageobject文件夹 login_page.py。1，基础层：base 主要放selenium原生方法。testcase文件夹 test_case.py。base文件夹 base_page.py。
2023-07-02 21:33:47
255
原创 004 python项目实战
python -m unittest 模块名.TestCase.test_1_login 执行单个方法。出框架：wb.switch_to.default_content()python -m unittest 模块名.py 执行整个模块。进入框架：wb.switch_to.frame(“框架名称”)1延时：wb.implicitly_wait(10)注意：如果页面选不到元素。3select选择器。
2023-07-01 21:49:17
281
原创 003 python 元素定位
wb.find_element(By.PARTIAL_LINK_TEXT,‘新’).click()wb.find_element(By.LINK_TEXT,‘新闻’).click()substring(@xxx,3)='ff’截取。partial_link_text定位。相对路径： //开头是相对路径。4，相对路径+部分属性值定位。绝对路径：/开头是绝对路径。3，相对路径+通配符定位。link_text定位。1，相对路径+索引定位。2，相对路径+属性定位。5，相对路径+文本定位。
2023-07-01 21:48:52
117
原创 vite3.2路由管理权限管理
5，缓存pinia main.js。1,配置element-plus。vite.config.js添加。2，请求拦截request.js。3,请求调用 api.js。
2023-06-30 17:02:19
274
原创 javascript闭包
闭包: 局部变量无法共享和长久的保存，而全局变量可能造成变量污染，当我们希望有一种机制既可以长久的保存变量又不会造成全局污染。// 返回的是一个函数，并且这个函数对局部变量存在引用，形成了闭包的包含关系。// f1()执行的结果就是闭包。
2023-06-29 14:14:36
107
原创 001 python Selenium客户端库安装
这是个zip包，下载下来之后，解压里面的程序文件 chromedriver.exe 到某个目录下面，注意这个目录的路径最好是没有中文名和空格的。也就是保证我们的Chrome浏览器驱动路径为 d:\tools\chromedriver.exe。如果我们是Windows平台的电脑，就下载 chromedriver_win32.zip。如果安装不了，可能是网络问题，可以指定使用国内的豆瓣源。比如，解压到 d:\tools 目录下面。打开 命令行程序，运行如下命令。Selenium客户端库。
2023-06-21 22:34:20
108
原创 react 初始化项目-创建表单
import React from 'react'class Login extends React.Component{ constructor(props){ super(props); this.state = { userName: "", password: "" } } onChange = (e) => { this.setState({ [e.target.name] = e.target.value }) } onSubmit = (
2021-02-19 16:13:51
510
原创 react 初始化项目-创建路由
1，删除app.js及相关引入，2，新建router.jsimport React from 'react'import { Route } from 'react-router-dom'import xxx from '组件'export default ( <div> <Route exact path='/' component='组件1'></Route> <Route exact path='/xxx' component='组件2'
2021-02-19 14:37:52
307
原创 react 初始化项目-仓库和中间件的引入
1，初始化项目npx cerate-react-app reactnamecd reactnamenpm run start2，安装插件npm install --save redux react-reduxnpm install --save-dev redux-logger redux-devtools-extensionnpm install --save redux-thunk3，新建reducers文件夹auth.jsconst auth = (state = {},act
2021-02-19 14:13:46
210
1
原创 react 高阶组件
高阶组件：1，必须是一个函数2，参数是一个组件3，返回值也是一个组件1,代码示例：import React,{Component} from 'react'const withFatch = (url) => (View) => { return class extends Component { constructor(){ super(); this.state = { loading: true, data: null } }
2021-02-08 10:29:50
129
原创 react prop-types组件传值
通过上下文传递参数import PropTypes from 'prop-types'const Domes2 = (props) => { return ( <Domes3></Domes3> )}const Domes3 = (props,context) => { return ( <div>{context.color}</div> )}export default class Domes1 extends Re
2021-02-07 14:29:59
191
原创 react Fragment根节点标签
import React,{Fragment} from 'react'render(){ return( <Fragment> <li>xx</li> <li>xx</li> </Fragment> )}
2021-02-04 17:20:40
276
原创 react使用shouldComponentUpdate或者React.PureComponent判断子组件是否需要实时渲染
//使用PureComponent 如果数据简单export default class XXX extends React.PureComponent{ 组件根据数据变化来看是否实时渲染}//使用shouldComponentUpdate生命周期函数nextProps.num === this.props.num判断是否一致export default class XXX extends React.Component{ shouldComponentUpdate(nextProps,nex
2021-02-04 15:03:40
165
原创 react 学习笔记 reduex仓库
安装redux和reace-reduxindex.jsimport { createStore } from 'redux'import { Provider } from 'react-redux'import reducer from './reducers/counter'//创建仓库const store = createStore(reducer);ReactDOM.render( <Provider store={store}><APP /></Pr
2021-02-04 14:50:23
413
原创 react 学习笔记一
1,npm run eject:拉去react的配置文件2,如果无法运行，删除git隐藏文件；3,安装npm install babel-plugin-import --save -D4,修改package.jason的babel,添加"plugins":[ [ "import", { "libraryName":"anted", "libraryDirectory":"es", "style":"css" } ]]...
2021-01-07 17:54:25
134
原创 VScode右键快速打开文件夹
Windows Registry Editor Version 5.00 ; Open files [HKEY_CLASSES_ROOT\*\shell\Open with VS Code] @="Edit with VS Code" "Icon"="E:\\vscode\\Microsoft VS Code\\Code.exe,0" [HKEY_CLASSES_ROOT\*\shell\Open with VS Code\command] @="\"E:\\vscode\\Micros
2020-12-23 08:58:19
1546
原创 vite-vue-ts axios instance请求nodejs学习文章的数据
新建api/axios.tsimport axios from 'axios';let instance = axios.create({ baseURL: 'http://localhost:3555/api', timeout: 10000, headers: { "Accept": "application/json", "Content-Type": "application/json" }})export default
2020-12-01 21:45:44
342
原创 vite-vue-ts mock数据
1，安装mockjsyarn add mockjs -S2，在src目录下新建api文件夹创建mockjs.ts，并且引入mockjsimport Mock from 'mockjs'3，因为ts无法识别mockjs，所以在shim.d.ts末尾添加declare module 'mockjs'4，在mockjs中加上一条数据Mock.mock('/api/list','get',{"data":[ { "id":"1", "title":"title" }]})5，
2020-11-26 21:50:01
2053
原创 vite-vue-ts axios请求
1,安装axiosyarn add axios -S2,新建api文件夹axios.tsimport axios from 'axios';let instance = axios.create({ baseURL: 'http://localhost:3555/api'})export default instance;index.tsimport instance from "./axios";export const getUrl = () => {
2020-11-26 21:10:28
1589
原创 vite-vue-ts vite.config.ts配置跨域
import type { UserConfig } from 'vite';const viteConfig:UserConfig = { port: 3555, hostname: "localhost", proxy: { '/api': { target: 'http://www.baidu.com', changeOrigin: true, ws: true,
2020-11-26 21:02:56
6203
原创 vite-vue-ts 项目初始化
创建vite项目yarn create vite-app zhihu运行yarn初始化项目把语言改为typescriptyarn add typescript -Dnpx tsc --init//安装ts的库包main.ts没有办法识别vite这种文件，创建配置项New-Item shim.d.ts内容declare module "*.vue" { import { Component } from "vue"; const component: Compoent; expor
2020-11-20 20:30:21
1108
原创 nodejs 数据模型POST请求/加密
安装body-parser，bcrypt插件npm install body-parsernpm install bcryptserver.jsconst bodyParser = require("body-parser");// 使用body-parser中间件app.use(bodyParser.urlencoded({extended: false}));app.use(bodyParser.json());moudel下新建数据模型user.jsconst mongoose
2020-11-18 22:14:30
433
原创 nodejs 连接MongoDB数据库
数据库创建地址https://www.mlab.com/记录自己的账号密码账号 ***163邮箱 vipspark@sina.com密码 luolei1**6aa@安装mongoosenpm install mongooseserver.js增加链接数据库const mongoose = require("mongoose");// DB config// 新建一个config/keys文件//module.exports = { // mongoURI: "mongod
2020-11-18 22:07:01
323
1
空空如也
vue3.0 配置多页面后 骨架配置无效
2019-08-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人