AboyL的博客

java新军

关于ios的webview中键盘弹出影响布局的解决方案

原文首发简书:原文 如果你在开发ios中的webview界面的时候会遇到以下问题,并且没有一个很好的解决方案的时候,可以继续阅读以下的文章,如果已经有了比较好的解决方案,我希望你可以继续阅读以下的内容,并给与我真诚的建议,谢谢!!! 问题 使用header container footer 三...

2019-06-09 11:22:39

阅读数 83

评论数 0

Vue简易三页轮播图实现

实现效果 点击切换。可移动一个单位 下面我们思考我们的组件使用形式 <base-swiper class="swiper"> <base-swiper-item v-for=...

2019-01-02 23:41:17

阅读数 148

评论数 0

如何实现一个简单的vue服务---以图片点击放大为例子

我们使用Vue的组件,通常是使用引入,然后写在template里面的做法 <component :props> 但是很多的时候,我们其实并不喜欢这样做,而是通过服务进行组件的调用,比如loading,比如alert。如果我们每次loading我还要去写...

2019-01-02 21:27:27

阅读数 160

评论数 0

渐变边框小型研究(如果做出一个颜色渐变、宽度渐变的边框)

前几天跟人讨论到一道题目。怎么实现如图的效果 可以看到。这里有点渐变边框。 不过对于这个题目我们两人产生了一点歧义。。。 我以为是渐变边框加上逐渐缩小。。。 然后群友认为的是渐变边框 后来群友给出了渐变边框的解法。 https://www.jianshu.com/p/14268d2f00f7 我...

2018-11-17 22:43:59

阅读数 291

评论数 0

AOP与设计模式以及Vue

我们在上节中提到了,我们的代码实现还是存在问题,这个问题在哪里? 这个是需要去结合vue来看的,因为我写这个东西的时候就是希望在vue中使用,如果最后不能再vue中使用 那么就没有意义了。 而在vue中的使用的实际使用的时候给我出了一个难题,那就是vue的this的执行问题。我们知道vue对自己的...

2018-10-25 23:59:44

阅读数 271

评论数 0

AOP的优化

接上文 上文我们实现了一个简单的AOP,但是其实还是存在问题的。 问题在哪里? 回到我们最开始的问题。我们希望的是,在我们的请求开始的时候调用loading,在我们请求结束的隐藏loading。我们以前的代码看起来没有问题。但是真的没有问题吗?实际上我们用这份代码做测试的时候我们就会发现问题所在了...

2018-10-25 23:19:44

阅读数 124

评论数 0

实现自己的Promise-2-链式操作

首先我们看下链式调用的例子 function testP1(){ return new MyPromise((resolve,reject)=>{ setTimeout(()=>{ resolve('p1') },2000...

2018-10-14 22:58:30

阅读数 249

评论数 0

实现自己的Promise(1)

一直以来都对Promise的实现有浓厚的兴趣、感觉很好玩。很想搞清楚他的原理是什么,而最好的办法莫过于写一个自己的Promise了。 首先我们需要看一下Promise的基本使用方式是什么样子的。 let testPromise =new Promise((resolve,reject)=&...

2018-10-02 22:44:25

阅读数 168

评论数 0

Vuex中的action的使用

我们在使用vuex的时候,很多时候都会直接去使用commit代替了dispatch操作,虽然官方的推荐是使用dispatch,但是使用commit也可以,而且很多时候也更加的好写,所以就比较少会去使用dispatch的操作了。但是有的时候,我们还是需要使用dispatch的操作的,这个时候我们就要...

2018-09-15 15:28:26

阅读数 813

评论数 0

从一个简单的Loading封装来聊聊JS的AOP编程

第一次接触到AOP这个词的时候还是在学习Java的时候学习Spring的时候了解到的,面向切面编程,通过一些设置,我们可以在执行一个函数之前来执行其他的函数,在执行一个函数之后,执行其他的函数,常用于日志输出这些。 而在前端接触到这个名词就很偶然了,先说一下自己面临的问题。很多时候,我们在请求的...

2018-09-09 23:52:54

阅读数 122

评论数 0

cordova文件上传分析

接上节。。。 其实主要原因是因为自己对后端的理解不够。。。 options.fileKey = 'files' options.mimeType = 'multipart/form-data' 我们后端在接收的时候使用的是files,而cordova的插件不够灵活,所以最...

2018-08-13 22:57:15

阅读数 345

评论数 0

cordova+axios实现formdata格式上传文件

最近做的项目是基于cordova实现的hybrid应用。里面有个功能是需要上传图片的。使用cordova的相机插件获取到相册。但是在上传的时候却遇到了问题。 cordova的上传插件是 cordova-plugin-file-transfer 官网给出例子 var win = fun...

2018-08-13 22:24:38

阅读数 487

评论数 1

从jQuery的init源代码来看原型的使用

其实原型这个东西一直以来都觉得是一个很简单的东西。但是因为原型链的原因反而感觉原型里面真正可以说的其实是继承与如何实现真正意义上的重载。 最近看到了关于jQuery中原型的使用,反有了点新的见解。 jQuery中是怎么实现原型的。 首先,我们要对原型有一个清楚的认识,什么时候需要使用原型。现...

2018-07-28 21:24:11

阅读数 227

评论数 0

高效前端-web高效编程与开发实践读书笔记:浅谈函数柯里化

函数柯里化这个概念一直接触过,但是一直不是很懂他的意思。直到在看高效编程的时候才有点感觉。 什么是柯里化 简单来说就是*函数和一个参数值结合产生一个新的函数 举个例子,add函数是需要两个值而add1只需要对add函数进行一次柯里化就只需要一个值,每次的结果都是value+1 这就是函数柯...

2018-07-28 14:09:56

阅读数 190

评论数 0

vue中v-model在组件中的使用

关于这点其实没有特别多需要讲的点。但是最近写组件的时候感觉v-model如果使用得好其实是可以减少很多的问题的,虽然对高手们来说这些使用方式是很常见的,但是对刚刚接触vue的人,如果能知道v-model在组件中的正确使用方式,其实是可以大幅度提高自己的组件质量的。 首先我们要明确的是,我们所写的...

2018-07-28 11:13:43

阅读数 1316

评论数 0

CSS的first-child、nth-of-type

这几个选择器其实我是很懵逼的。因为first-child的使用是 p:first-child这种形式 这个很容易就让人想到,first-child应该位于某个元素的后端,他就想是伪元素或者伪类那个样子,但是这种思考其实是错误的。 .child:first-child很容易让人以为,选择的是 ...

2018-07-20 23:17:14

阅读数 92

评论数 0

css的绝对定位与冒泡

为什么会把两个放在一起说呢? 来源于一个小案例,我们都知道事件冒泡机制,当你点击一个dom的时候,会先从下面的dom开始触发事件 也就是说 <div id="a"> a ...

2018-07-20 21:03:28

阅读数 335

评论数 0

nvm的使用

有的时候我们用的公司的node版本可能比较老。或者我们要使用老版本的node,但是我们自己电脑上安装的node版本高,很多时候就会有冲突。这个时候我们可以使用nvm来进行node版本管理 可以参考这个博客 https://blog.csdn.net/qq_36423639/article/de...

2018-07-14 14:39:56

阅读数 636

评论数 0

如何控制input的输入方向

inoput的输入方向是从左向右的,但是有的时候我们希望的是多个input右对齐 这个时候我们可以使用两个办法 一个是设置 dir设置 <input type="text" dir="rtl"...

2018-07-11 13:26:58

阅读数 558

评论数 0

vue组件---环形进度条组件

在做项目的时候,最好只使用一套组件库,但是很多时候我们的组件库里面没有我们需要的组件,这个时候我们还是需要自己写组件了,vux里面就没有环形进度条组件,所以需要自己写一个。 查找资料后发现了一个很好的实现方式,通过svg来实现,以前的时候学过一点svg但是没有怎么深入了解过。。。现在看来真是罪过...

2018-07-09 20:49:33

阅读数 4208

评论数 3

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