- 博客(71)
- 资源 (9)
- 收藏
- 关注
原创 发布一个基于typescript实现的包到npm
文章目录概述目的内容步骤使用vue-cli3创建一个typescript工程概述目的typescript作为未来前端开发的主流语言,在前端开发的过程中扮演着越来越重要的角色。如果有的同学平时的主要开发内容都是处理业务逻辑,那么可能没有那么容易体会到typescript带来的好处,如果有的同学经常会造一些“轮子”,也就是一些复用性比较强的库(工具函数库或者组件库),那么typescript绝对...
2019-11-11 22:06:07
3411
原创 Vue实现IOS原生loading效果
文章目录前言效果图资源地址安装原理解析html源码scss源码解析前言无论是在web端还是app端,当页面内需要请求网络资源或者执行比较耗时的操作的时候,都应该显示一个加载中的状态,以获得更好的用户体验。本文主要基于Vue,讲解IOS原生Loading效果的实现原理。效果图资源地址1. 演示地址(gitee)2. 演示地址(github)3. Github代码地址安装npm安...
2019-09-23 10:54:52
715
原创 vuecli3创建的组件库工程实现按需引入
工程地址创建一个vuecli3项目:vue create demo-vuecli3-ui手动选择特性,我这里只要Babel以及Css-Professor;然后选择Sass/SCSS,开发者按照自己的喜好来选择css预处理语言;...
2019-08-26 14:31:48
9113
33
原创 vuecli2创建的组件库工程实现按需引入
目前最新的vuecli版本是3,而vuecli3与vuecli2都使用了相同的命令vue,所以vuecli2被覆盖了,如果要使用vuecli2的init命令创建工程,需要安装一个桥接工具:@vue/cli-init工程地址...
2019-08-26 14:31:04
1918
原创 Vue组件库实现按需加载功能
文章目录简述示例原理babel-plugin-componentelement-ui按需引入babel-plugin-import组件分开打包以及全部打包组件分开打包组件全部打包入口测试按需引入简述按需加载就是需要什么,就只要什么,其他的东西不要。这样做的目的是为了缩小打包体积。示例比如当前流行的web端组件库ElementUI,就有这个按需加载功能;一个系统的登录页,需要的组件是非常少的...
2019-08-26 14:24:48
12828
7
原创 SpringBoot导出excel数据报错Could not find acceptable representation
SpringBoot导出excel数据报错Could not find acceptable representation今天在实现后台导出数据时,导出数据一直报错:org.springframework.web.HttpMediaTypeNotAcceptableException: Could not find acceptable representation截图:在导出exce...
2019-06-24 20:07:31
15124
10
原创 SpringBoot下配置MyBatis热加载
SpringBoot下配置MyBatis热加载(不影响MyBatisPlus)背景步骤背景在使用mybatis的时候,修改了xml资源之后不会马上生效,需要重启服务才行;MyBatisPlus前几个版本是带有这个功能的,但是最新版本的Mybatis则是去掉了这个功能,MyBatisPlus的官网描述而MyBatisPlus3.0.6版本上移除了该功能,不过最新快照版已加回来并打上废弃标识,...
2019-06-15 21:02:06
3164
1
原创 Vue computed以及watch简单实现
Vue computed以及watch简单实现这一次就不先上效果图了,这次先说需求:在vue中,有两个很好用的api,就是computed以及watch,computed为可以自定义计算属性,这个计算属性有哪些优点呢,先说一些相比较于计算属性的其他实现办法,一个是方法,另一个是get属性,实际上两个都是方法,也就是说,模板中绑定的值是一个函数的计算结果,比如这样的{{reverseMe...
2019-05-21 20:55:30
13353
3
原创 Vue基于sass实现切换主题
目录1、老样纸,先上效果图效果图说明2、背景3、设计分析a. css变量b. sass实现方案1、老样纸,先上效果图效果图说明图中最顶部三个按钮是用来切换主题色的,然后中间是两个组件,一个是button,一个是input,是组件库内置的组件;最下面下面的组件是开发者自定义的组件card,至于内置组件以及开发者自定义组件的区别,请看下文;顶部三个按钮,代表三种主题色,其中“默认主题”和...
2019-04-13 11:06:29
4174
6
原创 Vue自定义组件:颜色选择器及其实现原理
老样纸,先上效果图:demo操作地址:plain-ui demo打开这个页面之后,在Form中打开ColorPicker颜色选择页面先对这个效果图做一个简单介绍:这个组件左边的实例是启用了设置透明度alpha值的,而右边的禁用了,所以是看起来两种不同的效果;这两个实例通过v-model绑定了同一个值,所以在点击确定按钮的时候,两个都产生了相应的变化,因为右边的没有启用透明度,所以转化...
2019-02-18 00:04:33
9122
原创 vue-router动态注册路由,实现无需注册页面可跳转
demo工程地址:https://github.com/martSforever/test-router先说一下特性:无需注册页面路由,可直接跳转;页面地址可以在数据库中配置;页面分包加载,进行页面路由跳转的时候才去加载页面组件代码;可配置页面缓存或者不缓存老样纸,先看效果图原理说明:首先是分包加载,当我们根据页面地址进行跳转的时候,首先根据这个页面地址去加载页面imp...
2019-01-13 13:39:06
11177
原创 Ionic3 scss引入font-awesome4.7
首先是需要下载font-awesome的依赖文件,在工程src目录下新建一个libs目录放着,放进去以后,将fonts文件夹移动到src/assets目录下,然后将font-awesome文件夹下,除了scss目录以外其他所有无用的文件删除,删完之后目录结构是这样的然后在全局的scss文件里面加入这两行代码就引入了: 我这里是app.scss注意的是,图中的相对路径要保证没有问题$fa...
2018-09-21 21:08:49
1008
原创 基于mpvue-router-patch实现路由拦截
目录本文目的在于记录mpvue-router-patch-interceptor的实现过程,基于mpvue-router-patch,以及我以前的两篇博客:JavaScript异步函数同步方法 和
2018-07-25 10:23:02
6129
3
原创 基于koa2中间件原理实现拦截任意对象方法的调用
目的本文目的在于总结前端开发过程中,对对象的函数进行拦截的通用性解决办法。前言在一个系统软件的开发过程中,无论是前后端开发,都经常会出现这么一种需求,就是对某一个方法进行拦截。在java中,有AOP面向切面的编程方式,可以很方便地对某一个对象或者对象的方法进行代理,在前端开发,JavaScript这一块,如果要对一个对象或者方法进行代理,可以简单地自己手动进行操作,无需其他依赖,下面以...
2018-07-25 10:09:49
4672
原创 JavaScript异步函数同步方法
首先这里非常感谢慕课网蜗牛老湿,本文内容是基于老师讲解koa2实现原理的时候整理出来的,好吧,这里直接进入主题。在我们平时进行前端开发的时候,经常需要用到异步函数,最常见的是发送网络请求,在发送网络请求之后,在回调函数中对请求结果再进行下一步操作,下面来模拟这个操作步骤:/** 模拟网络请求的函数*/function request(callback) { let t...
2018-07-24 20:24:27
18613
2
原创 Webpack配置环境切换
目的在项目开发的时候,往往都会有很多套环境,就是俗称的开发环境(供开发人员使用),测试环境(用户测试),正式环境(最终用户正式使用)。每个环境所使用的应用服务器,数据库服务器、域名、端口等等都有可能是不一样的,所以在要求我们能够一套代码能够运行在所有环境的前提下,需要确保我们每次发版的时候,应用连接的都是正确的后台地址,注意,这里说的是前后端分离项目中的前端项目。有的项目在发版前,切换环境...
2018-07-24 14:21:30
2691
2
原创 mpvue样式绑定总结
mpvue样式绑定在使用mpvue的时候,很多同学应该会感到很不方便,比如没法用vue-router,没法在js中控制节点的style属性样式,只能通过样官方推荐的样式绑定的办法控制样式,最难受的是不能用slot,不过总的来说,感觉总比小程序原生开发要方便一点,下面扒一扒mpvue中样式绑定需要注意的几个点。 先上图: 瞄一眼代码:<template> <...
2018-07-24 11:38:58
13999
3
原创 mpvue全局引入sass文件
在使用sass开发的时候,我们经常需要在各个页面使用统一的变量,还有一些方法,这种公共的资源如果不进行特殊处理的话,我们在每个页面都需要@import进来才能使用,当页面多起来的话,后期维护起来可能会有点吃力,这里介绍在mpvue下如何处理sass全局引入sass资源文件的步骤:首先需要安装sass-resource-loader(我这里版本号是1.3.3): npm install ...
2018-07-24 10:09:28
6936
1
原创 angularJs自定义实现侧滑指令
老样纸,先上图:先上代码:html模板代码:<div class="slide-item-wrapper"> <div class="slide-item" ref="slide"> <div class="content" ref="content">
2018-06-29 20:13:47
799
原创 使用idea如何将oracle数据库恢复到指定时刻
首先,比如我们误删的数据所在的表的表名为TABLE_TEST,首先先查出该表在指定时间的数据,比如我们想把时间恢复到2018-02-12 09:00:00, select * from TABLE_TEST as of timestamp TO_TIMESTAMP('2018-02-12 9:00:00','YYYY-MM-DDHH24:MI:SS')该sql查询完之...
2018-03-14 19:51:39
801
原创 angularJs如何取消Http请求
首先举例说明一下我这里需要取消Http请求这个需求的来源,在实际项目开发中,有一个指令my-list,这个指令负责请求数据,分页查询数据以及把数据渲染到dom中;第二个指令是my-sort指令,这个指令负责选择排序选项,选择排序选项之后通过修改请求参数,然后让my-list重新请求数据;第三个指令是my-filter,这个指令负责选择过滤的参数,这个参数可能是一个模糊查询的字段,可...
2018-03-03 23:52:14
3419
1
原创 Spring boot配置mybatis的xml资源热加载
我这个是基于这个博客的基础上实现mybatis热加载的,但是原博客是基于spring+springmvc+mybatis实现的,我这里是基于spring boot实现,部分实现方法有些改变;原博客地址:http://thinkgem.iteye.com/blog/2304557首先整理出几个需要注意的文件:1:com.xxx.core.mybatis.MapperRefresh;2...
2018-01-31 15:59:26
2103
原创 HTML表头固定,表体滚动方案
在前端开发过程中,经常会遇到一个需求就是,需要一个表格展示数据,1、表格头纵向位置固定,纵向滚动时,若表体内容超长时,表头不能移动,表体内容滚动显示;2、表格头横向随表格内容横向滚动;效果展示:关键:1、表头(意义上的)和表体(意义上的)都用一个table来显示;2、因为表体可以纵向滚动,右边多出一个纵向滚动条,所以表体的宽度要比表头的宽度多出17个像素,也就是
2018-01-26 18:17:23
5877
1
原创 angular自定义指令获取ng-transclude内容并且动态添加编译
阅读本博客的同学先看一下本博客的主要内容点,如果咩有涉及到同学们需要的知识点,请绕道,有错误请及时指出,以免祸害其他同学: 主要内容点:1、如果获取ng-transclude的内容;2、获取了ng-transclude内容之后如果动态添加内容,并且编译然后加载到dom中;3、如果在子作用域(指令)中操作父作用域(调用指令的地方所在的controller上下文)的变量(新增,修改等);4、如果在父
2018-01-02 16:44:54
1202
原创 angularJs自定义指令:图片选择指令
老样子,先上效果图: 这个是在浏览器中使用的效果: 这个两个是在华为畅玩X7中测试的效果,由于录制的视频不知道为什么是横屏,导致导出来的gif图也是横屏,同学们就将就看看把: 在使用混合式开发app的时候,有一些需要调用手机硬件的功能往往做起来比较繁琐,比如拍照上传图片的功能,而且这个是属于比较比较常见的需求,做到这样的功能时,同学们开发这个功能的过程可能是,在浏览器中写好调用插件的代码,
2017-12-31 15:19:34
710
原创 angularJs指令开发:给指令内的html元素起别名
在使用VUE的时候,自定义组件可以对组件内的html元素起别名,然后通过this.$refs.别名获取这个dom元素对象,而且和这个获取的方式是作用域内的,不会获取到外部作用域别名同名的元素,这是一个非常实用的功能,但是在angularJs中是没有的,在自定义自定的时候,要获取指令内元素dom对象,可以通过设置id,或者name或者其他属性值来获取,但是这样做的方式使得程序的兼容性不好,id只能用
2017-12-31 14:08:35
1170
原创 angularJs自定义指令父子指令通信
老规矩,先上效果图:首先说一下本文的重点:1、父指令如何调用子指令中的方法;2、子指令如何调用父指令中的方法;(都不是通过广播的方式)如果有同学还不知道父指令如何通过=@&给子指令传递参数,或者一些其他自定义指令的属性(scope、complie、link……)的话,请查阅官网文档发或者其他文档博客。前言: 在自学了一段时间VUE之后,被VUE简洁的代码以及强大的解耦能力深深折服,所有的界面元素都
2017-12-29 11:33:19
4967
原创 cordova极光推送插件使用
首先是在极光官网注册登录账号,然后创建推送应用,创建完应用之后,点击打开应用,设置应用的包名,保存;然后回到应用主界面,看到AppKey,以及MasterSecret,这时候MasterSecret应该可以点击查看了。AppKey是添加插件的时候,需要用到的,然后在服务器端给移动端发送推送的时候,需要用到AppKey以及MasterSecret。接下来是添加插件,使用git安装了之后,应用一直闪退...
2017-12-27 20:38:58
8317
1
原创 cordova使用cordova-plugin-baidumaplocation插件获取定位
1、首先在百度地图开放平台注册登录;2、创建应用,现在选Android SDK,因为在cordova项目中添加插件的时候,使用的ANDROID_KEY用的Android SDK的key,而不是浏览器端的key,所以这里注意一下,同样的ios的也是,使用IOS SDK应用的key,这里以android为例,就不演示ios应用的创建过程了;这里为了省去麻
2017-12-27 16:44:44
11273
11
原创 cordova打包之android应用签名
首先说一下应用签名的原因,在android系统里面,系统通过应用签名标识app,一个app有debug版本和release版本,签名打包的app就是release版本;在android系统中,不能存在两个相同appid的应用,意思差不多就是说不能存在两个相同包名的应用,但是debug版本是可以调试的,如果最终用户安装的是debug版本,其他人可以通过调试获取app的日志输出信息,极不安全,所以最终...
2017-12-27 16:09:05
5815
原创 使用vue-cli打包过程中的步骤以及问题
1、打包命令是npm run build,这个命令实际上是在package.json中,scripts中build所对应的命令;2、创建一个prod.server.js,这个文件不是必须的,这个文件的用处是在打包完毕之后,通过启动node.js本地服务来访问打包完成的静态文件,不需要的同学可以忽略这一点,prod.server.js文件代码示例:let express...
2017-12-21 11:48:38
18065
原创 js以字符串的形式将图片上传到服务器
前言 首先说一下所使用的环境:前端用的是vue.js+vue-cli+typescript,后端用的是spring boot,没有其他多余的依赖。最后使用效果说明: 上传图片的时候并不是通过提交form表单的形式将文件提交,而是从input节点中获取可以解析为二进制流的字符串,ajax提交这个字符串然后在java后台负责解析这个字符串,生成图片。这种方法现在看起来可能有点多
2017-12-19 22:43:13
2569
原创 centos6.5+postgresql10环境搭建
1、首先打开官网,打开download页签,选择linux下面的RedHat,选择想要安装的版本,我这里是10,系统选用的是centOs6.5,架构是x86或者64;2、按照给出的命令,执行安装步骤,首先是安装rpm仓库:yum install https://download.postgresql.org/pub/repos/yum/10/redh
2017-12-19 12:38:10
2797
1
原创 vue+swiper实现自定义侧滑菜单
老样纸,先上效果图:这个左右滑动以及上下滑动主要使用了Swiper的轮播功能,首先是该自定义组件的代码:
2017-12-09 21:11:30
4509
原创 基于Spring boot,使用idea方便地切换启动环境
在真实项目开发的时候,一定会有多个环境,这里以开发环境和正式环境为例,使用Spring boot开发项目的时候,为了区别开发环境和正式环境,我们一般都需要为每一个环境专门写一个配置文件:application.yml中内容为空,需要注意的是不能设置spring.profiles.active=***,不然通过运行jar的方式运行程序,环境一直都是***。application-dev.yml文件内...
2017-11-24 14:49:30
28723
7
原创 qq浏览器的两种开发者工具
目前我个人认为,qq浏览器是最好的浏览器,使用了Googlechrome内核和ie的内核,可以在两者之间切换,使用chrome内核时速度快,当某些网页打不开需要系统自带浏览器打开时,可以切换为ie内核打开,而且平台覆盖广,支持windows、mac ox、android以及ios,使用qq账号可以在全平台同步书签,还支持许多标签操作、鼠标手势等等,用户体验很好。在开发web app的过程中遇到
2017-11-24 14:29:56
18720
原创 cordova热更新插件cordova-hot-code-push的使用方法
准备工作:安装cordova hot code push客户端工具:npm install -g cordova-hot-code-push-cli本地热更新开发(该方法搬自官方github文档教程):1、创建一个新的测试demo工程:cordova create MyCordovaApp-hotcodepush com.ambzer.cordovacd ./Tes
2017-11-09 16:17:30
11386
15
原创 调用doGet方法报405错误
我在doPost方法中调用doGet方法,然后报错405,我这里的错误原因是因为我在doPost方法中调用父类的doGet方法,而不是调用当前对象的doGet方法。应该吧super.doGet()改为this.doGet()错误提示:HTTP/1.1 405 HTTP method GET is not supported by this URL Content-Type: text/ht
2017-11-02 10:23:29
1221
原创 在IntelliJ IDEA中使用maven jetty启动服务时,指定端口号
在开发的时候,使用maven+jetty来运行我们写的程序是一个非常方便的东西,这个意味着我们不需要去下载tomcat或者jetty的压缩包(平台相关),搭建一个新的测试环境的时候,只需要在maven中设置好参数就可以方便地使用tomcat或者jetty启动我们的服务。有时候我们不希望在pom文件中配置jetty的一些启动参数,比如端口,这时候可以通过集成开发环境设置启动参数。在eclipse
2017-10-31 10:23:55
5767
原创 使用jmeter进行App服务器压力测试
首先,没有jmeter相关软件的同学可以在这里下载:jmeter。1、打开jmeter,在测试计划中新建一个线程组,该线程组可以不用设置。2、在工作台中新建一个HTTP代理服务器,在HTTPS Domains中填写打开jmeter的电脑的ip地址(在dos命令行中使用ipconfig可以查看网络地址信息),注意的是,该电脑与测试手机应该处于同一个wifi网络,然后是目标控制
2017-10-24 14:46:42
27332
4
MyBatis热加载配置所需要的文件
2019-06-15
jmeter相关的软件
2017-10-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人