- 博客(49)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 2.20 crm day01 配置路由router less使用 axios二次封装
注意：vue2项目不能用vue-router四版本以上。和request.js。1.3.1在main.js中配置 创建和挂载根实例。1.2.1.创建router/index.js。3.2.1api中的index.js文件配置。3.1.3 requst.js 文件如下。1.4.1.声明式导航。1.4.2.编程式导航。3.1.2创建api文件夹。1.4.1如何使用呢？
2023-02-21 14:36:53
469
1
原创 2.15 vue3 day01 setup ref setup的参数 prop slot插槽 自定义事件通信
官方文档: 组合式 API 常见问答 | Vue.js理解：Vue3.0中一个新的配置项，值为一个函数。setup是所有Composition API（组合API）“ 表演的舞台 ”。组件中所用到的：数据、方法等等，均要配置在setup中。setup函数的两种返回值：若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。（重点关注！）若返回一个渲染函数：则可以自定义渲染内容。（了解）注意点：尽量不要与Vue2.x配置混用Vue2.x配置（data、methos、computed...）中可以访问到
2023-02-16 16:11:16
504
原创 2.6 尚品汇 day13 二级路由 饿了么ui 表单使用以及验证（不完整）、上线后的跨域代理（nginx）
注意：data中的return上面还可以定义属性，只是不能外部访问。4.1.3 进入配置文件 ，文件（nginx.conf）在usr/local/nginx/conf下。前台项目的服务器：http://gmall-h5-api.atguigu.cn。1.1.2 在main.js 按需引入 引入首字母大写，-用大写替代，el省略，4.1.4 方法1，使用xftp再用记事本改文件，不用xsheel改了。3.1.1 购买服务器，本次购买的是腾讯云的轻量服务器，4.1.5代理跨域代码。
2023-02-14 16:23:26
515
原创 2.6 java基础 daya07 包装类 日历类和日期类 工具类 比较 异常
1 可以通过代码恢复正常逻辑的异常,称之为运行期异常。2 不可以通过代码恢复正常逻辑的异常,称之为编译期期异常(Exception)捕捉多个异常的时候，需要先捕捉范围小的异常，然后再捕捉范围大的异常。如果方法抛出异常，那么可以使用throws关键字明确方法会抛出异常。d (D) -> dd : 一个月中的日期，D：一年中的日期。h (H) -> h : 12进制， HH：24进制。m (M) -> MM : 月份，mm:分钟。s (S) -> s : 秒，S :毫秒。可以创建异常对象，并提供异常信息。
2023-02-07 15:59:09
293
原创 2.5 Java基础 day06 数组 九层妖塔数组实现 字符串的拼接、比较等方法
2.选择排序：先选择一个值作为最大值，再挨个比较，最后找到最大值索引并交换。1.冒泡排序：将当前数组的最大值放最后。二分查找：适用于有序数据。字符串、字符、字节的关系。连续字符组成的数据整体。
2023-02-07 15:40:09
455
原创 2.4 java基础 day05 单例模式 final 抽象 接口 枚举类 匿名类 bean规范 作用域 Object类
静态方法不可以访问成员属性，一个相对于类，一个相对于对象JVM默认给类提供的构造方法，其实就是公共的，无参的构造方法。
2023-02-06 21:23:20
280
原创 2.2尚品汇 day12 async await 不使用store，统一引入API(类似全局总线)
怎么解决: 每一个组件都在mounted里面发起获取用户信息，进行展示（可以太麻烦） 残留的问题：用户在home模块刷新的时候，用户信息一直在展示（mounted执行的时候在向服务器发请求、获取用户信息展示）1.1:为什么刷新页面，用户信息就消失 用户刷新页面，用户信息消失没了获取不到，因为token没有携带给服务器。1.2登录业务 当你点击登录按钮的时候，需要把手机号、密码需要携带给服务器，服务器需要判断，你是不是我的用户【注册过的】 如果是用户登录成功，进行登录，如果用户登录失败给一个提示即可。
2023-02-04 20:54:22
520
原创 2.3 java基础 day04 构造方法 继承 多态 方法重载 方法重写 递归 访问权限 内部类
当 使用父类声明、创建子类对象的时候，子类的方法不可用（父类和子类方法重名时可以用子类的方法）所谓的多态，其实就是一个对象在不同场景下表现出来的不同状态和形态。基本数据类型在匹配方法时，可以在数值不变的情况下扩大数据精度。注：子类没有找父类（就那么简单）面向对象编程 3 个重要特征：继承、封装、多态。多态语法其实就是对对象的使用场景进行了约束。一个对象可以使用的功能取决于引用变量的类型。构造方法重载调用另外构造方法。普通方法重载和构造方法重载。
2023-02-04 10:38:36
544
原创 2.2 java基础 day03 类和对象中的属性、方法、方法参数，静态方法static void xx{}，静态代码块static{}、代码块{},包，import
引用对象及属性存于堆中，调用新方法压栈时，传递箭头（同一个引用地址），但如果进行 字符串拼接 等操作，会创建一个新的字符串（指向新的引用地址）（传递 对象 修改属性不会），如果执行方法内的 s = s + 10，则 新s 和 原s 指向的不是同一个引用地址，因此，执行完毕后，会弹出方法内的 新s 和引用地址，打印出的还是 原s。方法就是行为，所以会有结果，如果想要结果给其他人使用，那么需要在方法中返回这个结果。那么属性会在构造对象的时候默认初始化，而默认初始化的值取决鱼属性的类型.char = 空字符。
2023-02-03 14:09:32
126
原创 2.1 java基础 day02 流程控制 创建类和对象 栈堆元空间
2.思考方式：如果需要解决很多类似问题，每次梳理步骤过程就会比较麻烦，但如果直接去分析问题涉及的具体事物（Object，对象），会更符合日常生活的思考方式，这就叫“面向对象编程”new也是关键字，表示创建一个具体的对象，而且，使用一次，创建一次，每次都是全新的。会对数据进行判断，如果等于某一个分支数据的值，会执行该分支的逻辑代码，并顺序执行后面的分支。特殊的对象：空对象(null)，没有引用的对象，称之为空对象, 关键字对象。创建对象，用对象类型的变量来引用它，当处理变量时，处理的其实是引用的对象。
2023-02-02 15:16:12
121
原创 1.31 java基础day01 标识符 数据类型 运算符
解决方法：Java 可以通过软件模拟虚拟机器（JVM），用一套代码操作相同的虚拟机器上，从而屏蔽不同计算机设备的差异，简化指令代码的编写。&& ：短路与，根据第一个表达式的结果决定是否执行第二个条件表达式，如果第一个就能判断出结果（false），则不会执行第二个。|： 或，两个条件表达式都要计算出结果，有true得true，没true得false、判断：如果条件表达式结果为true，执行任意表达式1，false则执行任意表达式2。||： 短路或，如果第一个就能判断出结果（true），则不会执行第二个。
2023-02-02 10:07:27
100
原创 1.1 尚品汇day10 修改购物车产品的数量（修改选中状态） 删除购物车某个产品（del请求）节流应用 删除选中的购物车商品（数组方法forEach，filter）
4.3.1:今天在做注册、登录业务的时候，先不处理表单的验证功能，在项目最后一天，在把表单如何验证，如果是那哪些插件解决【最后去处理】目前而言：是没有这个接口，一次修改全部产品的选中状态接口【正常工作当中一定是有这样的接口：一次全部修改选中状态】注意:以后工作的时候，最基本的基本功看API文档（在线文档），在开发后台管理系统项目的时候。全选复选框：如果它没勾上，顶上的全部产品的选装中台，没勾上。全选复选框：如果它勾上，顶上全部的产品的选中状态，勾上。仓库中，发请求的时候不用这样{}。
2023-02-02 09:59:38
276
原创 12.29 商品汇 day09 加入购物车成功失败判断（try使用） 游客访问身份（uuid）utils文件夹 ...mapGetters跨二级访问仓库的cartList 全选框（arr.every）
执行规则：首先执行try中的代码 如果抛出异常会由catch去捕获并执行 如果没有发生异常 catch去捕获会被忽略掉 但是不管有没有异常最后都会执行。try 语句使你能够测试代码块中的错误。catch 语句允许你处理错误。throw 语句允许你创建自定义错误。（抛出错误）finally 使你能够执行代码，在 try 和 catch 之后，无论结果如何。】
2022-12-31 23:00:31
194
原创 Vue 面试题
MVVM 是Model-View-ViewModel 的缩写， Model 代表数据模型， 定义数据操作的业务逻辑， View 代表 UI 组件， 它负责将数据模型转化成 UI 展现出来， ViewModel 通过双向绑定把 View 和Model 进行同步交互，不需要手动操作 DOM 的一种设计思想。Virtual Dom 是一个 JS 对象，通过对象的方式来表示 DOM 结构。将页面的状态抽象为 JS 对象的形式，配合不同的渲染工具，使跨平台渲染成为可能。
2022-12-28 21:18:39
81
原创 12.10 尚品汇 day08 分页器实现 封装路由 vuex（store仓库）的使用
（3）计算逻辑：当给的数据不够5（约定的中间5页可修改，continues）页时开始数字为1和结束数组为totalPage，如果大于5页（continues）的话，开始页等于当前页-向下取整（continues/2）;(4)、中间的页码循环显示，使用v-for和v-show（当item大于等于start页码的时候显示，不加这条件的话，则前面的页码（1...）也会显示）（这里的截图是后加的，再按顺序来）-----分页组件 **********（8）、父组件通过自定义事件获取分页器的当前页码并发送请求。
2022-12-10 22:04:42
277
原创 11.28 尚品汇 day07 自定义事件子传父亲 数据去重 排序、阿里图标的使用，发请求、
props Array N 商品属性的数组: ["属性ID:属性值:属性名"] 示例: ["2:6.0～6.24英寸:屏幕尺寸"]3）父组件给子组件标签绑定自定义事件，定义回调函数， 数据去重 数组.indexOf==-1，防止重复点击某个属性。【价格升序：把这个信息给服务器传递过去，服务器接收到信息，数据库自动把排序这件事情做了，把排序做好的数据返回给你，你展示即可】2.2我们还是需要收集用户选择的数据，把用户选择的数据信息，给服务器传递获取，获取相应的数据进行展示。
2022-11-29 15:13:47
92
原创 11.26 尚品汇 day06 mapgetters使用 Object.assign合并数组 接口传参（post）
1.2:点击搜索按钮的时候，用户输入进来的关键字，点击按钮的时候会通过params参数传递给search模块-----（params）(4) 什么时候调用接口获取数据？1.1:开发的三级联动业务，当你点击a标签的时候，会进行路由的跳转，将产品的名字与id传递给search模块----（query）向服务器发请求，需要把这些参数携带给服务器，服务器就会返回相应的用户的搜索的数据，search就可以进行展示。对于给服务器携带的参数：如果数值为undefind，向服务器发请求的时候，参数步携带给服务器的。
2022-11-28 14:19:04
400
1
原创 11.21 尚品汇 day05 elementui 组件使用轮播图 ；watch+$nextTick完美解决轮播图；api获取floor组件的mock数据同时复用floor组件,父子通信；
派发action，本来在floor组件挂载完毕触发，
2022-11-21 19:58:06
1287
原创 11.20 尚品汇 day04 三级联动进入显示 三级联动动画效果 swiper轮播在Vue使用 mock模拟发送请求
接下来需要开发listContainer与floor组件 场景:开发项目，产品经理画出原型，前端与后端人员需要介入（开发项目）， leader（老大）刚开完会，前端与后端负责哪些模块，后端人员（....开发服务器）， 前端人员【项目起步、开发静态页面、查分静态组件】，回首一看回台‘哥哥’，接口没有写好， 向这种情况，前端人员可以mock一些数据【前端程序员自己模拟的一些假的接口】，当中工作中项目上线，需要把mock 数据变为后台哥哥给的接口数据替换。注意：mockjs【并非mock.js mock-js】
2022-11-21 12:56:21
417
原创 11.19 尚品汇 day03 鼠标进入显示二、三级分类，三级联动的路由跳转和传参、节流防抖
需求：1、鼠标进入一级分类显示二、三级分类，三级联动解决：方法一：一级hover时，给二三级的分类添加属性display：block（二三级分类的解构嵌套在一级分类中）方法二：在data定义一个新的索引currentIndex；一级分类绑定鼠标进入事件，获取当前的一级分类的索引index，并让data的currentIndex等于这个一级分类的索引；在二级分类定义一个动态类名触发条件，当index===currentIndex时触发2、节流防抖，用户操作过快鼠标进入卡顿。
2022-11-20 13:05:33
485
原创 11.15 尚品汇 day02 配置路由 nprogress进度条 axios二次封装 vuex管理store 鼠标进入添加动态样式
注意:编程式导航（push|replace）才会有这种情况的异常，声明式导航是没有这种问题，因为声明式导航内部已经解决这种问题。由于vue-router最新版本3.5.2，引入了promise，当传递参数多次且重复，会抛出异常，因此出现上面现象,AJAX:客户端可以'敲敲的'向服务器端发请求，在页面没有刷新的情况下，实现页面的局部更新。工作的时候，修改进度条的颜色，修改源码样式.bar类名的。------main.js 配置项不能瞎写。KV：K--->URL V---->相应的组件。
2022-11-19 16:13:52
312
原创 JavaScript 基础 - 第1天 变量 数据类型 四则运算
表示肯定或否定时在计算机中对应的是布尔类型数据，它有两个固定的值 `true` 和 `false`，表示肯定的数据用 `true`，表示否定的数据用 `false`。大部分情况使用 `let` 和 `var` 区别不大，但是 `let` 相较 `var` 更严谨，因此推荐使用 `let`，后期会更进一步介绍二者间的区别。` 代表一段代码的结束，多数情况下可以省略 `;`let` 和 `var` 都是 JavaScript 中的声明变量的关键字，推荐使用 `let` 声明变量！
2022-11-17 21:24:28
208
原创 11.14 尚品汇 day01 脚手架，路由命名，路由跳转，传参，props传参，重写push,replace
5.1路由的一个分析 确定项目结构顺序:上中下 -----只有中间部分的V在发生变化，中间部分应该使用的是路由组件 2个非路由组件|四个路由组件 两个非路由组件：Header 、Footer 路由组件:Home、Search、Login（没有底部的Footer组件，带有二维码的）、Register（没有底部的Footer组件，带二维码的）因为项目大的时候src（源代码文件夹）：里面目录会很多，找文件不方便，设置src文件夹的别名的好处，找文件会方便一些。解决：在路由配置页的/:searchWord/
2022-11-14 19:16:21
124
原创 11.11 Vue day11 路由命名 路由守卫 路由的params参数
/第二种写法：props值为布尔值，布尔值为true，则把路由收到的所有params参数通过props传给Detail组件。跳转//第一种写法：props值为对象，该对象中所有的key-value的组合最终都会通过props传给Detail组件。跳转
2022-11-11 19:58:05
132
原创 11.10 Vue day10 Vuex四个map方法 mapMutations Vuex模块化 路由的query参数 多级路由
path:'message',//此处一定不要写：/message。//借助mapState生成计算属性：sum、school、subject（对象写法）//借助mapState生成计算属性：sum、school、subject（数组写法）path:'news', //此处一定不要写：/news。//借助mapGetters生成计算属性：bigSum（对象写法）//借助mapGetters生成计算属性：bigSum（数组写法）
2022-11-11 12:16:50
275
原创 11.7 Vue day08 Vue封装的过度与动画 Vue脚手架配置解决跨域访问
工作方式：若按照上述配置代理，当请求了前端不存在的资源时，那么该请求会转发给服务器 （优先匹配前端资源）target: 'http://localhost:5000',// 代理目标的基础路径。target: 'http://localhost:5001',// 代理目标的基础路径。'/api1': {// 匹配所有以 '/api1'开头的请求路径。'/api2': {// 匹配所有以 '/api2'开头的请求路径。2) 定义transition的name。3）添加进入的时候的类名和退出的时候的类名。
2022-11-08 13:07:37
63
原创 11.6 Vue day07 全局事件总线 消息订阅与发布
2.School组件挂载后，给this.$bus绑定hello事件，注意回调函数使用箭头(如果先定义函数的话，再调用记得加this)3.Student组件中 1）给按钮绑定事件 2）定义回调函数并触发this.$bus的”hello“事件。接收数据：A组件想接收数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身。需求：在Student的组件点击按钮，可以在School组件使用。接收数据：A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。一种组件间通信的方式，适用于。
2022-11-07 13:43:02
209
原创 11.5 Vue day06 父子组件通信、自定义事件
组件化编码流程：(1).拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突。(2).实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用：1).一个组件在用：放在组件自身即可。2). 一些组件在用：放在他们共同的父组件上（状态提升）。(3).实现交互：从绑定事件开始。props适用于：(1).父组件 ==> 子组件 通信(2).子组件 ==> 父组件 通信（要求父先给子一个函数）
2022-11-06 13:47:18
272
1
原创 10.28 nodejs day03 es6模块化
浏览器为了安全，，不允许非同源的URL之间进行资源的交互；2) 添加包 yarn add [package]@[version]出现上面这种情况就是跨域访问被阻断了，可以后端服务器配置，也可以通过反向代理的方式实现。2)在package.json文件中，添加"type":"module"基于nodeJS静态模块打包器（html，css，js，图片等属于静态模块）按需导入的成员名称必须和按需导出的名称一致。import 模块名。类似npm，比npm快速，稳定。作用：合并压缩，格式转换，提供开发服务器。
2022-11-01 21:23:24
190
原创 11.1 Vue day04 自定义指令 非单文件组件
一、定义语法：(1).局部指令：directives:{指令名:配置对象} 或 directives{指令名:回调函数}(2).全局指令：Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数)二、配置对象中常用的3个回调：(1).bind：指令与元素成功绑定时调用。(2).inserted：指令所在元素被插入页面时调用。(3).update：指令所在模板结构被重新解析时调用。三、备注：
2022-11-01 20:54:05
58
原创 10.31 Vue day03 监视原理，内置指令，收集表单数据
1.使用这些API:push()、pop()、shift()、unshift()、splice()、sort()、reverse()(1)v-model的初始值是非数组，那么收集的就是checked（勾选 or 未勾选，是布尔值）若：，则v-model收集的是value值，用户输入的就是value值。(2)v-model的初始值是数组，那么收集的的就是value组成的数组。(1).v-html会替换掉节点中所有的内容，{{xx}}则不会。
2022-10-31 20:04:39
71
原创 10.30 vue day02 键盘事件 计算属性computed 监视属性watch 样式绑定
②.若虚拟DOM中内容变了, 则生成新的真实DOM，随后替换掉页面中之前的真实DOM。2.所有不被Vue所管理的函数（定时器的回调函数、ajax的回调函数等、Promise的回调函数），最好写成箭头函数，key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】,(1).配合keyup使用：按下修饰键的同时，再按下其他键，随后释放其他键，事件才被触发。3.备注：使用v-if的时，元素可能无法获取到，而使用v-show一定可以获取到。
2022-10-30 18:52:27
78
原创 10.29 vue day 01 初始Vue Vue模板语法 绑定方式 事件修饰符
初识Vue： 1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象； 2.root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法； 3.root容器里的代码被称为【Vue模板】； 4.Vue实例和容器是一一对应的； 5.真实开发中只有一个Vue实例，并且会配合着组件一起使用； 6.
2022-10-30 11:57:17
76
原创 10.27 node.js day02
1) module.exports可以直接赋值一个对象, 对象内部包含了要暴露的成员。1) 内置模块 Node自己提供, 比如: fs, path, http ...3) 第三方模块 由第三方开发出来的模块, 发布到npm网站上, 使用前需要先下载。2) exports不行, 必须一个个的添加需要暴露的属性和方法。__dirname: 当前模块所在文件夹的绝对路径。2) 自定义模块 用户自己创建的.js文件, 都是自定义模块。CMD 国内浏览器端 代表seajs。module: 代表当前模块。
2022-10-27 19:31:59
316
原创 10.24 Ajax day05 封装原生Ajax&async await
调用xhr.send([请求体数据]) 判断get。如果async没有await，那么async没有意义，全是同步的内容。return Promise对象（四个参数）调用xhr.open()只有遇到了await开始往下，才是异步的开始。使用async和await解决回调地狱的问题。输出Promise 四参数。await后面一般跟promise对象。用于修饰函数是异步的。
2022-10-24 19:10:00
128
原创 10.23AJax day4 XMLHttpRequest
当所有的异步promise对象（axios也是promise对象）执行完，才执行then。语法：Promise.all([promise,promise2,...]).then(...). 发送请求 send(请求体数据)对应的是key=value&key=value。.设置请求方式和请求地址 xhr.open("请求方式", "请求地址").设置请求体对应的编码格式xhr.setRequestHeader()JSON.parse(),把JSON格式（外层要有引号）转换为js数据。
2022-10-23 18:03:51
227
原创 10.22.Ajaxday2 ，3表单&文件上传
概念：浏览器提供的一个WEBAPI，以键值对的方式存储数据。应用场景：FormData+Ajax实现文件上传的功能。所以表单只负责采集数据，通过Ajax提交数据给服务器。action：提交的接口URL地址。FormData实质是一个构造函数。表单默认提交行为会导致页面跳转。把form数据序列化。四、axios请求方法的别名。4.serialrize插件。1、form表单的作用。
2022-10-22 18:51:11
195
空空如也
大佬们，可以帮我做做这张试卷吗。很快考试了。做一道也可以，给个答案就行了，
2021-05-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人