5 martsforever

尚未进行身份认证

一只菜鸡

等级
TA的排名 2w+

Vue实现IOS原生loading效果

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

2019-09-23 10:14:09

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

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

2019-08-26 14:31:48

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

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

2019-08-26 14:31:04

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

文章目录简述示例原理babel-plugin-componentelement-ui按需引入babel-plugin-import组件分开打包以及全部打包组件分开打包组件全部打包入口测试按需引入简述按需加载就是需要什么,就只要什么,其他的东西不要。这样做的目的是为了缩小打包体积。示例比如当前流行的web端组件库ElementUI,就有这个按需加载功能;一个系统的登录页,需要的组件是非常少的...

2019-08-26 14:24:48

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

SpringBoot导出excel数据报错Couldnotfindacceptablerepresentation今天在实现后台导出数据时,导出数据一直报错:org.springframework.web.HttpMediaTypeNotAcceptableException:Couldnotfindacceptablerepresentation截图:在导出exce...

2019-06-24 20:07:31

SpringBoot下配置MyBatis热加载

SpringBoot下配置MyBatis热加载(不影响MyBatisPlus)背景步骤背景在使用mybatis的时候,修改了xml资源之后不会马上生效,需要重启服务才行;MyBatisPlus前几个版本是带有这个功能的,但是最新版本的Mybatis则是去掉了这个功能,MyBatisPlus的官网描述而MyBatisPlus3.0.6版本上移除了该功能,不过最新快照版已加回来并打上废弃标识,...

2019-06-15 21:02:06

Vue computed以及watch简单实现

Vuecomputed以及watch简单实现这一次就不先上效果图了,这次先说需求:在vue中,有两个很好用的api,就是computed以及watch,computed为可以自定义计算属性,这个计算属性有哪些优点呢,先说一些相比较于计算属性的其他实现办法,一个是方法,另一个是get属性,实际上两个都是方法,也就是说,模板中绑定的值是一个函数的计算结果,比如这样的{{reverseMe...

2019-05-21 20:55:30

Vue基于sass实现切换主题

目录1、老样纸,先上效果图效果图说明2、背景3、设计分析a.css变量b.sass实现方案1、老样纸,先上效果图效果图说明图中最顶部三个按钮是用来切换主题色的,然后中间是两个组件,一个是button,一个是input,是组件库内置的组件;最下面下面的组件是开发者自定义的组件card,至于内置组件以及开发者自定义组件的区别,请看下文;顶部三个按钮,代表三种主题色,其中“默认主题”和...

2019-04-13 11:06:29

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

老样纸,先上效果图:demo操作地址:plain-uidemo打开这个页面之后,在Form中打开ColorPicker颜色选择页面先对这个效果图做一个简单介绍:这个组件左边的实例是启用了设置透明度alpha值的,而右边的禁用了,所以是看起来两种不同的效果;这两个实例通过v-model绑定了同一个值,所以在点击确定按钮的时候,两个都产生了相应的变化,因为右边的没有启用透明度,所以转化...

2019-02-18 00:04:33

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

demo工程地址:https://github.com/martSforever/test-router先说一下特性:无需注册页面路由,可直接跳转;页面地址可以在数据库中配置;页面分包加载,进行页面路由跳转的时候才去加载页面组件代码;可配置页面缓存或者不缓存老样纸,先看效果图原理说明:首先是分包加载,当我们根据页面地址进行跳转的时候,首先根据这个页面地址去加载页面imp...

2019-01-13 13:39:06

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

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

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

2018-07-25 10:23:02

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

目的本文目的在于总结前端开发过程中,对对象的函数进行拦截的通用性解决办法。前言在一个系统软件的开发过程中,无论是前后端开发,都经常会出现这么一种需求,就是对某一个方法进行拦截。在java中,有AOP面向切面的编程方式,可以很方便地对某一个对象或者对象的方法进行代理,在前端开发,JavaScript这一块,如果要对一个对象或者方法进行代理,可以简单地自己手动进行操作,无需其他依赖,下面以...

2018-07-25 10:09:49

JavaScript异步函数同步方法

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

2018-07-24 20:24:27

Webpack配置环境切换

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

2018-07-24 14:21:30

mpvue样式绑定总结

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

2018-07-24 11:38:58

mpvue全局引入sass文件

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

2018-07-24 10:09:28

angularJs自定义实现侧滑指令

老样纸,先上图:先上代码:html模板代码:<divclass="slide-item-wrapper"><divclass="slide-item"ref="slide"><divclass="content"ref="content">

2018-06-29 20:13:47

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

        首先,比如我们误删的数据所在的表的表名为TABLE_TEST,首先先查出该表在指定时间的数据,比如我们想把时间恢复到2018-02-1209:00:00,        select*fromTABLE_TESTasoftimestampTO_TIMESTAMP('2018-02-129:00:00','YYYY-MM-DDHH24:MI:SS')该sql查询完之...

2018-03-14 19:51:39

angularJs如何取消Http请求

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

2018-03-03 23:52:14

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。