- 博客(73)
- 收藏
- 关注
RSS订阅原创 软件生命周期及流程【软件测试】
首先搭建测试环境，执行预测(冒烟)，以判定当前版本可测与否，如果预测通过，正式进入系统测试，遇到问题提交Bug到缺陷管理平台，并对bug进行跟踪，直到被测软件达到测试需求要求，没有重大bug，测试结束。----（完善测试用例），参考软件需求规格说明书、项目总体计划，内容包括测试范围(来自需求文档)、进度的安排，人力物力的分配，整体测试策略的制定，和风险的评估与规避措施有一个制定，一般有测试负责人编写，当然我们可能也会参与相关的评审工作。：阅读需求，理解需求，主要就是对业务的学习，分析需求点。
2023-09-08 20:56:40
335
原创 什么是软件测试+软件测试的分类【软件测试】
软件 = 程序 + 数据 + 文档软件测试的对象有哪些？程序 + 数据 + 文档C/S：客户端服务器，这种就是我们一定要安装一个客户端才能够用的软件，就叫C/S。比如：微信、qqB/S：浏览器服务器，只需要一个浏览器，就可以访问服务的，就是B/S。比如：淘宝、京东。
2023-09-07 21:22:08
226
原创 会员中心功能实现（小兔鲜儿）【Vue3】
效果: 当路由path为二级路由路径member的时候,右侧可以显示个人中心三级路由对应的组件。思路: 根据接口文档给到的状态码和中文的对应关系进行适配。，再次发起请求获取订单列表数据。2. 订单状态显示适配。
2023-08-14 21:57:23
283
原创 购物车功能实现(小兔鲜儿)【Vue3】
注意事项: v-model双向绑定指令不方便进行命令式的操作(因为后续还需要调用接口), 所以把v-model回退到一般模式,也就是。：通过skuId找到要进行单选操作的商品，把控制是否选中的selected字段修改为当前单选框的状态。,剩下的事情就是在action中做登录状态的分支判断,1- store中定义action和计算属性。2- 组件中触发aciton和使用计算属性。核心思路: 单选的核心思路就是始终把。2- action中适配登录和非登录。2- action中适配登录和非登录。
2023-07-27 23:37:47
1095
原创 登录页的具体实现 (小兔鲜儿)【Vue3】
ElementPlus表单组件内置了初始的校验配置，应付简单的校验只需要通过配置即可，如果想要定制一些特殊的校验需求，可以使用自定义校验规则//自定义校验逻辑 //value: 当前输入的数据 //callback: 校验处理函数 校验通过调用 } }校验逻辑：如果勾选了协议框，通过校验，如果没有勾选，不通过校验整个表单的内容验证思考：每个表单域都有自己的校验触发事件，如果用户一上来就点击登录怎么办呢？答：在点击登录时需要对所有需要校验的表单进行统一校验。
2023-07-26 19:49:44
1180
原创 整体认识和路由配置、基础数据渲染、热榜区域实现、图片预览组件封装、认识SKU组件、通用组件统一注册全局（详情页）【Vue3】
背景：components目录下有可能还会有很多其他通用型组件，有可能在多个业务模块中共享，所有统一进行全局组件注册比较好。，例如纺织品中一个SKU通常表示规格，颜色，款式，而在连锁零售门店中优势称单品为一个SKU。：在实际工作中，经常会遇到别人写好的组件，熟悉一个三方组件，首先重点看什么？组件中的图片列表不能写死，需要通过props参数把接口数据传入。思路：大图的移动方向和滑块移动方向相反，且数值为2倍。存货单位，也翻译为库存单元，是一个会计学名词，定义为。效果：为实现放大效果，大图的宽高是小图的两倍。
2023-07-24 14:31:55
211
原创 二级分类基本实现步骤(小兔鲜儿)【Vue3】
如何配置：vue-router支持scrollBehavior配置项，可以指定路由切换时的滚动位置。核心实现逻辑：使用elementPlus提供的 v-infinite-scroll 指令。思路：tab组件切换时修改reqData中的sortField字段，重新拉取接口列表。触底条件满足之后 page++，拉取下一页数据。判断是否已经全部加载完毕，停止监听。在不同路由切换的时候，可以。添加筛选参数实现筛选功能。定制路由行为解决什么问题。，而不是停留在原先的位置。监听是否满足触底条件。自动滚动到页面的顶部。
2023-07-22 19:34:21
254
原创 banner轮播图实现、激活状态显示和分类列表渲染、解决路由缓存问题、使用逻辑函数拆分业务（一级分类）【Vue3】
一级分类的切换正好满足上面的条件，组件实例复用，
2023-07-20 16:10:46
387
原创 Home组件搭建【Vue3】
useIntersectionObserver对于元素的监听是一直存在的，除非手动停止监听，存在。答：不合理，入口文件通常只做一些初始化的事情，不应该包含太多的逻辑嗲吗，可以通过插件的方法把。在小兔鲜项目的很多个业务模块中都需要用到同样的商品展示模块，没必要重复定义，封装起来，在图片img身上绑定指令，该图片只有在正式进入到视口区域时才会发送图片网络请求。GoodsItem属于纯展示类组件，这类组件的封装思路是什么？问：懒加载指令的逻辑直接写到入口文件中，合理吗？核心思路：把可复用的结构只写一次，把。
2023-07-11 23:18:28
164
原创 Layout-静态模板结构搭建、字体图标引入、一级导航渲染、吸顶导航交互实现、Pinia优化重复请求【小兔鲜Vue3】
俩个导航中的列表是完全一致的，但是要发送俩次网络请求，存在浪费。通过Pinia集中管理数据，再把数据给组件使用。要求：浏览器在上下滚动的过程中，如果距离顶部的滚动距离大于78px，吸顶导航显示，小于78px隐藏。阿里的字体图标库支持多种引入方式，小兔鲜项目里采用的是。使用后端接口渲染一级路由导航。
2023-06-30 23:13:20
789
原创 创建项目并精细化配置【Vue3】
基于 create-vue 创建出来的项目默认没有初始化git仓库，需要我们手动初始化执行命令并完成首次提交在编写代码的过程中，一旦，VSCode会立刻，统一文件路径访问不容易出错如何进行配置axios基础配置安装axios npm i axios配置基础实例（统一接口配置）封装请求函数并测试问：如果项目里面不同的业务模块需要的接口基地址不同，该如何来做？方法可以执行多次，每次执行就会生成一个新的实例，比如：项目路由设计路由设计原则：找页面的切换方式，如果是整体切换，则为一
2023-06-26 15:57:04
177
原创 Pinia理解【Vue3】
Pinia是Vue的专属的最新状态管理库，是Vuex状态管理工具的替代品提供了更加简单的API (去掉了mutation)提供符合组合式风格的API(和Vue3新语法统一)去掉了 modules 的概念，每一个 store 都是一个独立的模块搭配 TypeScript 一起使用提供可靠的类型推断。
2023-06-25 15:53:23
176
原创 组合式API - provide和inject、Vue3小案例【Vue3】
作用和场景：顶层组件向任意的底层组件传递数据和方法，实现跨层组件通信inject函数获取在调用provide函数时，第二个参数设置为ref对象顶层组件可以向底层组件传递方法，
2023-06-20 19:52:30
625
原创 Echarts
ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。
2023-06-07 21:08:39
84
1
原创 axios
│ │ ├── dispatchRequest.js # 用来调用 http 请求适配器方法发送请求的函数。│ │ ├── http.js # 实现 http 适配器(包装 http 包)│ │ ├── InterceptorManager.js # 拦截器的管理器。│ │ └── xhr.js # 实现 xhr 适配器(包装 xhr 对象)│ ├── /adapters/ # 定义请求的适配器 xhr、http。│ │ ├── Axios.js # axios 的核心主类。
2023-06-02 19:18:29
645
原创 初始Promise【Promise】
不同的是，只要当数组中的其中一个Promsie状态变成resolved或者rejected时，就可以调用.then方法了。而这个函数，就是用来处理Promise的状态变化。一旦状态发生变化，就凝固了，不会再有新的状态变化，这也是Promise这个名字的由来，它的英语意思"承诺"，与Promise.all相似的是，Promise.race都是以一个Promise对象组成的数组作为参数。③ 如果返回的是另一个新promise, 此promise的结果就会成为新promise的结果。
2023-05-30 19:48:52
548
原创 组件高级通信、事件注意事项、属性修饰符sync、$ attrs与$ listeners、$children与 $parent、混入mixin【VUE】
（2）组件标签----event1可以绑定系统事件（不起作用：因为属于自定义事件）-------.native(可以把自定义事件变为DOM原生事件)v-model实现原理：value与input事件实现的，而且还需要注意可以通过v-model实现父子组件数据同步。v-model它是Vue框架中指令，它主要要结合表单元素一起使用（文本框、复选、单选等等）（1）原生DOM----button可以绑定系统事件----click单机事件等等。作用域插槽：子组件的数据来源于父组件，子组件是决定不了自身结构与外观。
2023-05-29 20:42:10
584
原创 注册的业务、登录业务、个人中心、nginx配置【VUE项目】
（2）解决第二个问题：项目的数据来自于http://gmall-h5-api.atguigu.cn。已经学过的组件库：React(Vue): antd[PC] antd-mobile[移动端]（2）点击提交订单按钮的时候，还需要向服务器发一次请求【把支付一些信息传递给服务器】（1）elementUI按需引入，配置文件发生变化，项目需要重新启动的。用户登陆了才可以获取用户地址信息，不登录没办法获取到的。比如：用户已经登陆，用户不应该还能回到login页面。登录与注册功能（git）：必须要会的技能。
2023-05-28 15:51:24
965
原创 开发Search模块中的TypeNav商品分类菜单（过渡动画效果）、开发Home首页ListContainer组件与Floor组件等【VUE项目】
切记：以后在开发项目的时候，如果看到某一个组件在很多地方都使用，你把它变为全局组件，这样的好处是，注册一次，可以在任意地方使用，共用的组件 | 非路由组件放到components文件夹中。（3）把mock数据需要的图片放置到public文件夹中【public文件夹在打包的时候，会把相应的资源原封不动的打包到dist文件夹中】我们需要知道：服务器返回的数据（接口）只有商品分类菜单的分类数据，对于ListContainer组件与Floor组件的数据服务器没有提供。如果都成功，返回成功。
2023-05-23 21:09:56
705
1
原创 SQl Server 2008 知识点概括【数据库】
什么是数据库？数据库是采用计算机技术统一管理的相关数据的集合，数据库能为各种用户共享，具有冗余度最小、数据之间联系密切、有较高数据独立性等特点。Microsoft SQL Server 系统的体系结构Microsoft SQL Server 2008系统由4个主要部分组成，这4个部分被称为4个服务，这些服务分别是数据库引擎、分析服务、报表服务和集成服务。
2023-05-20 21:29:15
2886
6
原创 canvas、svg的基本使用【数据可视化】
基本概念：是关于数据视觉表现形式的科学技术研究这个概念向我们传达了两个信息：（1）数据可视化是一门学科（2）数据可视化与数据和视觉有关数据可视化简单理解，就是将数据转换成易于人员辨识和理解的视觉表现形式，如各种2D图标、3D图标、地图、矢量图等等，随着技术的不断进步，数据可视化的边界也在不断扩大。
2023-05-18 15:27:10
702
原创 完成一级分类动态添加背景颜色、通过JS控制二三级商品分类的显示与隐藏、函数的防抖与节流、完成三级联动节流的操作【Vue项目】
三级联动用户可以点击的：一级分类、二级分类、三级分类，当你点击的时候，会从Home模块跳转到Search模块，以及会把用户选中的产品（产品的名字、产品的ID）在路由跳转的时候进行传递。正常：事件触发非常频繁，而且每一次的触发，回调函数都要去执行（如果时间很短，而回调函数内部有计算，那么很可能出现浏览器卡顿）防抖：前面的所有的触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续快速的触发 只会执行一次。创建组件实例的时候，一瞬间创建1000+很耗内存的，因此出现了卡顿的现象。
2023-05-16 21:59:09
401
原创 Vue使用说明、项目的其他配置、项目路由的分析、完成非路由组件的创建【Vue项目】
vue-cli脚手架初始化项目。node + webpack + 淘宝镜像node_module文件夹：项目依赖文件夹public文件夹：一般放置一些静态资源（图片），需要注意，放在public文件夹中的静态资源，webpack进行打包的时候，会原封不动打包到dist文件夹中。src文件夹（程序员源代码文件夹）：：一般也是放置静态资源（一般防止多个组件共用的静态资源），需要注意，放置在assets文件夹里面的静态资源，在webpack打包的时候，webpack会把静态资源当作一个模块打包到JS文件里面。：
2023-05-10 18:00:07
554
原创 Composition API 的优势、新的组件（Fragment，Teleport，Suspense）【Vue3】
使用传统OptionsAPI中，新增或者修改一个需求，就需要分别在data，methods，computed里修改。
2023-05-05 21:52:22
425
原创 其他 Composition API、shallowReactive 与 shallowRef、 readonly 与 shallowReadonly【Vue3】】
shallowRef。
2023-05-03 22:18:52
74
原创 常用 Composition API【VUE3】
什么是hook？——本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势：复用代码，让setup中的逻辑更清楚易懂。import {//实现鼠标打点的相关数据 let point = reactive({x : 0 , y : 0 }) //实现鼠标打点的方法 function savePoint(e) {} //实现鼠标打点的相关的生命周期钩子 onMounted(() => {App.vue。
2023-04-30 23:11:32
1307
原创 初始Vue3【Vue3】
数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。props：值为对象，包含：组件外部传递过来，且组件内部声明接收了的属性。使用Proxy代替defineProperty实现响应式。若返回一个渲染函数：则可以自定义渲染内容。重写虚拟DOM的实现和Tree-Shaking。Composition API（组合API）对属性的读取、修改进行拦截（数据劫持）。初次渲染快55%, 更新渲染快133%context：上下文对象。
2023-04-28 23:13:08
1351
原创 理解Vuex【Vue】
备注：mapActions与mapMutations使用时，若需要传递参数需要：在模板中绑定事件时传递好参数，否则参数是事件对象。：若没有网络请求或其他业务逻辑，组件中也可以越过actions，即不写dispatch，直接编写commit。注意：vue2使用vuex3版本；vue3使用vuex4版本。
2023-04-21 21:53:03
527
原创 Vue中的ajax【Vue】
changeOrigin设置为true时，服务器收到的请求头中的host为：localhost:5000changeOrigin设置为false时，服务器收到的请求头中的host为：localhost:8080changeOrigin默认值为true。
2023-04-19 21:09:49
947
原创 本地存储、自定义事件、全局事件总线、消息订阅与发布【Vue】
子组件 ===> 父组件使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中绑定自定义事件：< Demo @zmy = "test"/ > 或 （2）第二种方式，在父组件中：（3） 若想让自定义事件只能触发一次，可以使用once修饰符，或$once方法this. $ emit('zmy', 数据)6. 组件上也可以绑定原生DOM事件，需要使用native修饰符7. 注意：通过。
2023-04-18 16:31:58
477
原创 使用Vue脚手架【Vue】
props是只读的，Vue底层会监测你对props的修改，如果进行了修改，就会发出警告，若业务需求确实需要修改，那么请复制props的内容到data中一份，然后去修改data中的数据。②第二种就是直接复制vue.cmd所在的路径，然后不用点击新建，找到path点击编辑，在里面新建将路径放进去即可。├── babel.config.js: babel 的配置文件。├── .gitignore: git 版本管制忽略的配置。│ │── App.vue: 汇总所有组件。
2023-04-16 14:53:18
645
原创 Vue组件化编程【Vue】
这里运行会报错，因为.vue文件浏览器不能直接运行，import语句浏览器不认识。因为最终所有的组件都要经过一个vm的管理，由vm中的el决定服务哪个容器。第二种写法（CamelCase）：MySchool（需要Vue脚手架支持）当应用中的功能都是多组件的方式来编写的，那这个应用就是一个组件化的应用。（1）组件名尽可能回避HTML中已有的元素名称。当应用中的js都以模块来编写的，那这个应用就是一个模块化应用。（2）可以使用name配置项指定组件在开发者工具中呈现的名字。定义：一个文件中只包含一个组件。
2023-04-13 20:19:11
660
原创 Vue条件渲染与列表渲染【Vue】
Vue监测数据的原理Vue 会监视data中所有层次的数据。如何监测对象中的数据？通过 setter 实现监视，且要在new Vue时就要传入要监测的数据。（1）对象中后追加的属性，Vue默认不做响应式处理（2）如需给后添加的属性做响应式，请使用如下 API:如何监测数组中的数据？通过包裹数组更新元素的方法实现，本质就是做了两件事：（1）调用原生对应的方法对数组进行更新（2）重新解析模板，进而更新页面在 Vue 修改数组中的某个元素一定要用如下方法：等（2）
2023-04-08 13:49:19
405
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人