axihaihai-优快云博客

原创 vue cli更新遇到的问题(vue -V查询版本号不变的问题)

将环境变量中的新版本vue cli安装目录置于旧版本vue cli安装目录之前即可之后会将新版本vue cli当成默认vue cli。查询到的vue cli版本仍然是更新前的版本那么原因就在于当前环境变量中旧版本目录置于新版本目录之前因此优先会才有旧版本。但是注意旧版本和新版本的安装目录可能会有所不同由于是全局安装所以他会将安装目录配置到环境变量中。通过该指令就可以将当前版本默认升级到最新版本并且是全局安装(主机上任何地方都可以使用)

2025-01-03 17:16:34 277

原创外键约束的应用层维护

一般来说对于不同表格之间的属性约束我们通常直接使用数据库已经实现好的外键来完成但是数据库底层实现的外键他的性能很差这是因为在执行数据库修改操作时他需要遍历其他所有的表来找出其中可能相关联的属性一并进行数据库修改也正是因为如此造成他的遍历操作不够灵活即不能控制遍历范围当然性能差还有其他很多的原因这里就提供一个思路所以要求我们可以通过应用层(业务层)来自行维护一个外键约束。

2024-12-27 01:09:51 362

原创 IDEA无法打开插件市场的解决

我的IDEA版本号为2020.1.4 大家可以从IDEA的help->about进行版本号的查看。我们直接到jetbrains官网搜索你想要下载的插件直接下载即可自动导入。

2024-12-20 20:12:59 784

原创数据字典类型/条目表的设计目的

这种行为很不妥当如果对于不同业务情景下的相同下拉框来说多个相同下拉框就会在数据库中产生多个表格当某个下拉框的选项需要更新或者新增时那么对应的需要同步更新相关的所有表但总有遗漏的时机因此的话这种方式下就很难去管理表格字段的新增或者更新。但是如果是不同下拉框的话可能存在相同的选项为了区分不同下拉框中的相同选项我们应该体现区分点通过引入数据字典类型表实现这个差异性。对于下拉框选项储存的思路我们以前是直接针对每一个下拉框都关联一个表格于数据库中。

2024-12-20 11:25:51 206

原创 MySQL数据库的建议

当我们进行驼峰标识的自动映射(即下划线字段->驼峰属性)时 Java的数据类型不区分无符号和有符号统一都是有符号而数据库则区分无符号和有符号这时候我们就需要找到数据库字段类型对应合适的Java属性类型来储存了。对于固定长度的字符串而言他最合适的数据库类型就是CHAR 而VARCHAR可以理解为variable char 即可变长度的char。我想说明的是我们在数据库中为某个字段选择数据类型时尽量选择符合要求的最小数据类型。MySQL中的数字类型可以划分为有符号和无符号。

2024-12-20 10:12:18 231

原创 PowerDesigner软件的基本使用

通过Physical Diagram->Table可以绘制出数据库中的一个表格推动到绘图区域双击这张表格可以为表格设置Name(表格中显式给我们看的)、Code(包含于Preview中sql语句)、Comment(也是包含于Preview中的sql语句只不过是对表格的注释一般用中文解释一下表格名称)首先我们通过Physical Diagram->Reference在表格之间用线连接接着双击线选择其中的Joins 设置一下被引用表格中的字段以及引用表格中的字段关联这两个字段。

2024-12-17 20:11:26 227

原创 Spring控制器方法参数未找到的解决方案

我们可以修改idea的默认配置打开setting->build, execution, deploymenet -> java compile 勾选其中的generate debugging info即可解决问题。idea的相关配置除了问题导致控制器方法参数未保留从而无法使得请求参数赋值给方法参数。

2024-12-13 08:36:15 178

原创 better-scroll框架包裹内容无法点击问题

对于better-scroll包裹内容无法点击触发点击事件的问题是因为我们需要为该框架设置可点击即在创建该框架实例时传递options(click:true)

2024-11-27 16:00:03 200

原创购物街项目TabBar的封装

在购物街项目中不论页面如何滚动始终存在一个TabBar固定在该项目的底部他在该项目中扮演者选项卡栏的角色内部存在若干选项而选项中固定存在两部分(图片+文本) 其中主要涉及到TabBar/TabBarItem这些和业务无关的共享组件(建议存放于components/common中)、MainTabBar这种和业务挂钩的共享组件(建议存放于components/content中)以及路由组件这种独立组件(建议存放于views中) 一些图片或者css资源则存放于assets中。

2024-11-19 17:32:46 1252

原创 dao层/service层面向接口编程的重要性

在JavaEE项目中我们通常会将项目分层开发在不同的层级中通常使得servlet层调用service层 service层调用dao层。在JavaEE项目中我们通常会将dao层和service层设计为面向接口编程。

2024-11-10 09:23:39 245

原创组件使用方式

其余组件不直接依赖于目标组件而是为目标组件封装一个插件让其余组件依赖于插件对目标组件进行使用这样没办法通过main.js中的$mount方式将目标组件挂载到index.html中所以要求我们手动对目标组件进行挂载操作(需要包含$mount挂载方式因为通过它才可以使用生命周期函数+document.body.appendChild挂载方式将其追加到index.html的body元素中)②体现了良好的封装性其余组件在使用目标组件时只需要关心如何使用而不需要关心使用的细节。

2024-11-03 00:26:24 267

原创 vue中属性名/函数名的命名规范

对于vue项目中标签内部的属性而言他们的命名规范并不区分大小写因此使用驼峰标识可能产生歧义建议使用短横线标识来表示标签属性。而对于vue项目中标签内部的函数监听名称他们对于命名规范的大小写区分是严格的所以建议使用驼峰标识来表示标签函数名。

2024-11-01 02:28:20 267

原创 BScroll的refresh方法未定义/找不到的原因及修复

①home组件中监听事件总线中的事件的逻辑被内置于created生命周期方法而该方法极有可能访问不到dom元素因为该方法仅仅表示组件创建并没有生成响应dom元素而mounted才对应创建并挂载因此的话我们需要将监听事件总线的逻辑内置于mounted生命周期方法中。②在监听事件总线的具体逻辑中我们将刷新方法封装到了scroll组件中 scroll组件中的方法直接调用了refresh方法进行刷新并没有判断调用者本身是否非空因此的话我们需要并上一个非空判断。

2024-10-25 16:11:10 196

原创 supermall项目上拉加载bug分析

这是因为better-scroll框架会根据局部区域的高度和页面高度计算出滚动区域的高度如果你的页面存在图片的话图片加载的时机有可能发生在计算之前也有可能发生在计算之后发生在计算之前的话那么滚动区域的高度当然是准确的但是如果发生在计算之后的话那么就会出现上述的bug了。有时候我们在加载某个类型某个页码中的数据时可能会加载到一半就提示需要上拉加载有时候则是准确的到达数据末尾才提示上拉加载。我们可以在图片加载以后再次刷新一下该框架使得该框架重新计算滚动高度即。

2024-10-25 10:55:15 844

原创 props父传子操作时的冒号作用

没有冒号时只能够将传递的值识别为字符串类型而加上冒号以后才能够将其识别为变量或者props具体指定的类型。

2024-10-25 09:21:45 96

原创 ref属性的作用对象类型

当我们进行BScroll实例化的时候需要我们传递dom元素有多种渠道可以获取dom元素(①通过类选择器获取 ②通过ref获取) 其中前者由于class允许重复导致获取的不准确性因此该方式不好而后者则是强调属性的唯一而保证了获取的准确性。当然除了满足父组件访问子组件以外通过ref属性也可以作用于当前组件中的普通元素并且通过。如果作用对象是组件类型的话那么该组件就是在当前组件中局部注册的组件即子组件通过。就可以实现父组件访问子组件的需求。

2024-10-24 22:01:16 281

原创全局滚动和局部滚动

比如div没有指定高度他的高度默认由内容决定当内容过多时会超出可视区域这时候浏览器会提供默认的滚动条来上下查看过多的内容但是他并不会内容溢出(溢出所在的元素) 所以overflow:hidden不会生效的。比如div指定了高度并且设置了overflow:hidden来隐藏溢出的部分(不会提供滚动条) 那么就实现了在指定区域内通过滚动查看元素内容的需求。

2024-10-24 21:39:45 464

原创父子元素中只有子元素设置margin-bottom的问题

而且运行结果表明div2是基于原先的位置不变然后向下进行外边距的扩展的是div2的底边在div1底边的下方而非div2上移使得div2底边在div1底边上方然后扩展外边距为40px。由于div1并没有设置外边距因此222是紧贴着div1进行展示的。上述代码中的运行结果是怎样的呢？div1的盒子模型范围如下所示。而div2的盒子模型则如下所示。通过开发者工具的盒子模型查看。

2024-10-19 22:47:50 357

原创 Vue项目无法重命名的解决方案

Vue项目无法重命名的原因在于你通过控制台或者其他的一些方式选中了该项目导致无法命名你就可以避免选中项目来完成重命名操作。

2024-10-19 13:54:53 159

原创 Vue/组件的生命周期

这篇文章借鉴了coderwhy大佬的在Vue实例化或者创建组件的过程中内部涉及到一系列复杂的阶段每一个阶段的前后时机都可能对应一个钩子函数以下是我根据coderwhy大佬文章对于每一个阶段的一些看法。

2024-10-06 23:15:47 885

原创 history的pushState/replaceState理解

在html5中推出了history这种新的语法其中我们可以利用他来完成不同网页之间的跳转并且通过不同的api调用可以完成同一个需求。

2024-10-06 22:19:08 227

原创组件中$router/$route的由来(vue-router源码分析)

返回值其实是通过上文中这个函数定义的其中他会先去判断一下Vue实例中是否传递了options对象($options对应的就是Vue实例中的options对象) 如果有的话那么就执行里面的逻辑其中 this指针表示mixin作用域中的this指针(他指向的是他的调用者即Vue) 首先他将Vue中的_routerRoot赋值为了本身接着将Vue中的_router赋值为options对象中的router(挂载到Vue实例中的router对象即导入的vue-router实例)

2024-10-06 16:00:59 1431

原创 webstorm的缩进设置(过度缩进解释)

而continuation indent表示的是过度缩进他控制的是一行显示不下的内容(元素属性等等)换行显示时的缩进效果比如js代码函数调用换行显示参数时的参数的缩进效果。具体的话我们将html/css/js操作界面中的tab/indent设置为2个空格即可他们控制的是元素/元素内容/元素嵌套的子元素的缩进效果。在编写前端代码时缩进规范一般被认为是2个空格而非默认的4个空格。

2024-10-06 08:46:18 1270

原创网站开发的发展(后端路由/前后端分离/前端路由)

该阶段也可以被称之为SPA(single page application)阶段即单页面富应用阶段(一套html+css+js 但是整合了多个网页主要是分离js/vue组件而复用html/css 因为一个vue文件对应一个网页而多个网页会整合到js中) 可以理解为前后端分离阶段的基础上内置了前端路由的阶段(前后端分离阶段的静态资源服务器中主要是一个网页对应一套html+css+js 而该阶段则是一个网站的所有网页对应一套html+css+js)该模式目前很多网站仍然在采用。

2024-10-05 12:34:24 833

原创路由器的工作机制

首先数据包从公网传递给光猫(具有公网ip 平常说的具有唯一性的ip就是这个ip 用于标识唯一的内网) 光猫将数据包传送给路由器/内网路由器中内置了一张映射表(格式大致为内网ip1: mac地址1 内网ip2: mac地址2……mac地址用于标识唯一的内网设备) 通过该映射表就可以找到最终的目标主机(数据包中附带公网ip和mac地址通过映射表找到mac地址对应的内网ip 从而找到最终的目标主机)我们可以说网络中的主机是由公网ip、内网ip和mac地址联合标识其唯一性的。

2024-10-05 10:14:57 663

原创 vue ui指令打不开图形化界面解决方案

解决措施：我们可以降低node版本或者提高脚手架版本这里我选择降低node版本有个工具很好使方便切换node版本即nvm(node version manager) 但是使用它之前需要将已经安装的node写在干净然后在下载nvm 通过。报错信息为TypeError: Function.prototype.apply was called on undefined, which is a undefined and not a function。从而打开图形化界面管理vue项目。

2024-10-04 23:28:35 479

原创 vue脚手架安装失败解决方案

网上大多数的解决措施是通过npm clean cache -force指令去清空cache 实际上清空的对象是C:\Users\19938\AppData\Roaming\npm cache这个文件。你可以尝试删除该文件看看重新安装是否可行。

2024-10-04 15:37:01 202

原创 jetbrains ide重命名问题

因此的话我的建议是通过ide中的rename project重命名项目名称然后手动修改目录名称(show in explorer -> 修改目录名称 -> 同时修改.idea/iml文件名称为目录名称 -> 并且修改.idea/modules.xml中所有以前的目录名称为现有名称)因此的话我们就会rename directory 可是当我们重命名目录名称保证目录名称和项目名称一致时在目录所在文件中仍然存在之前的目录而且我们如何删除也删除不掉。这样就可以彻底的完成重命名操作。

2024-10-04 15:19:11 371

原创 node依赖安装失败方法

当我们通过npm指令去导入依赖时如果你的npm版本大于7的话那么就会内置版本检测机制对于不兼容的依赖版本就会安装失败。这个指令去忽略版本检测机制从而避免安装失败问题。因此的话我们就可以借助。

2024-10-03 21:06:42 353

原创 IDEA中查看接口的所有实现类和具体实现类

我们选中要查看的接口按住快捷键ctrl+h 在界面右侧可以看到该接口的所有可能实现类。

2024-08-13 17:43:54 2767 1

原创 Maven

同样的条件下如果是Maven项目的话那么他就会将jar包抽取为单独的文件由多个项目去引用依赖这样的好处在于减小体积并且我们在进行项目共享的时候共享的是除开jar包的项目到时候会根据依赖关系自动下载所依赖的jar包。假设存在多个项目的话并且多个项目中所依赖的jar包都是相同的那么从川传统的角度来看硬盘中就会存在多个相同的jar包。主要用于自动化创建和管理Java项目。

2024-06-03 13:00:43 857

原创 jQuery_Bootstrap

是前端开发中非常著名的开源框架

2024-06-02 18:19:00 734

原创 JavaScript

常见的打印有两种：1.alert()(弹窗效果) 2.Console.log()(将打印内容输出到浏览器中的控制台处)(推荐)DOCTYPE html > < html lang = " en " > < head > < meta charset = " UTF-8 " > < title > Title < script > // 第一种打印方式就是弹窗 alert('HelloWorld!

2024-06-01 12:30:48 662

原创 JavaEE资源找不到问题

此时你可以对项目进行重新编译打包但是如果这个做法失效的话那么你就可以猜测是否是缓存的问题缓存导致了网页源代码未能及时更新因此我们需要及时清理浏览器的缓存这时候问题应该就能够得到解决。有些情况下当我们启动Tomcat打开网页时会发现提示文件无法找到的信息。

2024-05-29 07:39:43 156

原创 SpringJDBC

可以帮助开发者节省大量开发工作自动去处理一些低级细节比如：异常处理、打开和关闭资源(Connection、PreparedStatement、Statement、ResultSet)

2024-05-28 16:48:27 390

原创 Dbs封装_连接池

每一个数据库都对应着一个dao 每个dao势必存在公共部分我们需要将公共部分抽取出来封装成一个工具类保留个性化代码即可。

2024-05-26 17:20:04 667

原创引入Dao

我们先前实现的crm项目的数据都是自定义的而非数据库获取因此现在我们应该实现crm和数据库的集成。

2024-05-25 11:33:41 407

原创 JDBC

JDBC 即Java Database Connectivity的简称。

2024-05-19 18:13:12 245

原创 MySQL_SQL语句

我们之前在将Servlet+JSP配合处理请求的过程中数据库起到一个存取数据的作用但是我们之前的案例中数据是在Data类中临时定义的并不是从数据库中获取的这样做是不好的因为每一次服务器关闭之后那么部署在其上的类也会随着卸载紧接着和类相挂钩的静态内存也会随着销毁更别提实例内存了所以说再次启动服务器数据也就不能复原所以说数据还是交由数据库保管数据库中存放的数据是在硬盘之中所以说不会因为服务器的开关而受到影响。

2024-05-13 17:59:42 988

原创转发_重定向

当我们用Servlet或者JSP单独处理请求的时候最合适的做法就是两者结合使用。

2024-05-09 17:42:43 992

空空如也

红黑树代码用Java语言实现

为什么我在qq音乐中的xhr没有看到client_search？

为什么在XHR中显示不出client_search?

为什么network中xhr没有显示client_search