- 博客(55)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 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
2610
7
原创 vue-cli3安装卸载一条龙
百度搜到的虚假文章太多了，特地来写一个正确的。1.先查看本地是否有安装vue-cli：vue -V2.本地有，为了演示安装，先卸载了，vue-cli3的卸载指令：npm uninstall @vue/cli -g3.安装vue-cli3:npm install @vue/[email protected] -g4.vue成功效果：vue -V汇总：检查、卸载、安装、检验一条龙...
2022-05-10 13:21:52
1525
原创 SQL查询：left join和right join
友情提示：本文数据表皆来自菜鸟教程，如有侵犯，请联系笔者进行修改。先讲解left join：假设有A表和B表，分别对应左右表，left和right。A表：website表+----+--------------+---------------------------+-------+---------+| id | name | url | alexa | country |+----+--------------+----------
2022-03-09 22:50:08
1357
原创 Vue表单:触发校验方式
Vue的表单中有两种触发校验方式：如图：blur：适用于判断表单是否有内容输入。如：判断有字符输入。change：适用于判断输入内容是否符合规则。如：判断输入的手机号码是否为11位。
2022-03-08 20:16:15
2652
原创 大白话讲解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
913
原创 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
305
原创 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
324
原创 IDEA双开项目方法（亲测有效）
双开环境：win10、IntelliJ IDEA 2020.3.31.创建两个项目。2.先打开一个项目。3.打开第二个项目文件—>打开最近—>选创建的项目4.查看效果
2021-12-27 16:33:04
16009
8
原创 版本发布之灰度发布
出现原因：以前升级服务器应用版本时，会将应用源码或程序包上传到服务器，然后停止掉老版本服务，再启动新版本。这种简单的发布方式存在两个问题：一、在新版本升级过程中，服务是暂时中断的。二、如果新版本有BUG，升级失败，回滚起来也非常麻烦，容易造成更长时间的服务不可用。结果：灰度发布诞生。比喻描述：灰度发布也称金丝雀发布。这是因为矿井工人发现，金丝雀对瓦斯特别敏感。所以工人在下井时，都会先放金丝雀下去，假如金丝雀还在叫，说明瓦斯浓度低，可以下井；反之，金丝雀不叫了，说明瓦斯浓度高，不可以下井。场
2021-11-10 16:15:25
1381
原创 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
563
原创 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
625
原创 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
10157
5
原创 Selenium中的EC模块
一：前言最近看selenium的一些教程文章，EC这个词出现的频率比较高。刚刚接触selenium的人可能会懵，所以，笔者认为得讲解一下这个词。二：正文EC，全称为expected_conditions，中文翻译为：预期条件。EC出现原因：进行网页的自动化测试时，有很多会频繁使用到的方法。selenium就把这些方法封装起来到一个模块中。之后调用方法，得引用这个模块，为了简化代码量，大家就约定俗成的简写这个模块。EC中的方法：title_is（网页标题是否完全符合特定内容）title_co
2021-10-22 13:38:49
3269
原创 Python中正则表达式findall用法
一：前言在写着自动化测试的脚本时，重新复习了一下正则表达式findall()方法。为了深化印象，输出点东西，就来写个通过正则表达式爬取菜鸟教程标题的小案例。参考教程：菜鸟教程之Python正则表达式二：操作目标：爬取菜鸟教程首页所有小标题，并输出在控制台。目标标题：（红色方框那些，爬取页面全部的小标题）笔者默认大家都安装了python和安装了谷歌的驱动了。再看看小标题的组成规律：（H4和“【】”）上代码：#!/usr/bin/env python3# -*- coding:utf-
2021-10-21 16:58:15
2846
原创 python之日志处理大白话篇
一：前言别的up主写的日志模块太难懂了，使得Logging模块“居庙堂之高，处江湖之远”。因此，笔者来写个大白话篇。二：主体1.级别日志分为五个等级：DEBUG、INFO、WARNING、ERROR、CRITICAL等级描述DEBUG最详细的，常用于问题诊断INFO详细程度仅次于DEBUG，只记录关键节点信息。WARNING用于记录某些不期待的事情，此时程序还可以运行的信息。ERROR记录出现一个严重问题，导致某些功能不能正常运行的信息。CRIT
2021-10-20 11:34:35
95
原创 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
375
原创 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
171
原创 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
1603
原创 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
1569
1
原创 5分钟get排序之快速排序
一：前言最近笔者在复习排序算法，发现很多文章牛头不对马尾。解析写的是一种方法，实现的代码又是另外一种方法，看得笔者头疼。于是，笔者打算特地写这一类排序的文章，为大家解惑。因为，排序其实很简单，就是需要我们注意一些使用的细节就好了。操作环境：Visual C++ 6.0适用版本：王道版数据结构、李春葆版数据结构二：操作快速排序...
2020-12-15 10:49:29
234
原创 在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
1614
原创 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
2957
1
原创 let、var和const关键词区别
1.let块级作用域，定义变量，不允许重复定义。2.var全局作用域或函数作用域，定义变量，允许重复定义。3.const块级作用域，定义常量，不允许重复定义。关键词执行环境：ECMAScript 6 ，就是ES6。如果不知道什么是ES6，先学好JavaScript吧。这是JavaScript 的进阶版。...
2020-07-03 11:42:34
157
原创 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
681
原创 “笨“方法学习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
157
原创 “笨“方法学习Vue生命周期
一：前言笔者最近在学习Vue，听说学好了Vue的生命周期就学懂了一半的Vue。所以，建议大家认真学好。接下来，笔者将会用"笨"方法来讲解Vue的生命周期。讲解版本：Vue.js v2.6.11二：操作1.简介Vue的生命周期也叫钩子函数，是Vue从创建到销毁所触发的函数。详细点就是从开始创建、初始化数据、编译模板、挂载Dom、渲染->更新->渲染、销毁等一系列操作。2.文字版Vue的生命周期包含了八个生命周期方法。笔者把它分成分成三个阶段：一：创建阶段生命周期方法：①be
2020-07-01 16:00:08
362
1
原创 MVC设计模式-----通俗易懂、简单粗暴
一：前言笔者发现网上的关于MVC设计模式讲的太复杂，其实它很简单。因此，笔者，将用大白话介绍MVC设计模式。二：操作MVC是一种分层工作的设计模式，分为模型层(Model)、视图层(View)、控制器层(Controller)。模型层：包括了进行数据库持久化操作的Dao层和业务逻辑的实现，定义声明操作数据库表的一些方法，调用Dao层的接口的Service层 。视图层：负责用户与系统之间的交互，进行数据的渲染，将信息展示到前端。控制器层：控制业务流程，接受前端发送的请求，响应用户操作，并调用相对应
2020-06-26 11:34:39
456
原创 PhpStudy导入php项目及运行php项目
一：前言今天笔者弄到了一份图书管理系统的php源码，然后想用PhpStudy运行这个项目。搜了发现网上一堆教程都是差不多一样，好几个内容一样还标注是原创，笔者无语了，还有就是版本有些旧了，内容部分与新版有些差异。所以，笔者现在来写个新的版本。本文适合那些有php项目的，却不知道怎么导入及运行的小白。首先有挺多软件可以运行php项目的，有PhpStudy、Wampserver、PhpStorm、XAMPP等。这几个，笔者都下载了，运行发现还是PhpStudy这个软件最简单粗暴，最好用，爱了爱了。所以，笔
2020-06-15 20:40:48
36689
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
444
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关注的人