自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

martsforever的博客

巴啦啦能量---呼尼拉---魔仙变身

原创 发布一个基于typescript实现的包到npm

文章目录概述目的内容步骤使用vue-cli3创建一个typescript工程 概述 目的 typescript作为未来前端开发的主流语言,在前端开发的过程中扮演着越来越重要的角色。如果有的同学平时的主要开发内容都是处理业务逻辑,那么可能没有那么容易体会到typescript带来的好处,如果有的同学...

2019-11-11 22:06:07 861 0

原创 Vue实现IOS原生loading效果

文章目录前言效果图资源地址安装原理解析html源码scss源码解析 前言 无论是在web端还是app端,当页面内需要请求网络资源或者执行比较耗时的操作的时候,都应该显示一个加载中的状态,以获得更好的用户体验。本文主要基于Vue,讲解IOS原生Loading效果的实现原理。 效果图 资源地址 1....

2019-09-23 10:54:52 141 0

原创 vuecli3创建的组件库工程实现按需引入

工程地址 创建一个vuecli3项目:vue create demo-vuecli3-ui 手动选择特性,我这里只要Babel以及Css-Professor; 然后选择Sass/SCSS,开发者按照自己的喜好来选择css预处理语言; ...

2019-08-26 14:31:48 1798 16

原创 vuecli2创建的组件库工程实现按需引入

目前最新的vuecli版本是3,而vuecli3与vuecli2都使用了相同的命令vue,所以vuecli2被覆盖了,如果要使用vuecli2的init命令创建工程,需要安装一个桥接工具:@vue/cli-init 工程地址 ...

2019-08-26 14:31:04 431 0

原创 Vue组件库实现按需加载功能

文章目录简述示例原理babel-plugin-componentelement-ui按需引入babel-plugin-import组件分开打包以及全部打包组件分开打包组件全部打包入口测试按需引入 简述 按需加载就是需要什么,就只要什么,其他的东西不要。这样做的目的是为了缩小打包体积。 示例 比如当...

2019-08-26 14:24:48 4474 1

原创 SpringBoot导出excel数据报错Could not find acceptable representation

SpringBoot导出excel数据报错Could not find acceptable representation 今天在实现后台导出数据时,导出数据一直报错: org.springframework.web.HttpMediaTypeNotAcceptableException: Cou...

2019-06-24 20:07:31 3871 5

原创 SpringBoot下配置MyBatis热加载

SpringBoot下配置MyBatis热加载(不影响MyBatisPlus)背景步骤 背景 在使用mybatis的时候,修改了xml资源之后不会马上生效,需要重启服务才行;MyBatisPlus前几个版本是带有这个功能的,但是最新版本的Mybatis则是去掉了这个功能,MyBatisPlus的官...

2019-06-15 21:02:06 1453 0

原创 Vue computed以及watch简单实现

Vue computed以及watch简单实现 这一次就不先上效果图了,这次先说需求: 在vue中,有两个很好用的api,就是computed以及watch,computed为可以自定义计算属性,这个计算属性有哪些优点呢,先说一些相比较于计算属性的其他实现办法,一个是方法,另一个是get属...

2019-05-21 20:55:30 1254 2

原创 Vue基于sass实现切换主题

目录1、老样纸,先上效果图效果图说明2、背景3、设计分析a. css变量b. sass实现方案 1、老样纸,先上效果图 效果图说明 图中最顶部三个按钮是用来切换主题色的,然后中间是两个组件,一个是button,一个是input,是组件库内置的组件; 最下面下面的组件是开发者自定义的...

2019-04-13 11:06:29 1032 0

原创 Vue自定义组件:颜色选择器及其实现原理

老样纸,先上效果图: demo操作地址:plain-ui demo 打开这个页面之后,在Form中打开ColorPicker颜色选择页面 先对这个效果图做一个简单介绍: 这个组件左边的实例是启用了设置透明度alpha值的,而右边的禁用了,所以是看起来两种不同的效果; 这两个实例通过v-mode...

2019-02-18 00:04:33 3628 0

原创 vue-router动态注册路由,实现无需注册页面可跳转

demo工程地址:https://github.com/martSforever/test-router 先说一下特性: 无需注册页面路由,可直接跳转; 页面地址可以在数据库中配置; 页面分包加载,进行页面路由跳转的时候才去加载页面组件代码; 可配置页面缓存或者不缓存 ...

2019-01-13 13:39:06 3849 0

原创 Ionic3 scss引入font-awesome4.7

首先是需要下载font-awesome的依赖文件,在工程src目录下新建一个libs目录放着, 放进去以后,将fonts文件夹移动到src/assets目录下,然后将font-awesome文件夹下,除了scss目录以外其他所有无用的文件删除,删完之后目录结构是这样的 然后在全局的scss文件里...

2018-09-21 21:08:49 571 0

原创 基于mpvue-router-patch实现路由拦截

目录 本文目的在于记录mpvue-router-patch-interceptor的实现过程,基于mpvue-router-patch,以及我以前的两篇博客:JavaScript异步函数同步方法 和

2018-07-25 10:23:02 5380 3

原创 基于koa2中间件原理实现拦截任意对象方法的调用

目的 本文目的在于总结前端开发过程中,对对象的函数进行拦截的通用性解决办法。 前言 在一个系统软件的开发过程中,无论是前后端开发,都经常会出现这么一种需求,就是对某一个方法进行拦截。在java中,有AOP面向切面的编程方式,可以很方便地对某一个对象或者对象的方法进行代理,在前端开发,Java...

2018-07-25 10:09:49 2726 0

原创 JavaScript异步函数同步方法

首先这里非常感谢慕课网蜗牛老湿,本文内容是基于老师讲解koa2实现原理的时候整理出来的,好吧,这里直接进入主题。 在我们平时进行前端开发的时候,经常需要用到异步函数,最常见的是发送网络请求,在发送网络请求之后,在回调函数中对请求结果再进行下一步操作,下面来模拟这个操作步骤: /* * ...

2018-07-24 20:24:27 8580 1

原创 Webpack配置环境切换

目的 在项目开发的时候,往往都会有很多套环境,就是俗称的开发环境(供开发人员使用),测试环境(用户测试),正式环境(最终用户正式使用)。每个环境所使用的应用服务器,数据库服务器、域名、端口等等都有可能是不一样的,所以在要求我们能够一套代码能够运行在所有环境的前提下,需要确保我们每次发版的时候,应...

2018-07-24 14:21:30 1558 2

原创 mpvue样式绑定总结

mpvue样式绑定 在使用mpvue的时候,很多同学应该会感到很不方便,比如没法用vue-router,没法在js中控制节点的style属性样式,只能通过样官方推荐的样式绑定的办法控制样式,最难受的是不能用slot,不过总的来说,感觉总比小程序原生开发要方便一点,下面扒一扒mpvue中样式绑...

2018-07-24 11:38:58 12380 3

原创 mpvue全局引入sass文件

在使用sass开发的时候,我们经常需要在各个页面使用统一的变量,还有一些方法,这种公共的资源如果不进行特殊处理的话,我们在每个页面都需要@import进来才能使用,当页面多起来的话,后期维护起来可能会有点吃力,这里介绍在mpvue下如何处理sass全局引入sass资源文件的步骤: 首先需要安装...

2018-07-24 10:09:28 5845 1

原创 angularJs自定义实现侧滑指令

老样纸,先上图:先上代码:html模板代码:<div class="slide-item-wrapper"> <div class="slide-item" ref="slide"&...

2018-06-29 20:13:47 416 0

原创 使用idea如何将oracle数据库恢复到指定时刻

        首先,比如我们误删的数据所在的表的表名为TABLE_TEST,首先先查出该表在指定时间的数据,比如我们想把时间恢复到2018-02-12 09:00:00,        select * from TABLE_TEST as of timestamp TO_TIMESTAMP(&...

2018-03-14 19:51:39 470 0

原创 angularJs如何取消Http请求

        首先举例说明一下我这里需要取消Http请求这个需求的来源,在实际项目开发中,有一个指令my-list,这个指令负责请求数据,分页查询数据以及把数据渲染到dom中;第二个指令是my-sort指令,这个指令负责选择排序选项,选择排序选项之后通过修改请求参数,然后让my-list重新请求...

2018-03-03 23:52:14 2515 1

原创 Spring boot配置mybatis的xml资源热加载

我这个是基于这个博客的基础上实现mybatis热加载的,但是原博客是基于spring+springmvc+mybatis实现的,我这里是基于spring boot实现,部分实现方法有些改变; 原博客地址:http://thinkgem.iteye.com/blog/2304557 首先整理出几...

2018-01-31 15:59:26 1592 0

原创 HTML表头固定,表体滚动方案

在前端开发过程中,经常会遇到一个需求就是,需要一个表格展示数据, 1、表格头纵向位置固定,纵向滚动时,若表体内容超长时,表头不能移动,表体内容滚动显示; 2、表格头横向随表格内容横向滚动; 效果展示: 关键: 1、表头(意义上的)和表体(意义上的)都用一个table来显示; ...

2018-01-26 18:17:23 3802 0

原创 angular自定义指令获取ng-transclude内容并且动态添加编译

阅读本博客的同学先看一下本博客的主要内容点,如果咩有涉及到同学们需要的知识点,请绕道,有错误请及时指出,以免祸害其他同学:  主要内容点:1、如果获取ng-transclude的内容;2、获取了ng-transclude内容之后如果动态添加内容,并且编译然后加载到dom中;3、如果在子作用域(指令...

2018-01-02 16:44:54 757 0

原创 angularJs自定义指令:图片选择指令

老样子,先上效果图:  这个是在浏览器中使用的效果:   这个两个是在华为畅玩X7中测试的效果,由于录制的视频不知道为什么是横屏,导致导出来的gif图也是横屏,同学们就将就看看把:  在使用混合式开发app的时候,有一些需要调用手机硬件的功能往往做起来比较繁琐,比如拍照上传图片的功能,而且这个是属...

2017-12-31 15:19:34 390 0

原创 angularJs指令开发:给指令内的html元素起别名

在使用VUE的时候,自定义组件可以对组件内的html元素起别名,然后通过this.$refs.别名获取这个dom元素对象,而且和这个获取的方式是作用域内的,不会获取到外部作用域别名同名的元素,这是一个非常实用的功能,但是在angularJs中是没有的,在自定义自定的时候,要获取指令内元素dom对象...

2017-12-31 14:08:35 774 0

原创 angularJs自定义指令父子指令通信

老规矩,先上效果图:首先说一下本文的重点:1、父指令如何调用子指令中的方法;2、子指令如何调用父指令中的方法;(都不是通过广播的方式)如果有同学还不知道父指令如何通过=@&给子指令传递参数,或者一些其他自定义指令的属性(scope、complie、link……)的话,请查阅官网文档发或者其...

2017-12-29 11:33:19 3783 0

原创 cordova极光推送插件使用

首先是在极光官网注册登录账号,然后创建推送应用,创建完应用之后,点击打开应用,设置应用的包名,保存;然后回到应用主界面,看到AppKey,以及MasterSecret,这时候MasterSecret应该可以点击查看了。AppKey是添加插件的时候,需要用到的,然后在服务器端给移动端发送推送的时候,...

2017-12-27 20:38:58 7260 1

原创 cordova使用cordova-plugin-baidumaplocation插件获取定位

1、首先在百度地图开放平台注册登录; 2、创建应用,现在选Android SDK,因为在cordova项目中添加插件的时候,使用的ANDROID_KEY用的Android SDK的key,而不是浏览器端的key,所以这里注意一下,同样的ios的也是,使用IOS SDK应用的key,这...

2017-12-27 16:44:44 8948 10

原创 cordova打包之android应用签名

首先说一下应用签名的原因,在android系统里面,系统通过应用签名标识app,一个app有debug版本和release版本,签名打包的app就是release版本;在android系统中,不能存在两个相同appid的应用,意思差不多就是说不能存在两个相同包名的应用,但是debug版本是可以调试...

2017-12-27 16:09:05 4065 0

原创 使用vue-cli打包过程中的步骤以及问题

1、打包命令是npm run build,这个命令实际上是在package.json中,scripts中build所对应的命令; 2、创建一个prod.server.js,这个文件不是必须的,这个文件的用处是在打包完毕之后,通过启动node.js本地服务来访问打包完成的静态文件,不需...

2017-12-21 11:48:38 16287 0

原创 js以字符串的形式将图片上传到服务器

前言       首先说一下所使用的环境:前端用的是vue.js+vue-cli+typescript,后端用的是spring boot,没有其他多余的依赖。最后使用效果说明:       上传图片的时候并不是通过提交form表单的形式将文件提交,而是从input节点中获取可以解析为二进制流的字符...

2017-12-19 22:43:13 1481 0

原创 centos6.5+postgresql10环境搭建

1、首先打开官网,打开download页签,选择linux下面的RedHat,选择想要安装的版本,我这里是10,系统选用的是centOs6.5,架构是x86或者64; 2、按照给出的命令,执行安装步骤,首先是安装rpm仓库: yum install https://downlo...

2017-12-19 12:38:10 2222 1

原创 vue+swiper实现自定义侧滑菜单

老样纸,先上效果图: 这个左右滑动以及上下滑动主要使用了Swiper的轮播功能,首先是该自定义组件的代码: ...

2017-12-09 21:11:30 3129 0

原创 基于Spring boot,使用idea方便地切换启动环境

在真实项目开发的时候,一定会有多个环境,这里以开发环境和正式环境为例,使用Spring boot开发项目的时候,为了区别开发环境和正式环境,我们一般都需要为每一个环境专门写一个配置文件:application.yml中内容为空,需要注意的是不能设置spring.profiles.active=**...

2017-11-24 14:49:30 21526 7

原创 qq浏览器的两种开发者工具

目前我个人认为,qq浏览器是最好的浏览器,使用了Googlechrome内核和ie的内核,可以在两者之间切换,使用chrome内核时速度快,当某些网页打不开需要系统自带浏览器打开时,可以切换为ie内核打开,而且平台覆盖广,支持windows、mac ox、android以及ios,使用qq账号可以...

2017-11-24 14:29:56 12290 0

原创 cordova热更新插件cordova-hot-code-push的使用方法

准备工作: 安装cordova hot code push客户端工具: npm install -g cordova-hot-code-push-cli 本地热更新开发(该方法搬自官方github文档教程): 1、创建一个新的测试demo工程: cordova create MyCordova...

2017-11-09 16:17:30 8155 10

原创 调用doGet方法报405错误

我在doPost方法中调用doGet方法,然后报错405,我这里的错误原因是因为我在doPost方法中调用父类的doGet方法,而不是调用当前对象的doGet方法。 应该吧super.doGet()改为this.doGet() 错误提示:HTTP/1.1 405 HTTP method GET...

2017-11-02 10:23:29 576 0

原创 在IntelliJ IDEA中使用maven jetty启动服务时,指定端口号

在开发的时候,使用maven+jetty来运行我们写的程序是一个非常方便的东西,这个意味着我们不需要去下载tomcat或者jetty的压缩包(平台相关),搭建一个新的测试环境的时候,只需要在maven中设置好参数就可以方便地使用tomcat或者jetty启动我们的服务。有时候我们不希望在pom文件...

2017-10-31 10:23:55 4446 0

原创 使用jmeter进行App服务器压力测试

首先,没有jmeter相关软件的同学可以在这里下载:jmeter。 1、打开jmeter,在测试计划中新建一个线程组,该线程组可以不用设置。 2、在工作台中新建一个HTTP代理服务器, 在HTTPS Domains中填写打开jmeter的电脑的ip地址(在dos命令行中使用ipconfig可...

2017-10-24 14:46:42 22803 1

提示
确定要删除当前文章?
取消 删除