2018年07月_AboyL

原创从jQuery的init源代码来看原型的使用

其实原型这个东西一直以来都觉得是一个很简单的东西。但是因为原型链的原因反而感觉原型里面真正可以说的其实是继承与如何实现真正意义上的重载。最近看到了关于jQuery中原型的使用，反有了点新的见解。 jQuery中是怎么实现原型的。首先，我们要对原型有一个清楚的认识，什么时候需要使用原型。现在的ES6里面加入了一个class，而class其实也就是根据原型来实现的一种语法糖，以前我们需要使用...

2018-07-28 21:24:11 628

原创高效前端-web高效编程与开发实践读书笔记：浅谈函数柯里化

函数柯里化这个概念一直接触过，但是一直不是很懂他的意思。直到在看高效编程的时候才有点感觉。什么是柯里化简单来说就是*函数和一个参数值结合产生一个新的函数举个例子，add函数是需要两个值而add1只需要对add函数进行一次柯里化就只需要一个值，每次的结果都是value+1 这就是函数柯里化带来的结果。func add x,y return x+yfunc add1 ...

2018-07-28 14:09:56 405

原创 vue中v-model在组件中的使用

关于这点其实没有特别多需要讲的点。但是最近写组件的时候感觉v-model如果使用得好其实是可以减少很多的问题的，虽然对高手们来说这些使用方式是很常见的，但是对刚刚接触vue的人，如果能知道v-model在组件中的正确使用方式，其实是可以大幅度提高自己的组件质量的。首先我们要明确的是，我们所写的组件是有两种类型的，一种是共用的组件，比如共用的 common-header co...

2018-07-28 11:13:43 2951

原创 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 431

原创 css的绝对定位与冒泡

为什么会把两个放在一起说呢？来源于一个小案例，我们都知道事件冒泡机制，当你点击一个dom的时候，会先从下面的dom开始触发事件也就是说 <div id="a"> a <div id="b">b</div> </div> <script> funct

2018-07-20 21:03:28 1716

转载 nvm的使用

有的时候我们用的公司的node版本可能比较老。或者我们要使用老版本的node，但是我们自己电脑上安装的node版本高，很多时候就会有冲突。这个时候我们可以使用nvm来进行node版本管理可以参考这个博客 https://blog.csdn.net/qq_36423639/article/details/70230571说的很详细了这里我要补充的是一定要注意加入淘宝源。不然有可...

2018-07-14 14:39:56 989

原创如何控制input的输入方向

inoput的输入方向是从左向右的，但是有的时候我们希望的是多个input右对齐这个时候我们可以使用两个办法一个是设置 dir设置<input type="text" dir="rtl" />这样就是从右向左输入了。但是这个样子有一个问题，那就是我们的光标依旧是在左边，看起来很奇怪。这个时候我们可以使用css的text-align的属性设置text-a...

2018-07-11 13:26:58 3475

在做项目的时候，最好只使用一套组件库，但是很多时候我们的组件库里面没有我们需要的组件，这个时候我们还是需要自己写组件了，vux里面就没有环形进度条组件，所以需要自己写一个。查找资料后发现了一个很好的实现方式，通过svg来实现，以前的时候学过一点svg但是没有怎么深入了解过。。。现在看来真是罪过，给出参考链接 https://segmentfault.com/a/119000000814940...

2018-07-09 20:49:33 8863 3

原创 vue样式穿透问题

今天在写项目的时候需要去修改一个引入的组件的样式，因为使用的是stylus，所以就可以用>>>进行穿透，但是一开始的时候失败了，后来才发现问题在于两点。一是不可以使用层叠，也就是不可以使用.class >>> .class { .class{}}只可以使用一级也就是.swiper >>> .vux-icon-...

2018-07-09 20:43:05 2314

原创高效前端-web高效编程与开发实践读书笔记：css-布局-三列布局使用float实现

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l

2018-07-08 00:13:20 271

原创高效前端-web高效编程与开发实践读书笔记：css-如何设置多行文本居中

很多时候我们需要设置文本居中，这个时候我们知道应该设置，外层的容器的height跟line-height一致，就可以实现单行文本居中了，但是这个样子只适合单行，如果我们要设置多行文本居中，需要怎么做呢？我们要做的就是让多行文本相对外部容器是一行一个模型。因此，设置外部依旧是height==line-height.再把多行文字添加进入一个span容器中，设置display为inline-bl...

2018-07-07 23:54:29 549

AboyL的博客