- 博客(55)
- 资源 (4)
- 收藏
- 关注
原创 vue.js安装及检验
网上太多误人教学了。明明是查看vuecli的版本,却说是查看vue的版本,真的无语。检验本地vue.js版本的是:npm list vue npm list vue搜出来的才是vue的版本,vue -V搜出来的是脚手架,也就是vuecli的版本。vue -V是错的检查vue版本的方法,是错的,是错的,是错的。npm list vue才是对的,npm list vue才是对的,npm list vue才是对的。接着,上vue的安装:我装2.6.10的。方法:npm install vue@指
2022-05-10 13:42:43
3450
8
原创 vue-cli3安装卸载一条龙
百度搜到的虚假文章太多了,特地来写一个正确的。1.先查看本地是否有安装vue-cli:vue -V2.本地有,为了演示安装,先卸载了,vue-cli3的卸载指令:npm uninstall @vue/cli -g3.安装vue-cli3:npm install @vue/cli@3.5.3 -g4.vue成功效果:vue -V汇总:检查、卸载、安装、检验一条龙...
2022-05-10 13:21:52
1593
原创 SQL查询:left join和right join
友情提示:本文数据表皆来自菜鸟教程,如有侵犯,请联系笔者进行修改。先讲解left join:假设有A表和B表,分别对应左右表,left和right。A表:website表+----+--------------+---------------------------+-------+---------+| id | name | url | alexa | country |+----+--------------+----------
2022-03-09 22:50:08
1395
原创 Vue表单:触发校验方式
Vue的表单中有两种触发校验方式:如图:blur:适用于判断表单是否有内容输入。如:判断有字符输入。change:适用于判断输入内容是否符合规则。如:判断输入的手机号码是否为11位。
2022-03-08 20:16:15
2699
原创 大白话讲解Vue项目结构
一:讲解环境Win10、IDEA2019、Vue3二:讲解环节笔者用vue ui创建了一个vue的初始项目。项目结构如下:— node_modules作用:整个项目里用到的依赖的文件。— public作用:公用的目录。— src作用:项目的源码目录。— assert作用:专门放资源的文件目录。— components作用:组件目录。— router作用:路由的目录。— views作用:页面目录。— App.vue作用:Vue项目的主组件,页面入口文件,所有页面都在App.vue下进
2022-03-06 16:36:02
959
原创 Vue2.0和Vue3.0中router的路径写法不同之处
Vue2.0 { path: '/index', name: 'AppIndex', component: AppIndex, meta: { requireAuth: true } }, { path: '/library', name: 'Library', component: LibraryIndex, meta: { requireAuth: true } }Vue3.0: { path: '/in
2022-01-12 17:13:45
333
原创 Idea中打包jar包(mavan项目)
一:操作环境IntelliJ IDEA 2020.3.3、Win10、Mavan项目二:操作1.确保打包方式为jar打开pom.xml文件,找到<packaging>标签。确保标签内为jar。如图所示:2.确保为mavan项目。看是否有mavan开关。注意下图的右边的mavan开关。3.打包进行时先按clean键,接着按compile键,然后按忽略生成的测试文件(Toggle ‘skip Tests’ Mode)的键,最好按package键。4.找到生成
2022-01-11 14:00:26
350
原创 IDEA双开项目方法(亲测有效)
双开环境:win10、IntelliJ IDEA 2020.3.31.创建两个项目。2.先打开一个项目。3.打开第二个项目文件—>打开最近—>选创建的项目4.查看效果
2021-12-27 16:33:04
16589
8
原创 版本发布之灰度发布
出现原因:以前升级服务器应用版本时,会将应用源码或程序包上传到服务器,然后停止掉老版本服务,再启动新版本。这种简单的发布方式存在两个问题:一、在新版本升级过程中,服务是暂时中断的。二、如果新版本有BUG,升级失败,回滚起来也非常麻烦,容易造成更长时间的服务不可用。结果:灰度发布诞生。比喻描述:灰度发布也称金丝雀发布。这是因为矿井工人发现,金丝雀对瓦斯特别敏感。所以工人在下井时,都会先放金丝雀下去,假如金丝雀还在叫,说明瓦斯浓度低,可以下井;反之,金丝雀不叫了,说明瓦斯浓度高,不可以下井。场
2021-11-10 16:15:25
1419
原创 selenium中input标签上传文件
1.找到选择文件的标签。2.干活,写代码。#!/usr/bin/env python3# -*- coding:utf-8 -*-from selenium import webdriverfrom selenium.webdriver.common.by import Byimport time#获取驱动driver = webdriver.Chrome()#确定目标网址driver.get("http://sahitest.com/demo/php/fileUpload.htm
2021-11-04 13:54:48
613
原创 selenium中获取勾选框返回值的三种写法
方法①(记得返回值):feature = (By.XPATH, check_param(path='主页性别-勾选框', param=param))return self.select_state(feature)方法②(记得返回值):feature = (By.XPATH, (ele['主页性别-勾选框'].format(param)))return self.select_state(feature)方法③(记得返回值):target = ele['主页性别-勾选框'].format(
2021-11-02 16:18:19
659
原创 Selenium中的By模块
一:前言很多读者可能发现学习selenium时,经常遇见find_element(By.ID,"id")这种写法。发现了没有,有个叫“By”的单词。因此,笔者今天来讲解一下它是何物。二:正文By模块,用来定位元素的。和另外一个find的功能一样,就是写法不一样。find_element(By.ID,“id”) 等价于 find_element_by_id -->根据id属性定位find_element(By.XPATH,"//div[@name=‘csdn’]") 等价于find
2021-10-23 12:00:00
11744
5
原创 Selenium中的EC模块
一:前言最近看selenium的一些教程文章,EC这个词出现的频率比较高。刚刚接触selenium的人可能会懵,所以,笔者认为得讲解一下这个词。二:正文EC,全称为expected_conditions,中文翻译为:预期条件。EC出现原因:进行网页的自动化测试时,有很多会频繁使用到的方法。selenium就把这些方法封装起来到一个模块中。之后调用方法,得引用这个模块,为了简化代码量,大家就约定俗成的简写这个模块。EC中的方法:title_is(网页标题是否完全符合特定内容)title_co
2021-10-22 13:38:49
3441
原创 Python中正则表达式findall用法
一:前言在写着自动化测试的脚本时,重新复习了一下正则表达式findall()方法。为了深化印象,输出点东西,就来写个通过正则表达式爬取菜鸟教程标题的小案例。参考教程:菜鸟教程之Python正则表达式二:操作目标:爬取菜鸟教程首页所有小标题,并输出在控制台。目标标题:(红色方框那些,爬取页面全部的小标题)笔者默认大家都安装了python和安装了谷歌的驱动了。再看看小标题的组成规律:(H4和“【】”)上代码:#!/usr/bin/env python3# -*- coding:utf-
2021-10-21 16:58:15
2881
原创 python之日志处理大白话篇
一:前言别的up主写的日志模块太难懂了,使得Logging模块“居庙堂之高,处江湖之远”。因此,笔者来写个大白话篇。二:主体1.级别日志分为五个等级:DEBUG、INFO、WARNING、ERROR、CRITICAL等级描述DEBUG最详细的,常用于问题诊断INFO详细程度仅次于DEBUG,只记录关键节点信息。WARNING用于记录某些不期待的事情,此时程序还可以运行的信息。ERROR记录出现一个严重问题,导致某些功能不能正常运行的信息。CRIT
2021-10-20 11:34:35
120
原创 Python+Selenium之下拉框架处理
一:前言自动化测试时经常遇到下拉框的测试。今天写个小案例来演示处理方法。二:操作①先写个下拉框页面:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试</title></head><body> <select id="demo"> <option v
2021-10-19 14:37:07
395
原创 Selenium中常见异常处理
以链接百度为例:from selenium import webdriverimport selenium.common.exceptionsbrowser = webdriver.Chrome()try: browser.get("https://www.baidu.com") #连接超时except TimeoutException: print("Time out!")try: brwswer.find_element_by_id("baidu")
2021-10-18 17:39:23
204
原创 Selenium:验证文件是否导出成功
一:前言在自动化测试中,使用Selenium和pytest来进行测试页面的导出功能。本文是对文件是否能导出成功的判断。因为项目性质,所以不贴图,仅提供代码,通过这个思路,你可以掌握如何判断的方法。二:操作①设置文件下载路径。在config.py中导入os包。import os设置下载路径。DOWNLOAD_PATH = os.path.join(BASE_DIR, 'resources\\file')设置模拟器中谷歌浏览器的驱动的下载路径。CHROME_OPTIONS.add_expe
2021-10-13 14:47:12
1723
原创 xpath使用高阶篇:定位悬浮框
一:前言使用xpath时,记录定位悬浮框的方法。二:操作环境win10、chrome浏览器使用工具:F12开发者工具三:操作步骤以定位360百科导航栏的合作的权威编辑区域为例①打开360百科②按F12,点击source区域③鼠标放在“合作”上方,然后按F8,页面会出现Paused in debugger的提示。(有些电脑配置比较低,出现提示可能就会慢几秒,千万别急。那是硬件问题,莫慌!)④在“权威编辑”上方,按Ctrl+Shift+C的组合快捷键。那个Paused in debu
2021-09-06 17:01:10
1876
1
原创 5分钟get排序之快速排序
一:前言最近笔者在复习排序算法,发现很多文章牛头不对马尾。解析写的是一种方法,实现的代码又是另外一种方法,看得笔者头疼。于是,笔者打算特地写这一类排序的文章,为大家解惑。因为,排序其实很简单,就是需要我们注意一些使用的细节就好了。操作环境:Visual C++ 6.0适用版本:王道版数据结构、李春葆版数据结构二:操作快速排序...
2020-12-15 10:49:29
247
原创 在IDEA中开发Vue项目时,引入Vant UI和Less
一:前言笔者最近在做一个商城类项目,运用到了有赞开发的适合商城项目的ui框架,还有Less(Css的扩展)。然后发现网上很少讲,于是笔者会引导大家在IDEA中通过命令行去引入Vant组件和Less。操作环境:IDEA 2019.1.3 x64、@vue/cli 4.4.6。二:操作①.首先大家能在Idea中运行Vue项目,nodejs和vue/cli应该都是准备好了。为了大家下载速度更快,换npm为cnpm,国内的淘宝镜像快一点嘛。(换了请忽略,跳到下一步。)cmd弄出来黑窗口:因为有些人的电脑
2020-07-16 09:37:40
1674
原创 Vue:图形化界面创建Vue项目,并导入Idea运行
一:前言网上太多的教程创建Vue项目都是用命令行,黑窗口和复杂配置对初学者和学习者太不友好了,而且也很少说如何在idea中运行Vue项目。因此,笔者将在此文引导大家用Vue ui指令来在图形化界面创建Vue项目,引入Element-ui插件,并在Idea中运行。操作环境:win10、idea2019.1.3、node版本:v12.18.1、npm版本:6.14.5、@vue/cli 4.4.6二:操作1.首先笔者默认大家搭建好Vue环境了,而且Vue-cli的版本是3.x或者以上了。(没有满足条件
2020-07-13 18:47:28
3118
1
原创 let、var和const关键词区别
1.let块级作用域,定义变量,不允许重复定义。2.var全局作用域或函数作用域,定义变量,允许重复定义。3.const块级作用域,定义常量,不允许重复定义。关键词执行环境:ECMAScript 6 ,就是ES6。如果不知道什么是ES6,先学好JavaScript吧。这是JavaScript 的进阶版。...
2020-07-03 11:42:34
166
原创 Vue中常用指令
一:前言在Vue的学习使用中,我们经常会使用到一些"v-"开头的指令。因此,笔者在本文将会列举出常用v-指令及其使用方法。二:操作1.概念:v-指令是带有v-前缀的特殊属性,通过属性来操作元素。2.指令分类①.条件v-if:根据其后表达式的bool值判断是否渲染该元素。v-show:根据其后表达式的bool值判断元素的display属性是否为none。v-if是将dom元素整个添加或删除,而v-show是通过设置dom元素的display属性控制显示或者隐藏。②.循环v-for:循环
2020-07-02 16:15:40
703
原创 “笨“方法学习Vue中的MVVM模式
一:前言Vue设计受到了MVVM模型的启发,所以,在Vue的用法中,有很多MVVM模式的体现。因此,笔者想通过一个小demo来讲解Vue中的MVVM模式。二:操作1.简介MVVM是Model-View-ViewModel的缩写,MVVM模式提供了对View和View Model的双向数据绑定,使得ViewModel的状态改变可以自动传递给View。①.Model层数据模型,描述了数据修改和操作的业务逻辑。②.View层展示数据,像CSS,JQuery,Html等。③.View Model层
2020-07-01 19:18:01
182
原创 “笨“方法学习Vue生命周期
一:前言笔者最近在学习Vue,听说学好了Vue的生命周期就学懂了一半的Vue。所以,建议大家认真学好。接下来,笔者将会用"笨"方法来讲解Vue的生命周期。讲解版本:Vue.js v2.6.11二:操作1.简介Vue的生命周期也叫钩子函数,是Vue从创建到销毁所触发的函数。详细点就是从开始创建、初始化数据、编译模板、挂载Dom、渲染->更新->渲染、销毁等一系列操作。2.文字版Vue的生命周期包含了八个生命周期方法。笔者把它分成分成三个阶段:一:创建阶段生命周期方法:①be
2020-07-01 16:00:08
375
1
原创 MVC设计模式-----通俗易懂、简单粗暴
一:前言笔者发现网上的关于MVC设计模式讲的太复杂,其实它很简单。因此,笔者,将用大白话介绍MVC设计模式。二:操作MVC是一种分层工作的设计模式,分为模型层(Model)、视图层(View)、控制器层(Controller)。模型层:包括了进行数据库持久化操作的Dao层和业务逻辑的实现,定义声明操作数据库表的一些方法,调用Dao层的接口的Service层 。视图层:负责用户与系统之间的交互,进行数据的渲染,将信息展示到前端。控制器层:控制业务流程,接受前端发送的请求,响应用户操作,并调用相对应
2020-06-26 11:34:39
471
原创 PhpStudy导入php项目及运行php项目
一:前言今天笔者弄到了一份图书管理系统的php源码,然后想用PhpStudy运行这个项目。搜了发现网上一堆教程都是差不多一样,好几个内容一样还标注是原创,笔者无语了,还有就是版本有些旧了,内容部分与新版有些差异。所以,笔者现在来写个新的版本。本文适合那些有php项目的,却不知道怎么导入及运行的小白。首先有挺多软件可以运行php项目的,有PhpStudy、Wampserver、PhpStorm、XAMPP等。这几个,笔者都下载了,运行发现还是PhpStudy这个软件最简单粗暴,最好用,爱了爱了。所以,笔
2020-06-15 20:40:48
38945
33
原创 用外部依赖运用Vue、Axios和Element
一:前言笔者最近在做一个项目,运用到Element来开发。得到了vue.js、axios.js、element.js文件,可是用到项目中,总是乱码。经过一系列调试,发现是js文件有点过期了,或者js文件是在本地的编码格式错误了,所以导致了乱码。如以下的情况。二:操作笔者使用了外部依赖,就是直接写资源的网页链接。将script那里的三个内部引入换成<script src="//unpkg.com/vue/dist/vue.js"></script><script
2020-06-11 19:41:03
459
3
Linux中的jdk8以及安装教程.zip
2020-05-29
Xftp6的安装包以及使用说明
2020-05-29
Xshell6.zip
2020-05-29
postman_win64(版本6.0.10).zip
2020-04-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人