摘要: 我们在用vue进行开发项目时,是否存在疑惑,new Vue(xxx)的过程中,究竟发生了什么?定义的数据,是如何绑定到视图上的?本篇主要介绍在实例化vue时,主要做了哪些事,文章比较长,主要篇幅内容为数据初始化和数据视图绑定过程。主要代码执行时序图如下所示: 在vue源码中,vue构造函数的定义是在 阅读全文
posted @ 2019-12-07 16:04 Gerryli 阅读(6182) 评论(0) 推荐(1) 编辑
摘要: 用vue也有一两年了,始终对vue一知半解,不怎么了解内部的执行过程,最近在看vue源码,还是不少收获的,其中不乏浏览器事件轮询机制、闭包、设计模式等,还是非常值得一读。本篇简要记录下vue的初始化过程,具体初始化过程及内容的时序如下图所示: 初始化主要执行了vue-dev\src\core\ind 阅读全文
posted @ 2019-12-05 19:30 Gerryli 阅读(2133) 评论(0) 推荐(1) 编辑
摘要: 最新封装了一个vue防抖节流自定义指令,发布到npm上,有用欢迎star,谢谢! npm地址:https://www.npmjs.com/package/v-debounce-throttle github地址:https://github.com/gerryli0214/vue-directive 阅读全文
posted @ 2019-11-30 12:26 Gerryli 阅读(7204) 评论(0) 推荐(1) 编辑
摘要: vue中的混入,可以在一定程度上提高代码的复用性。通俗来说,混入类似于“继承”,当前组件对象继承于组件对象,一般情况下遵循“就近原则”。但是与继承不同的是,继承一般都跟随着属性的重写与合并,混入在不同的配置项中,有着不同的混入策略,下面会一一进行介绍vue不同配置项的混入策略。vue混入的基本流程如 阅读全文
posted @ 2019-11-25 20:02 Gerryli 阅读(8183) 评论(1) 推荐(2) 编辑
摘要: nginx是一个轻量级、高性能的web服务器,常用于做反向代理,也是web端常用的静态资源服务器。一般常用于Linux服务器上,Windows上也有移植版本,本文就简单介绍下nginx的基本使用。 1.下载nginx压缩包,下载地址:http://nginx.org/en/download.html 阅读全文
posted @ 2019-11-14 10:33 Gerryli 阅读(3133) 评论(0) 推荐(1) 编辑
摘要: 在我们阅读vue源码时,一般引用vue的版本都是打包编译后的版本,无法debugger源码,要debugger源码,就需要给代码添加sourcemap,他存储源码与编译后代码的一种对应关系,详细内容可以参考阮老师的博文(http://www.ruanyifeng.com/blog/2013/01/j 阅读全文
posted @ 2019-11-12 11:27 Gerryli 阅读(2883) 评论(1) 推荐(1) 编辑
摘要: 在我们开发过程中,经常用到的文本输入框,常用的是input/textarea。然而在有些情况下,input/textarea可能满足不了我们的业务需求,textarea/input大部分是处理纯文本,不能附加一些自定义样式,文本域内业务操作空间也不怎么大,但是富文本,即可以编辑的HTML,可以针对输 阅读全文
posted @ 2019-11-07 18:18 Gerryli 阅读(4077) 评论(0) 推荐(1) 编辑
摘要: 最近在通过zip包配置mysql,mysql版本:5.7.13。配置过程中,踩了一些坑,下面做了一些简单的记录,配置的具体过程如下: 1、将mysql zip包解压,放到指定目录中,在系统环境变量中配置系统环境变量,将mysql bin文件夹添加到path变量中。假如mysql放在:C:\Progr 阅读全文
posted @ 2019-11-04 16:51 Gerryli 阅读(179) 评论(1) 推荐(1) 编辑
摘要: 最近在实现原文/译文句段高亮对比显示,和有道翻译类似,如下图所示: 最初的解决方案是采用富文本编辑器,把所有句段信息都用HTML标签包裹,操作空间比较大,页面上需要的功能几乎都可以实现,但是由此带来了许多的弊端,比如: 1.复制文本存在原始格式 2.复制大量文本存在性能问题(富文本编辑器的通病,复制 阅读全文
posted @ 2019-10-23 14:28 Gerryli 阅读(4000) 评论(0) 推荐(1) 编辑
摘要: 众所周知,JavaScript是单线程的,一些复杂比较耗时的操作,会阻塞页面的渲染交互,引起页面卡顿,影响用户体验。web worker是html5的新特性之一,主要就是用来解决此类问题,为页面额外开启一个线程,用来处理一些比较耗时操作,不影响主线程的进行。 在实际vue项目的开发使用过程中,还是遇 阅读全文
posted @ 2019-09-03 22:07 Gerryli 阅读(20216) 评论(25) 推荐(1) 编辑