2022 年 12月随笔档案 - 爱前端的小魏

存储机制（Window.sessionStorage 和 Window.locaStorage）

摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>web Storage</title> <!-- 1.存储内容大小一般支持5MB左右（不同浏览器可能不一样） 2.浏览器通过Window.sessionStorage 和 Windo 阅读全文

posted @ 2022-12-29 18:24 爱前端的小魏阅读(121) 评论(0) 推荐(0) 编辑

Katalon如何使用IF语句判断

摘要：需求：新建用户，点击保存时，判断是否有重名用户，如果有，则点击创建新用户，如果没有重名用户，则抛出异常结果：可以直接复制下面语句 '判断企业客户是否有重名提示'，这边的意思是获取重名弹窗元素，只需要把元素改一下，varA变量名varA = WebUI.waitForElementPresent( 阅读全文

posted @ 2022-12-26 10:32 爱前端的小魏阅读(121) 评论(0) 推荐(0) 编辑

创建脚手架遇到代理问题和npm无法识别问题

摘要：1.如果安装脚手架过程时，提示没有配置代理相关词语。那么你的node.js没有安装在C盘，导致权限不够高（安装的时候不要选择路径，直接进行安装，记得使用管理员的cmd去安装脚手架）解决方法：找到node.js文件夹，右键属性，点击安全，点击高级（在然后就可以开始你的操作了） 2.如果您遇到在终端运阅读全文

posted @ 2022-12-23 08:50 爱前端的小魏阅读(197) 评论(0) 推荐(0) 编辑

创建脚手架详细步骤(以及过程中遇到问题)

摘要：1.进入cmd 2.输入：npm config set registry=https://regitry.npm.taobao.org(出现下载比较慢所以先使用该命令) 3.输入： npm install -g @vue/cli --registry=http://registry.npmmirro 阅读全文

posted @ 2022-12-15 22:02 爱前端的小魏阅读(205) 评论(0) 推荐(0) 编辑

v-for 渲染列表

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style></style> <!-- v-for 用于列表展示数据语法：v-for="(item,index) in xxx" :key='xxx' 可遍历阅读全文

posted @ 2022-12-14 21:28 爱前端的小魏阅读(49) 评论(0) 推荐(0) 编辑

组件的嵌套

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title>  <script src="vue.js"></scrip 阅读全文

posted @ 2022-12-14 21:26 爱前端的小魏阅读(50) 评论(0) 推荐(0) 编辑

创建非单文件组件

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 创建非单文件组件 1.创建组件 const 变量名 = Vue.extend({里面写内容}) 注意:不能写箭头函数，data使用函数data() ,不阅读全文

posted @ 2022-12-14 21:25 爱前端的小魏阅读(24) 评论(0) 推荐(0) 编辑

内置指令

摘要：<!DOCTYPE html> <html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../vue.js"></script> </head> <body> <!-- v-bi 阅读全文

posted @ 2022-12-14 21:25 爱前端的小魏阅读(36) 评论(0) 推荐(0) 编辑

VueComponent理解以及重要的内置关系

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 关于VueComponent： 1.school组件本质是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的阅读全文

posted @ 2022-12-12 20:36 爱前端的小魏阅读(113) 评论(0) 推荐(0) 编辑

绑定样式（class）

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="vue.js"></script> <style> .class1 { width: 10 阅读全文

posted @ 2022-12-07 20:47 爱前端的小魏阅读(103) 评论(0) 推荐(0) 编辑

总结数据监视

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- Vue监视数据原理 1.vue会监视data中所有层次的数据 2.如何监视对象中数据通过setter实现监视，切要在new Vue时就传入要检测的数据阅读全文

posted @ 2022-12-07 20:45 爱前端的小魏阅读(23) 评论(0) 推荐(0) 编辑

模拟数据监控（get和set）

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 1.自动生成get和set好处 1.可以永远给下一层级找到get和set 2.更加简洁(自己写的get和set，修改值比较麻烦：vm.__data.na 阅读全文

posted @ 2022-12-07 20:44 爱前端的小魏阅读(60) 评论(0) 推荐(0) 编辑

列表排序（监视和计算属性）

摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 实现需求：模糊检索下列数据 1.收集用户的输入框的内容 2. 使用watch监视属性去监视keyWord的值（监视） 3.使用computed计算属性去实阅读全文

posted @ 2022-12-05 21:23 爱前端的小魏阅读(29) 评论(0) 推荐(0) 编辑

模糊查询（监视属性和计算属性实现）

摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 实现需求：模糊检索下列数据 1.收集用户的输入框的内容 2. 使用watch监视属性去监视keyWord的值（监视） 3.使用computed计算属性去实阅读全文

posted @ 2022-12-05 21:22 爱前端的小魏阅读(69) 评论(0) 推荐(0) 编辑

过滤器的使用（filter）

摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 过滤器：定义：对要显示的数据进行特定格式化后在现实语法： 1.注册过滤器：Vue.filter(name,callback)或new Vue{filt 阅读全文

posted @ 2022-12-05 21:21 爱前端的小魏阅读(139) 评论(0) 推荐(0) 编辑

自定义命令（directive）

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../vue.js"></script> </head> <body> <div id="root"> <!-- 1.定义一个v-big 阅读全文

posted @ 2022-12-05 21:20 爱前端的小魏阅读(119) 评论(0) 推荐(0) 编辑

编码1

12 2022 档案