- 博客(118)
- 收藏
- 关注
RSS订阅原创 vue，前端打包项目、部署上线
前端项目是在本地的IDE开发的。流程是：开发=》打包=》上线到生产环境=》使用。vue脚手架只是开发过程中,协助开发的工具,当真正开发完了，脚手架不参与上线。这时候要用到打包了。打包后,可以生成,浏览器能够直接运行的网页=>就是需要上线的源码!打包的作用:①将多个文件压缩合并成一个文件。②语法降级。③ less sass ts语法解析....打包的命令和配置说明:vue脚手架工具已经提供了打包命令，直接使用即可。yarn build:在项目的根目录会自动创建一个。
2023-10-08 14:48:22
720
原创 vue，mixins混入
我们只要将公用的功能以对象的方式传入 mixins 选项中，当组件使用 mixins 对象时所有 mixins 对象的选项都将被混入该组件本身的选项中来，这样就可以提高代码的重用性，并易于后期的代码维护。痛点：当我们的项目越来越庞大，项目中的某些组件之间可能会存在一些相似的功能，这就导致了在各个组件中需要编写功能相同的代码段，重复地定义这些相同的属性和方法，导致代码地冗余，还不利于后期代码的维护。这样的代码往往复用性很强。mixins属性和name、data同级。
2023-10-08 13:53:20
195
原创 vue、全局前置守卫
需求：在使用商城app的时候，游客（没有登录的用户）可以看到商品信息，当游客点击添加购物车的时候，我们需要把游客“拦”到登录页面，登陆后，才可以添加商品。游客只可以看得到部分页面。vue提供了全局前置守卫，我们可以轻松解决这个问题。2.只有全局前置守卫放行,才会真正解析渲染组件,才能看到页面。1.所有的路由一旦被匹配到,都会先经过全局前置守卫。基于全局前置守卫,进行页面访问拦截处理。由导航守卫-全局前置守卫。
2023-10-06 20:21:57
319
原创 vue、vuex状态管理、vuex的核心概念state状态
数字分别对应，“vue版本，vue 路由版本、vuex 版本”。口诀：“233”、“344”3、在main.js中导入。4、验证仓库是否被创建成功。这个对象就是我们的仓库了。
2023-10-05 13:53:10
402
原创 vue/自定义指令
需求： 页面有个input元素，现在要鼠标光标聚焦在上面，让每个页面上的标签都可以聚焦光标，比如，从A页面跳转到B页面的时候，我们依然要聚焦。如果要一遍遍地操作dom就会很麻烦。这个时候，为了方便开发，我们可以使用vue提供的自定义指令。自定义指令有两种，分为全局注册和局部注册。2.1 在当前要使用指令的主键内，注册。1.1 在main.js 中 注册。
2023-10-04 18:57:31
493
原创 MP、MybatisPlus、联表查询、自定义sql、Constants.WRAPPER、ew （二）
【代码】MP、MybatisPlus、联表查询、自定义sql、Constants.WRAPPER、ew （二）
2023-09-30 12:15:10
377
原创 linux mysql 启动失败的问题Starting MySQL...The server quit without updating PID file
linux mysql 启动失败的问题Starting MySQL...The server quit without updating PID file
2022-11-18 13:29:17
1236
原创 nginx：connect() failed (111: Connection refused) while connecting to upstream
nginx：connect() failed (111: Connection refused) while connecting to upstream
2022-11-06 15:39:26
1253
原创 java | 同一个接口下有不同的实现类 | @Autowired @Qualifier 注解结合使用
java | 同一个接口下有不同的实现类 | @Autowired @Qualifier 注解结合使用
2022-06-19 09:38:55
222
原创 Java | 泛型思想 | 属性拷贝例子 | BeanUtils.copyProperties()
Java | 泛型思想 | 属性拷贝例子 | BeanUtils.copyProperties()
2022-06-19 09:18:53
260
原创 MP、MybatisPlus、联表查询、自定义sql、Constants.WRAPPER、ew （一）
MP、MybatisPlus、联表查询、Constants.WRAPPER、ew
2022-06-15 10:47:13
331
原创 Injection of autowired dependencies failed； nested exception is java.lang.NullPointerException
Injection of autowired dependencies failed； nested exception is java.lang.NullPointerException
2022-06-10 18:00:28
979
原创 vue 前端传参到后台的几种方式
第一种：路径传参js:// 下拉框数据export function getUnits(userId,unitCode) { return request({ url: `rfs/ledger/getUnits/${userId}/${unitCode}`, method: 'get' })}往vue组件页面导入js ： import { getUnits, resourceSummaryByUnicode } from '@/api/r
2022-05-23 17:40:29
5137
1
原创 小程序的swiper宽高比例不协调的问题
参考：swiper | 微信开放文档最近在使用小程序的swiper的时候，发现，swiper的宽高比例不协调。大致效果如下：界面很丑。后来查了资料发现，原来swiper标签存在默认样式，如下：1、width：100% 2、height：150rpx 3、image 默认宽高 320*240因此呀，需要我们计算swiper轮播项的宽高，才可以实现看起来很“舒服”的效果。方法是，先找出原图的宽高等，然后比例给，swiper的宽和...
2022-05-15 18:59:15
992
原创 java List集合根据某一个字段排序
public class SortListUtil { public static final String ASC = "asc"; public static final String DESC = "desc"; public static void main(String[] args) { List<Animal> listOfAnimals = Arrays.asList( new Animal().setN.
2022-05-06 09:42:19
842
原创 hutool工具类 | huTool的基本使用
依赖包：<dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId> <version>5.1.0</version></dependency>package com.zhang.common;import cn.hutool.captcha.CaptchaUtil;import.
2022-04-08 14:42:31
1422
原创 小程序|页面传参的三种方式
要正确展示文章详情页面的内容，首先需要将文章的id号由post页面传递到post-detail页面，这样，post-detail页面才能知晓它要显示哪篇文章。这涉及页面间的参数传递与通信。目前，在MNA框架中有以下几种参数传递方式：使用全局变量（关于全局变量，本书后面的章节中会讲到）； 使用缓存； 通过页面导航url的query参数传递。基本上参数的传递只有以上3种方式，其他的比如像事件信号的传参方式（一个页面emit发送信号，一个页面on监听信号，这种在AngularJS里很常见的传参方式，小
2022-03-18 15:36:11
503
转载 vue | v-for 与 v-if 一同使用
列表渲染 — Vue.jsv-for 与 v-if 通常一同使用，当它们处于同一节点，v-for的优先级比v-if更高，这意味着v-if将分别重复运行于每个v-for循环中。当你只想为部分项渲染节点时，这种优先级的机制会十分有用，如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="/js/vue.js">...
2022-03-17 10:02:25
748
转载 vue的key属性
key属性是用来维护状态的当 Vue 正在更新使用 v-for 渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染。
2022-03-17 09:34:35
855
原创 记录mysql索引
索引是对数据库表中一个或多个列的值进行排序的结构，建立索引有助于快速获取信息。你也可以这样理解：索引就是加快检索表中数据的方法。数据库的索引类似于书籍的目录。在书籍中， 索引允许用户不必翻阅完整个书就能迅速地找到所需要的信息。在数据库中，索引也允许数据库程序迅 速地找到表中的数据，而不必扫描整个数据库。mysql 有4种不同的索引：1、主键索引（PRIMARY） ：数据列不允许重复，不允许为NULL，一个表只能有一个主键。2、唯一索引（UNIQUE）： 数据列不允许重复，允许为NULL值，一
2022-02-27 15:30:57
131
原创 java 保留小数点后2位小数
double number = 2.335; DecimalFormat df = new DecimalFormat("#.00"); String format = df.format(number); System.out.println("format = " + format);// format = 2.33 BigDecimal bg = new BigDecimal(number); doub...
2022-02-19 17:12:34
154
转载 springboot特性
创建独立的Spring应用程序 直接嵌入Tomcat、Jetty或Undertow(不需要部署WAR文件) 提供“starter”依赖项来简化构建配置。如，mybatis-spring-boot-starter 依赖，无需手动配置sqlsesionfactory、dao代理对象 尽可能自动配置Spring和第三方库，即自动配置，第三方库都在容器中创建好了、开发人员可以直接使用。 提供生产就绪的特性，如指标、运行状况检查(健康)和外部化配置 绝对不需要生成..
2022-02-16 12:00:38
137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人