![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 56
AboyL
zzz
展开
-
js里面怎么动态的为对象添加属性
js对象动态添加属性原创 2017-01-17 23:31:23 · 23685 阅读 · 0 评论 -
ES6学习笔记(4)async的简单实用
async意思是异步await的意思是等待这两个关键字是在ES7中新加入的语法,如果要在浏览器中使用考虑到兼容性的问题,我们还是需要使用babel进行转换。七亩地是为了解决js中的异步问题。现在异步解决方案有三种: 回调函数 promise async(Generator)因为js的异步机制,我们所有的异步操作都会被放到一个队列中,等到所有的同步的操作执行完毕了,才会去执行异步队...原创 2018-06-03 23:55:40 · 4636 阅读 · 0 评论 -
用程序做点事情--如何快速对文件夹内的文件进行重命名
学习编程语言的最好办法是使用编程语言解决问题,那些在计算机上面的问题,作为一个程序员,我们应该使用程序来解决一些我们日常中遇到的可以使用程序解决的问题。 前几天的时候班级的毕业照发送了,我想把他们都放到我的QQ相册中去作为一个回忆,解压后有两个文件夹,一个是原片,一个是修改后的,精选的照片,我想把他们都放到QQ相册中,这个时候为了方便就要复制到一个文件夹中,但是在复制的过程中,一部分文件重名了,...原创 2018-06-19 21:23:05 · 2350 阅读 · 0 评论 -
从jQuery的init源代码来看原型的使用
其实原型这个东西一直以来都觉得是一个很简单的东西。但是因为原型链的原因反而感觉原型里面真正可以说的其实是继承与如何实现真正意义上的重载。 最近看到了关于jQuery中原型的使用,反有了点新的见解。 jQuery中是怎么实现原型的。 首先,我们要对原型有一个清楚的认识,什么时候需要使用原型。现在的ES6里面加入了一个class,而class其实也就是根据原型来实现的一种语法糖,以前我们需要使用...原创 2018-07-28 21:24:11 · 626 阅读 · 0 评论 -
高效前端-web高效编程与开发实践读书笔记:浅谈函数柯里化
函数柯里化这个概念一直接触过,但是一直不是很懂他的意思。直到在看高效编程的时候才有点感觉。 什么是柯里化 简单来说就是*函数和一个参数值结合产生一个新的函数 举个例子,add函数是需要两个值而add1只需要对add函数进行一次柯里化就只需要一个值,每次的结果都是value+1 这就是函数柯里化带来的结果。func add x,y return x+yfunc add1 ...原创 2018-07-28 14:09:56 · 401 阅读 · 0 评论 -
从一个简单的Loading封装来聊聊JS的AOP编程
第一次接触到AOP这个词的时候还是在学习Java的时候学习Spring的时候了解到的,面向切面编程,通过一些设置,我们可以在执行一个函数之前来执行其他的函数,在执行一个函数之后,执行其他的函数,常用于日志输出这些。 而在前端接触到这个名词就很偶然了,先说一下自己面临的问题。很多时候,我们在请求的时候,希望执行一个loading函数,来表示正在加载,而在请求结束后,我们希望隐藏这个loading,...原创 2018-09-09 23:52:54 · 499 阅读 · 0 评论 -
Vuex中的action的使用
我们在使用vuex的时候,很多时候都会直接去使用commit代替了dispatch操作,虽然官方的推荐是使用dispatch,但是使用commit也可以,而且很多时候也更加的好写,所以就比较少会去使用dispatch的操作了。但是有的时候,我们还是需要使用dispatch的操作的,这个时候我们就要去设置actions了。 vuex是一个状态管理机制,管理的很多都是我们要公用的数据,在这个组件会用...原创 2018-09-15 15:28:26 · 8251 阅读 · 0 评论 -
实现自己的Promise(1)
一直以来都对Promise的实现有浓厚的兴趣、感觉很好玩。很想搞清楚他的原理是什么,而最好的办法莫过于写一个自己的Promise了。首先我们需要看一下Promise的基本使用方式是什么样子的。let testPromise =new Promise((resolve,reject)=>{ setTimeout(()=>{ resolve('ok') },2000)...原创 2018-10-02 22:44:25 · 373 阅读 · 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 · 846 阅读 · 0 评论 -
AOP的优化
接上文上文我们实现了一个简单的AOP,但是其实还是存在问题的。问题在哪里?回到我们最开始的问题。我们希望的是,在我们的请求开始的时候调用loading,在我们请求结束的隐藏loading。我们以前的代码看起来没有问题。但是真的没有问题吗?实际上我们用这份代码做测试的时候我们就会发现问题所在了。因为异步的存在。这里就不再探讨异步是什么了,我相信你能听懂我再说什么。// 执行器functi...原创 2018-10-25 23:19:44 · 442 阅读 · 0 评论 -
百度地图中如何获取某个经纬度附近的地址
我们在网页版中使用百度地图的时候,可以发现点击一下定位以后会定位到现在自己这里的位置来,并且显示自己的位置大概是什么地方。但是查阅api的时候,当我们调用定位api的时候却经常做不到这个,虽然返回值里面有街道级别。但是并不是我们想要的大概地址。这个的原因是因为,我们查阅的是js的apihttp://lbsyun.baidu.com/cms/jsapi/reference/jsapi_referen...原创 2018-04-01 13:47:48 · 3539 阅读 · 0 评论 -
react-hot-loader的使用方式
webpack中提供了热模块更新的功能,在不刷新整个页面的情况下来替换某些更变的组件,而这样做的最大的好处就在于状态的保存。比如我们前面在输入框中输入的内容,就不会在我们热模块替换以后被刷新掉,让我们要重新再输入一次了。而react的构建现在一般还是基于webpack的,webpack也提供了对应的插件。react-hot-loaderhttps://github.com/gaearon/reac...原创 2018-04-01 12:18:38 · 7789 阅读 · 0 评论 -
dom元素主动获取焦点
怎么实现js主动聚焦dom以及,解决focus()函数失败的问题原创 2017-12-15 15:54:56 · 7077 阅读 · 0 评论 -
angularjs事件同级传播
其实实现的办法很简单我们首先把事件向上传播在上层接受到事件后再向下传播然后我们再在下层去接受这个事件这样就可以实现同级传播了这个样子我们就可以实现多个directive组件在一个层级d1d1d2d3这个样子然后我们点击第一个d1然后其他的组件做出反应原创 2017-12-07 17:11:14 · 792 阅读 · 0 评论 -
ionic双击返回键退出应用
如果双击android返回键退出ionic应用原创 2017-12-26 14:48:15 · 550 阅读 · 0 评论 -
npm5跟yarn的区别
npm5跟yarn的区别原创 2017-12-28 16:38:42 · 991 阅读 · 0 评论 -
ES6学习笔记(1)块级作用域与函数作用域
并没有使用let跟const来作为他的标题。因为实际上来说let跟const所做的事情就是创建块级作用域。为什么这样认为呢?因为let的一个变量影响的并不是这个一个变量,而是整个作用域,实际上是对整个作用域进行了改造。而在es6之前,其实js是只有函数作用域的,也就是说一个函数创建一个作用域而不是一个{}创建一个作用域,这个的结果就是会导致一些结果内层变量会覆盖外层变量用来原创 2018-01-07 15:35:13 · 256 阅读 · 0 评论 -
ES6学习笔记(2)箭头函数
在学习箭头函数之前要先了解的是箭头函数解决了什么问题。在这里要注意的是js的严格模式因为使用babel进行打包的文件是在严格模式下运行的,所以在一些条件下跟我们在一些书上看到的观测到的实际上可能有一点的不同。这里要注意的是在严格模式下,this不能被指定为window,也就是在全局下的function fnc(clg this.z)将不会输入undefined,而是直接报错原创 2018-01-07 19:37:28 · 1394 阅读 · 0 评论 -
你不知道的JavaScript-函数中的this
当我们在一个函数中写this的时候,我们是希望做什么?或者说,我们首先把函数中的this当成了什么?this指向某个对象,那函数中的this指向谁?指向函数本身吗?这里我们要分两种情况来看函数有两种形态,一种是函数对象,一种是指向一段代码块function a() {// console.log(this.cc);this.cc=1;} var cc=3; a()//3console...原创 2018-03-12 09:27:43 · 218 阅读 · 0 评论 -
nodejs中requier变量的陷阱
在做一个慕课网的一个项目的时候,里面要使用img的时候需要使用requier进行引入,在react中,这个时候我想把路径作为一个变量,就可以在各处使用了。但是最后却失败了,才发现requier的机制问题,不能直接使用变量,必须进行强制转换import React, { Component } from 'react';import { ImgFigure } from './component/...原创 2018-03-21 23:00:35 · 507 阅读 · 0 评论 -
如何在react项目中使用阿里iconfont字体库的svg图标
阿里的iconfont字体库是一个拥有很多字体图标资源的字体库,我们可以看到里面有很多的多彩图标。但是传统的classname方法跟unicode方法都没有办法支持多彩字体库。只有svg格式的图片才支持。我们怎么才能使用这个呢?首先我们将字体图标加入项目以后,在我的项目中会有三份代码生成。这个时候我们把把Symbol的代码复制,然后粘贴到了我们自己在项目中新建的font.js文件中就好了。随后我们...原创 2018-04-01 11:35:22 · 14410 阅读 · 3 评论 -
AOP与设计模式以及Vue
我们在上节中提到了,我们的代码实现还是存在问题,这个问题在哪里?这个是需要去结合vue来看的,因为我写这个东西的时候就是希望在vue中使用,如果最后不能再vue中使用那么就没有意义了。而在vue中的使用的实际使用的时候给我出了一个难题,那就是vue的this的执行问题。我们知道vue对自己的实例是做了一层代理的。我们在创建一个vue实例的时候,走的是data:{属性} 但是实际上我们可以通...原创 2018-10-25 23:59:44 · 1405 阅读 · 0 评论