古兰精

2018年8月1日

摘要： Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。一、示例先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。点击后：从图中可以得阅读全文

posted @ 2018-08-01 23:31 古兰精阅读(8451) 评论(0) 推荐(1)

vue里ref ($refs)用法

摘要： ref 有三种用法： 1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素 2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。 3、如何利用 v-for 和 ref 获取一组数组或者dom 节点注意： 1、ref 需要在阅读全文

posted @ 2018-08-01 21:43 古兰精阅读(220645) 评论(2) 推荐(16)

2018年7月31日

浅析.env文件的工作原理以及它是如何实现的

摘要：我们在项目中使用环境变量时，经常会使用到 .env 文件，那么关于 .env 文件中的内容是如何设置的？ VUE_APP_URL 是在 .env.* 文件中定义的，在项目启动时，vue-cli 会将以 VUE_APP_ 开头的变量读取至环境变量，这是 vue-cli 强制要求的“你想用我的工具，就得阅读全文

posted @ 2018-07-31 22:58 古兰精阅读(8523) 评论(0) 推荐(0)

2018年7月30日

JS实现千分位

摘要：方法一：正则实现 function format (num) { var reg=/\d{1,3}(?=(\d{3})+$)/g; return (num + '').replace(reg, '$&,'); } 解释： 1、正则表达式 \d{1,3}(?=(\d{3})+$) 表示前面有1~3个数阅读全文

posted @ 2018-07-30 23:52 古兰精阅读(7201) 评论(0) 推荐(1)

JS实现异步编程的4种方法

摘要：一、回调函数这是异步编程最基本的方法。假定有两个函数f1和f2，后者等待前者的执行结果。采用这种方式，我们把同步操作变成了异步操作，f1不会堵塞程序运行，相当于先执行程序的主要逻辑，将耗时的操作推迟执行。利用定时器的工作原理将f1放入事件队列中去执行，哪怕延时是0，也是如此，因此不堵塞程序运阅读全文

posted @ 2018-07-30 23:45 古兰精阅读(21703) 评论(0) 推荐(4)

并行与并发的区别

摘要：很多人不是特别明白并发编程和并行编程的区别所在，有很多人很容易搞混淆，觉得二者近似相等，本文将用几个浅显易懂的例子，来说明一下什么是并发和并行。 1、任务与多任务关于什么是进程，什么是线程，这里不打算多说，关于每一种开发语言的多线程处理技术语法上有所区别，原理很多类似，可以查阅相关的参考书。什么是阅读全文

posted @ 2018-07-30 16:02 古兰精阅读(28178) 评论(4) 推荐(7)

2018年7月27日

原生javascript实现异步的7种方式

摘要： 1、$(document).ready 点评：需要引用jquery ；兼容所有浏览器。 2、标签的async=”async”属性 async的定义和用法(是HTML5的属性) async 属性规定一旦脚本可用，则会异步执行。点评：HTML5中新增的属性，Chrome、FF、IE9&IE9+均支持阅读全文

posted @ 2018-07-27 23:28 古兰精阅读(9812) 评论(0) 推荐(1)

原生JS实现bind()函数

摘要：一、bind()函数的两个特性： 1、bind和curring，函数科里化可以利用此种特性方便代码重用，如下，可以不同的页面中只需要配置某几项，前面几项固定的配置可以选择用bind函数先绑定好，讲一个复杂的函数拆分成简单的子函数。 2、bind和new 函数中的return除非返回的是个对象，否则阅读全文

posted @ 2018-07-27 22:52 古兰精阅读(20599) 评论(1) 推荐(1)

装饰者模式

摘要：装饰者模式提供比继承更有弹性的替代方案。装饰者用于包装同接口的对象，不仅允许你向方法添加行为，而且还可以将方法设置成原始对象调用（例如装饰者的构造函数）。装饰者用于通过重载方法的形式添加新功能，该模式可以在被装饰者前面或者后面加上自己的行为以达到特定的目的。那么装饰者模式有什么好处呢？前面说了阅读全文

posted @ 2018-07-27 22:13 古兰精阅读(323) 评论(0) 推荐(0)

职责链模式

摘要：职责链模式（Chain of responsibility）是使多个对象都有机会处理请求，从而避免请求的发送者和接受者之间的耦合关系。将这个对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理他为止。也就是说，请求以后，从第一个对象开始，链中收到请求的对象要么亲自处理它，要么转发给链中的下一阅读全文

posted @ 2018-07-27 21:58 古兰精阅读(306) 评论(0) 推荐(0)

公告