- 博客(93)
- 收藏
- 关注
RSS订阅原创 Vue3+Typescript封装Pinia插件，优雅管理所有请求的loading效果
Vue3+Typescript+Pinia优雅管理请求的loading
2022-08-07 00:34:21
1991
原创 React+Typescript实现一个甘特图表格
React+Typescript实现一个甘特图表格好久没更新博客了，最近工作写了一个有趣的东西，想和大家分享一下照例先放效果图准备项目，直接放出依赖项目{ "name": "react-gantt-table", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "^5.14.1", "@testing-library/react": "^12.
2022-01-12 15:23:05
1611
原创 使用vue3+vite+typescript编写一个网易云首页轮播插件
vue3+vite已经成熟。就想着哪来练手项目，然后写到页面轮播部分时突然奇想，不如使用vue3编写一个轮播组件练练手，于是网上找到了轮播图的编写思路，同时参考element-plus库源码的编写思路，最后用render函数的形式完成了这个组件，今天分享给大家效果图如下具体实现过程创建项目的过程忽略了，想要了解的稍后我放出git地址编写Swiper组件<!-- * @Description: 轮播组件 * @Autor: ZmSama * @Date: 2021-05-28 15.
2021-05-28 16:23:29
992
5
原创 Javascript将数组对象相同key值合并并且将对象特定值合并计算
实现思路就是先分组—然后扁平化数组–针对特定项计算1.给出测试数据如下let temp = [ { id: "1", label: "1Msjjs-10-01", num: 10, name: "564" }, { id: "2", label: "1Msjjs-20-01", num: 10, name: "789" }, { id: "3", label: "1Msjjs-20-01", num: 20, name: "564" }, { id: "4", label: "1Msjj
2021-03-26 23:37:24
1618
1
原创 配置快捷方式启动MongoDB
由于最近想弄一个全栈项目。又搞起mongodb，发现每次启动都特别麻烦，所以想着搞个快捷方式来启动。1.新建一个.bat文件，其中cd到什么盘，以及什么目录就看你安装的mongodb的目录了，自行替换即可2.配置一个mongo命令的环境变量，什么盘也是自行替换，注意是bin目录的路径。3.大功告成，每次使用只要点击一下.bat文件再重新打开一个命令行窗口输入mongo就可以直接使用了效果图如下...
2021-02-22 09:46:58
389
原创 在React-native中使用SVG详细过程
首先React-native不能直接引入SVG图片，所以我们要借助两个库来实现，废话不多说，下面直接给出详细过程1 . 安装react-native-svg（参考我的package.json文件）2.下载你喜欢的SVG图片，可在阿里图标库慢慢挑选，然后放在一个文件夹里面，加粗的目的是因为后面要用这个文件夹的名字，一般用svgs吧3.将svg处理成一个js文件，因为稍后要用到的react-native-svg-uri这个库虽然可以直接使用文件路径的方式引入，但是在安卓下有bug，具体自行百度，这个j
2020-10-02 14:07:42
6881
8
原创 Vue使用vue-amap插件调用高德原生地图时的坑
一：使用该插件的时候最好按需引入，不要全部加载，不然真的很卡，如何按需网上很多教程这里不作解释二：版本问题，我是截止写这个的时候还在开发一个定位系统，想使用2.0版本，但是发现非常卡。缩放视野和拖动都体验不太好（Web端，安卓和ios暂不知道），最后调试选择了1.4.15这个版本。三：兼容原生SDK时，记得等到地图实例完全加载出来的时候再进行地图操作，可以使用下图的做法（来自vue-amap官网例子这是官网）四：获得地图实例的方式，最好使用这个插件推荐的方式，用amapManager这个管理对象去获
2020-07-11 08:01:35
3024
原创 JS数据类型中的一些注意点
常见的5种基本类型字符串（String）数字(Number)布尔(Boolean)对空（Null）未定义（Undefined）三种引用数据类型对象(Object)数组(Array)函数(Function)值得 注意的是当我们使用typeof检测以上8中类型的时候，对于null、array、object时他们的返回值都是object。输出结果如下那么此时可以使用instanceof来区分，返回值是一个Boolean值Null和Undefined的区Null是赋值了，但是值为空
2020-06-11 00:12:53
122
原创 记JQ的attr（）方法和css（）方法的差异
今天做项目时想利用JQ给某个元素动态设置高度，但是发现并没有效果 $(".li_abouts").attr("height", "auto");然后我尝试打印结果发现是undefined，最后浏览器检查元素发现其实他的身上并没有height这个元素，所以怎么可能设置成功呢。然后我尝试用以下代码就可以设置成功 $(".li_abouts").css("height", "auto");最后百度查询得知，attr（）方法适用于内联样式的元素，css（）方法可以适用与非内联的，包括内部导入
2020-05-26 18:42:09
165
原创 使用Mongoose发现的一个奇特问题，感觉和es6不兼容
我在做一个保存和查询的案例，非常简单，然后保存没问题，但是查询一个晚上都查出来的时空数组。到那时用命令查却能查到。这是一个神奇的bug首先是有问题的示范1.这是保存的schema2.然后调用保存接口实现保存，数据库是这样的，完全没问题，3.但是当我使用uid作为查询条件的时候问题就来了然后搞了我三个小时，最后找到是保存那个解构那里出了问题。最后这样就能得到数据了，我也不知道这是...
2020-03-11 02:25:32
319
原创 Mongoose配合Node查询数据为空不一定是文档少加s，也有可能你的参数位置放错了，给自己蠢哭（搞了一个多小时，真是蠢哭啊/(ㄒoㄒ)/~~）
因为参数位置写错了而查询结果为空的笑话时刻谨记这个回调函数的err在前面，res在后面！！！！！！这些无脑的问题不应该成为开发的绊脚石！！！不能阻碍我打通全栈开发的梦想！...
2020-03-06 22:25:25
224
原创 解决当子组件在computed中使用父组件传递过来的props值时，第一次有值，第二次报undefined的问题
大概说一下我的业务流程1.父组件发送了一个对象数据给子组件（鼠标每移动一次就发送一次，即数据是动态不断传送的）2.这个数据的格式是这样的。3.然后我们去子组件那里得到这个props值现在问题就来了1.我想在computed中使用这个值，然后我就以如下方式使用它（注释部分就是解决问题所在）2.然后有趣的问题就来了，当我刷新页面的时候，控制台竟然报undefined后面百度了一...
2020-03-03 00:44:38
7131
3
原创 学习Node时遇到的回调函数问题
怎么获取异步操作的结果或者说返回值？例如下面这个函数function test(){ setTimeout(function(){ var data = 'hello word' },1000)}此时要如何获取这个data的数据呢？有人这样写，给变量接收返回值就行了，如下 function test(){ var data = '默认数据' setTimeout(func...
2020-02-13 00:57:22
143
原创 @ResponseBody的简单使用以及返回json数据时的问题记录
最近使用ssm框架搭建一个Android后台时在返回json数据时遇到一个问题，就是查询数据库内容返回时出现如下情况：从上面可以看出这是一个转换错误，那么我觉得应该是配置文件的问题，因为的业务代码非常简单，而且我已经用jsp页面验证了流程没问题。百度之后发现原来是没写一个转换适配器，去springMVC的配置文件加入如下代码 <!--json转换适配器--> <...
2020-01-06 01:41:26
490
原创 使用JS实现纯分页原理以及实现
写在前面好久没写博客了，因为实习工作好忙，还要同时兼顾毕业设计，最主要的是我现在是前端实习，哈哈，我一个在大学学了这么久后端开发的人，结果人生第一份正式的实习工作是前端。现在做了一个月了，自学了很多的前端知识，也对前端有了更多的了解，发现以前的认知都是错误的，什么前端简单，谁再说这句话我会认为他是一个ZZ。还有最后就是其实作为一个软件开发的人，技术栈一定要广，然后才深入几个。不说废话了—实...
2019-10-13 18:14:09
2844
4
原创 装饰模式
装饰模式的概念（百度百科）UML图如下所示从这个图分析可知结构就是1.抽象组件（Component）2.具体组件（ConcreteComponent）3.抽象装饰者（Decorator）4.具体装饰者（A和B）代码理解（书中的例子，同样是对着上面的四个部分编写的）1.抽象组件2.抽象装饰者3.具体组件4.具体装饰者package com.lfm.decorator...
2019-08-31 16:12:14
120
原创 使用Maven创建一个SSM项目
首先使用maven模板创建一个javaWeb项目接下来完成项目结构进一步完善项目结构（基本不考虑test目录，不想测试哈哈）打开pom.xml文件添加SSM项目依赖我测试了好久才避免了jar包冲突的，而且版本也比现在百度很多人的都新<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://mave...
2019-08-28 21:50:11
4833
6
原创 maven常用的命令、生命周期、pom.xml文件的作用
mvn tomcat:run该命令是项目的运行命令，利用我们上节课创建的mave_web项目打开命令行输入命令（windows快捷键按住shift+鼠标右键可以选择在此处打开命令行）现在就可访问该地址（这个项目就是默认生成的，webapp下有一个index.jsp文件里面的内容就是下图内容，所以直接访问项目名即可）此时我们查看项目会发现多出一个target目录展开来看mvn ...
2019-08-28 09:22:29
1135
1
原创 Maven概念和环境搭建
什么是Maven1.Maven 的正确发音是[ˈmevən]2.Maven 是一个项目管理工具，它包含了一个项目对象模 型 (POM：Project Object Model)，一组标准集合，一个项目生命周期(Project Lifecycle)，一个依赖管 理系统(Dependency Management System)，和用来运行定义在生命周期阶段(phase)中插件(plugin)目标...
2019-08-27 23:01:29
102
转载 文件上传
点击这里查看这个老哥写的，很完整的springMVC文件上传总结他的几点1.建议使用idea的图形化设置tomcat的虚拟目录，只能在一边设置2.如果web.xml配置的springMVC前端控制器对应的映射不同，要修改不同的访问路径，例如我的是这样的3.表单的编写中from要注意一下就行了...
2019-08-23 23:13:04
102
原创 validation校验、全局异常处理
validation校验springMVC使用validation框架校验框架，改框架由hibernate提供1.导入该jar包2.配置校验器3.顺势编写资源文件最好使用jdk自带的工具我们转成utf-8的编码，因为我测试了无论在配置文件怎么修改编码格式还是会乱码，用这种方式绝对解决问题4.加载校验器5.在相应的pojo类的属性上编上校验规则6.此时就可以去contro...
2019-08-23 18:04:57
3755
原创 参数绑定
什么是参数绑定从客户端请求key/value数据，经过参数绑定，将key/value数据绑定到controller方法的形参上。springmvc中，接收页面提交的数据是通过方法形参来接收。而不是在controller类定义成员变更接收，简单来说就是把前端提交的数据封装到方法的形参上。springMVC默认支持的绑定类型，例如我这一篇文章中的Controller返回值那里就是用第一个和第四个...
2019-08-22 01:12:11
853
原创 @RequestMapping和post提交乱码问题以及Controller的返回值的选择
@RequestMapping有如下作用1.URL路径映射2.窄化请求映射，起到统一管理url作用例如以后会有很多的模块下面有很多的方法，那么可以使用这个让模块下的方法加上模块名字例如该模块是用户模块，现在用户controller上加上模块名字，那么该controller下的所有方法的映射路径都要加上这个模块名字，例如上面的方法变成/user/finUserList.action3....
2019-08-21 00:26:41
4732
原创 SpringMVC和Mybatis整合实现基本的查询操作
环境搭建1.导入mybatis包2.导入spinrg和springMVC包3.导入jstl包4.配置日志和数据库文件（新建一个资源目录放入）5.搭建好空的项目工程结构6.编写SqlMapConfig.xml文件（工程的config/mybatis下）7.配置数据源和SqlSessionFactory<?xml version="1.0" encoding="UT...
2019-08-20 22:16:32
484
原创 SpringMVC的基本概念、环境配置和入门程序（非注解和注解两种不同方式）
SpringMVC的概念springmvc是spring框架的一个模块，springmvc和spring无需通过中间整合层进行整合。springmvc是一个基于mvc的web框架，就是说是再web层的，我们以前学的struts2也是在这个层次的。MVC是什么？mvc即Model、View、Controller,就是模型、视图、控制器，它是一种设计模式SpringMVC框架的执行流程图示...
2019-08-19 23:01:06
304
原创 使用java代码形式实现逆向工程（从数据表生成po类和mapper映射文件）
到Maven官网下载jar包下载地址导入到一个空的项目中（项目结构完整）该项目的所有jar包如下（mybatis整合spring的）去官网找到逆向工程的配置文件地址在这儿把下面这个xml复制到我们的项目进行修改即可我这边提供一份整理好的带注释的（记住不论配置什么，它的标签顺序不能改变，否则报错）<?xml version="1.0" encoding="UTF-8"?&...
2019-08-18 23:09:15
1240
原创 与Spring进行整合
如何整合1.让spring通过单例方式管理SqlSessionFactory。2.spring和mybatis整合生成代理对象，使用SqlSessionFactory创建SqlSession。（spring和mybatis整合自动完成）3.持久层的mapper都需要由spring进行管理整合环境1.导入mybatis的包2.导入spring的包3.导入整合包将SqlMapCo...
2019-08-18 16:49:53
117
原创 延迟加载和查询缓存（一级缓存和二级缓存）
延迟加载当我们执行某些查询操作时，如果可以先查询出一些简单的满足需求，然后当需要某部分时再去查询关联数据，这就叫做延迟加载，这样做可以提高数据库性能1.需求，例如我们拿以前的例子，查询订单的同时关联查询下单用户，这个关联查询用户的那一部分我们让它延迟加载2.针对不同的需求编写不同的resultMap，根据不同的对应关系选择association或者collection3.这里从订单角度出发...
2019-08-18 01:13:28
549
1
原创 高级映射（一对一、一对多、多对多）
一对一（resultType实现方式）我们这里就利用订单和用户模型，从订单角度出发，一个订单只能给一个用户创建，所以是一对一，但是从用户角度出发，一个用户是可以创建多个订单的，所以是一对多。但是我们这里从订单角度出发，那么就可以当成一对一来处理1.这样我们就建立一个需求：查询订单并关联查询下单用户2.创建用户表和订单表并建立好关系用户表CREATE TABLE `user` ( `i...
2019-08-17 18:00:03
8673
2
原创 动态Sql
什么是动态sql是mybatis的核心 ，能够对sql语句进行灵活操作，通过表达式进行判断，对sql进行灵活拼接、组装，满足不同的功能或者需求。1.条件判断（if）例如我们要判断查询的某个参数但要求输入的参数不为空时才进行查询，此时就可以使用动态sql的条件判断例如我们的条件sql语句这么写写个测试类测试一下三个判断效果性别为空用户名为空都为空时2.sql片段（提高...
2019-08-16 12:26:31
476
原创 SqlMapConfig.xml文件和Mapper.xml文件参数详解
SqlMapConfig.xml配置文件的参数SqlMapConfig.xml中配置的内容和顺序如下1.properties（属性）2.settings（全局配置参数）3.typeAliases（类型别名）4.typeHandlers（类型处理器）5.objectFactory（对象工厂）6.plugins（插件）7.environments（环境集合属性对象）8.environ...
2019-08-16 00:56:27
718
原创 Dao层的开发方法（原始dao开发和Mapper接口开发）
原始Dao开发方法1.编写dao接口2.编写dao接口的实现类3.Mapper映射文件4.SqlMapConfig配置文件5.测试类6.结果8.总结1、dao接口实现类方法中存在大量重复方法，就是通过SqlSessionFactory创建SqlSession，调用SqlSession的数据库操作方法2、调用sqlsession方法时将statement的id硬编码了...
2019-08-15 17:12:23
3268
2
原创 MyBatis的基本概念和入门
MyBatis是什么？1.mybatis是一个持久层的框架，是apache下的顶级项目，现在已经托管到GitHub上了2.mybatis让程序将主要精力放在sql上，通过mybatis提供的映射方式，自由灵活生成（半自动化，大部分需要程序员编写sql）满足需要sql语句。3.主要关注点在输入映射和输出映射中MyBatis执行过程MyBatis和Hibernate的区别hibernat...
2019-08-13 23:58:03
347
原创 观察者模式
什么是观察者模式我个人的理解是，观察者模式就是一个主题，多个观察者，就好比我们常常用的微信公众号，是不是一个公众号下面关注了很多的人？然后呢公众号有什么推送的时候，他会给所有关注他的人推送这些消息，而这些关注的用户又可以选择不关注（可能觉得没意思了）UML类图如下代码理解（书中的气象站例子）1.编写主题2.编写观察者3.单独写一个显示数据的方法（这个可有可无的，只是为了测试效果）...
2019-08-12 16:04:56
108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人