前端
关注
分享
扫一扫
文章平均质量分 60
AboyL
zzz
展开
-
Vue搭配cordova创建移动端项目遇到的路径问题
使用Vue的教授叫vue-cil创建项目以后，如果我们想进行打包成一个hybrid项目应该怎么做呢？这个时候我们需要全局安装cordova，然后进行打包。但是这里我们要注意一些路径问题。 首先我们要明白的是，cordova打包打包的是那些内容？cordova打包的是www文件夹下的内容，也就是说，我们的内容应该都在www文件夹下面，而我们的源代码要放到src下面去，vue-cil的index.h...原创 2018-06-07 23:21:58 · 1895 阅读 · 0 评论 -
cordova+axios实现formdata格式上传文件
最近做的项目是基于cordova实现的hybrid应用。里面有个功能是需要上传图片的。使用cordova的相机插件获取到相册。但是在上传的时候却遇到了问题。 cordova的上传插件是 cordova-plugin-file-transfer 官网给出例子var win = function (r) { console.log("Code = " + r.responseC...原创 2018-08-13 22:24:38 · 2102 阅读 · 1 评论 -
cordova文件上传分析
接上节。。。 其实主要原因是因为自己对后端的理解不够。。。 options.fileKey = 'files' options.mimeType = 'multipart/form-data'我们后端在接收的时候使用的是files，而cordova的插件不够灵活，所以最后的时候就一直拿不到数据。而请求看不到的原因个人猜测是因为走得是cordova，所以无法在chrome...原创 2018-08-13 22:57:15 · 1204 阅读 · 0 评论 -
从一个简单的Loading封装来聊聊JS的AOP编程
第一次接触到AOP这个词的时候还是在学习Java的时候学习Spring的时候了解到的，面向切面编程，通过一些设置，我们可以在执行一个函数之前来执行其他的函数，在执行一个函数之后，执行其他的函数，常用于日志输出这些。 而在前端接触到这个名词就很偶然了，先说一下自己面临的问题。很多时候，我们在请求的时候，希望执行一个loading函数，来表示正在加载，而在请求结束后，我们希望隐藏这个loading，...原创 2018-09-09 23:52:54 · 538 阅读 · 0 评论 -
Vuex中的action的使用
我们在使用vuex的时候，很多时候都会直接去使用commit代替了dispatch操作,虽然官方的推荐是使用dispatch，但是使用commit也可以，而且很多时候也更加的好写，所以就比较少会去使用dispatch的操作了。但是有的时候，我们还是需要使用dispatch的操作的，这个时候我们就要去设置actions了。 vuex是一个状态管理机制，管理的很多都是我们要公用的数据，在这个组件会用...原创 2018-09-15 15:28:26 · 8356 阅读 · 0 评论 -
实现自己的Promise(1)
一直以来都对Promise的实现有浓厚的兴趣、感觉很好玩。很想搞清楚他的原理是什么，而最好的办法莫过于写一个自己的Promise了。首先我们需要看一下Promise的基本使用方式是什么样子的。let testPromise =new Promise((resolve,reject)=>{ setTimeout(()=>{ resolve('ok') },2000)...原创 2018-10-02 22:44:25 · 400 阅读 · 0 评论 -
实现自己的Promise-2-链式操作
首先我们看下链式调用的例子function testP1(){ return new MyPromise((resolve,reject)=>{ setTimeout(()=>{ resolve('p1') },2000) })}function testP2(){ return new MyPromise((resolve,reject)...原创 2018-10-14 22:58:30 · 894 阅读 · 0 评论 -
AOP的优化
接上文上文我们实现了一个简单的AOP，但是其实还是存在问题的。问题在哪里？回到我们最开始的问题。我们希望的是，在我们的请求开始的时候调用loading，在我们请求结束的隐藏loading。我们以前的代码看起来没有问题。但是真的没有问题吗？实际上我们用这份代码做测试的时候我们就会发现问题所在了。因为异步的存在。这里就不再探讨异步是什么了，我相信你能听懂我再说什么。// 执行器functi...原创 2018-10-25 23:19:44 · 487 阅读 · 0 评论 -
AOP与设计模式以及Vue
我们在上节中提到了，我们的代码实现还是存在问题，这个问题在哪里？这个是需要去结合vue来看的，因为我写这个东西的时候就是希望在vue中使用，如果最后不能再vue中使用那么就没有意义了。而在vue中的使用的实际使用的时候给我出了一个难题，那就是vue的this的执行问题。我们知道vue对自己的实例是做了一层代理的。我们在创建一个vue实例的时候，走的是data:{属性} 但是实际上我们可以通...原创 2018-10-25 23:59:44 · 1445 阅读 · 0 评论 -
vue中v-model在组件中的使用
关于这点其实没有特别多需要讲的点。但是最近写组件的时候感觉v-model如果使用得好其实是可以减少很多的问题的，虽然对高手们来说这些使用方式是很常见的，但是对刚刚接触vue的人，如果能知道v-model在组件中的正确使用方式，其实是可以大幅度提高自己的组件质量的。首先我们要明确的是，我们所写的组件是有两种类型的，一种是共用的组件，比如共用的 common-header co...原创 2018-07-28 11:13:43 · 2990 阅读 · 0 评论 -
CSS的first-child、nth-of-type
这几个选择器其实我是很懵逼的。因为first-child的使用是 p:first-child这种形式 这个很容易就让人想到，first-child应该位于某个元素的后端，他就想是伪元素或者伪类那个样子，但是这种思考其实是错误的。 .child:first-child很容易让人以为，选择的是 .child元素的第一个元素，也就是 <div class="father">...原创 2018-07-20 23:17:14 · 494 阅读 · 0 评论 -
css的绝对定位与冒泡
为什么会把两个放在一起说呢？ 来源于一个小案例，我们都知道事件冒泡机制，当你点击一个dom的时候，会先从下面的dom开始触发事件 也就是说 <div id="a"> a <div id="b">b</div> </div> <script> funct原创 2018-07-20 21:03:28 · 1771 阅读 · 0 评论 -
vscode中实用eslint与vetur来规范vue项目
现在我们很多项目上都会使用eslint来规范一些写法，这样会使得我们的代码更加的一致，但是很多时候我们并不习惯使用eslint，而且一些eslint的写法虽然好，但是会多一些步骤，比如多写一个空格之类的，而我们平时在写代码的时候，也会借助编辑器的格式化来格式化代码，这样就省去了很多手工操作，但是有的时候编辑器的格式化方式跟eslint冲突，这个时候我们怎么解决呢？ 下面介绍vscode下怎么解决...原创 2018-06-07 23:41:55 · 7595 阅读 · 0 评论 -
vue动画切换出现白屏问题
参考 https://github.com/feather-components/app-transition/blob/master/app-transition.vue https://vue-js.com/topic/58c793f4a476ff9533840114使用animate.css的一些动画的时候，会出现白屏效果，比如 bounceInRight这些 原因是因为 这些...原创 2018-06-08 00:06:01 · 6007 阅读 · 0 评论 -
vue慕课网去哪儿实战项目笔记
1、移动端300ms点击延迟问题在移动端web中会遇到300ms点击延迟的问题，这个时候可以使用fastclick来解决这个问题。 引入fastclikcimport FastClick from 'fastclick'使用fastclickFastClick.attach(document.body)2、注意当网速过慢的时候获取资源导致的页面抖动问题如果网速过慢。比...原创 2018-06-07 17:25:46 · 3945 阅读 · 2 评论 -
用程序做点事情--如何快速对文件夹内的文件进行重命名
学习编程语言的最好办法是使用编程语言解决问题，那些在计算机上面的问题，作为一个程序员，我们应该使用程序来解决一些我们日常中遇到的可以使用程序解决的问题。 前几天的时候班级的毕业照发送了，我想把他们都放到我的QQ相册中去作为一个回忆，解压后有两个文件夹，一个是原片，一个是修改后的，精选的照片，我想把他们都放到QQ相册中，这个时候为了方便就要复制到一个文件夹中，但是在复制的过程中，一部分文件重名了，...原创 2018-06-19 21:23:05 · 2397 阅读 · 0 评论 -
如何控制input的输入方向
inoput的输入方向是从左向右的，但是有的时候我们希望的是多个input右对齐 这个时候我们可以使用两个办法 一个是设置 dir设置<input type="text" dir="rtl" />这样就是从右向左输入了。但是这个样子有一个问题，那就是我们的光标依旧是在左边，看起来很奇怪。 这个时候我们可以使用css的text-align的属性设置text-a...原创 2018-07-11 13:26:58 · 3669 阅读 · 0 评论 -
nvm的使用
有的时候我们用的公司的node版本可能比较老。或者我们要使用老版本的node，但是我们自己电脑上安装的node版本高，很多时候就会有冲突。这个时候我们可以使用nvm来进行node版本管理 可以参考这个博客 https://blog.youkuaiyun.com/qq_36423639/article/details/70230571说的很详细了 这里我要补充的是 一定要注意加入淘宝源。 不然有可...转载 2018-07-14 14:39:56 · 1031 阅读 · 0 评论 -
从jQuery的init源代码来看原型的使用
其实原型这个东西一直以来都觉得是一个很简单的东西。但是因为原型链的原因反而感觉原型里面真正可以说的其实是继承与如何实现真正意义上的重载。 最近看到了关于jQuery中原型的使用，反有了点新的见解。 jQuery中是怎么实现原型的。 首先，我们要对原型有一个清楚的认识，什么时候需要使用原型。现在的ES6里面加入了一个class，而class其实也就是根据原型来实现的一种语法糖，以前我们需要使用...原创 2018-07-28 21:24:11 · 664 阅读 · 0 评论 -
渐变边框小型研究（如果做出一个颜色渐变、宽度渐变的边框)
前几天跟人讨论到一道题目。怎么实现如图的效果可以看到。这里有点渐变边框。不过对于这个题目我们两人产生了一点歧义。。。我以为是渐变边框加上逐渐缩小。。。然后群友认为的是渐变边框后来群友给出了渐变边框的解法。https://www.jianshu.com/p/14268d2f00f7我做了逐渐缩小的解法。<!DOCTYPE html><html lang="en"...原创 2018-11-17 22:43:59 · 784 阅读 · 0 评论