Carsonhuang

一开始我是这么理解的，我相信也是大多数人理解的那样。 上面这段代码会输出什么呢？答案是6个6，我想这一点大家应该知道，因为var关键字会使变量提升，所以其实只有一个全局i，当你去执行click事件的时候，这时候i已经变成6了。 这段代码执行效果，依次点击会输出0,1,2,3,4…

今天来说一下布局中常用的Grid组件，也叫做栅格系统。基础用法如上面的图片所示。接下来，我就介绍下具体实现过程吧。 这个组件需求还是比较简单的，所以这里直接介绍组件的使用吧。采用了24栅格系统，这样可以轻松应对大部分布局问题。使用栅格系统进行网页布局，可以使页面排版美观、舒适。…

在学习JavaScript中this指向问题的时候，这三个函数可以显示绑定this值，所以在这里做个比较，关于this，在下一篇文章中再进行总结。 任何形如fn()函数调用其实都可以写成fn.call()。当写成fn.call()的时候，就能清楚函数中this的指向，看下面的例…

今天写的这个组件是平时很常用的一个，输入框（Input）组件，常用于各种表单中。那么话不多说，直接开始造轮子吧。 以上就是我在做Input组件时想到的几个点，其它一些复杂的功能就没考虑啦。 上面主要列了几个，其它的就看下面的属性表格，往里面加就好啦。 知道用户怎么使用按钮之后，…

学习并使用Vue有一段时间了，并且使用过Element UI，iview，ant-design等UI框架，然后就想着自己也做一套自己的UI框架，也算是对自己这么久学习Vue框架的一个总结。在写该组件库的时候，也踩过很多坑，碰到过一些以前使用Vue未曾碰到的问题，因此，这一系列的…

使用自己写的一个UI库，然后利用VuePress编写官网文档，由于是第一次使用该框架，所以遇到一些问题，在这里记录下自己所踩过的坑。 使用npm run docs:dev编写完文档后，需要运行npm run docs:build将其build打包，然后发布到服务器上。然而在bu…

默认情况下是content-box，当指定border、padding的时候，border-box更好用。通过box-sizing：border-box来指定。 只有上、下margin会合并，左、右margin不会合并。并且合并后的高度等于两者中的最大值。 它主要用在对scro…

文中的TypeScript用TS代替。一、原始数据类型原始数据类型包括：布尔值、数值、字符串、null、undefined以及Symbol。在TS中，定义变量的格式如下所示：letisBoolean: