知识点小记

shery 发布于2019-08-23 16:49 / 1181人阅读

摘要：箭头函数我们来看一下箭头函数的效果箭头函数是无法通过来修改作用域的这个需要切记。所以切记在需要的时候使用箭头函数。

这是一些小问题的记录和总结：

1. vue serve和build

在vue-cli3.0中可以快速的开发原型。
通过全局安全@vue/cli-service-global

npm i -g @vue/cli-service-global

那么就可以使用vue serve xx.vue起服务和vue build xx.vue打包。
当然打包的话还有更多的配置项：命名，打包模式等。

2. es6箭头函数

我们来看一下箭头函数的效果:

var num = 10
var getNum =  function() { return this.num; }
var getNum2 = () => {return this.num;}

var c = {
  num: 11
}

console.log(getNum.bind(c)()) // 11


console.log(getNum2.bind(c)()) // 10

箭头函数是无法通过bind、apply、call来修改作用域的
这个需要切记。
因为我们习惯使用箭头后，会忘记为什么使用。在有些场景，我们自定义的函数，可能会因为习惯而使用箭头函数；
而使得作用域错误。所以切记在需要的时候使用箭头函数。

如果我们在vue的生命周期使用箭头函数会怎么样？

很明显，如果使用箭头函数的话，那么this也无法被修改，那么就会undefined。

3. 控件库中多语言是如何实现的

以前我开发控件库的时候，是把设计中文相关的内容都通过外部传入，那么这样就不会设计多语言了。
但是如果是一些固定的词汇，那么每次通过外面传入是会比较繁琐的。
这边hui或hui-pro是通过自己定义一个工具库。
这个工具库的内容就是先判断this存在不存在，存在的话检测this对象中是否有对语言对象i18n，如果存在那么就使用i18n的语言进行转换。
如果不存在。那么直接使用本地控件库的键值对的形式读取。

4 calc计算

vue中可能有会用计算calc，看如下

修改前
computed: {
    outSpanMaxWidth() {
      // 默认改为了 200px, 需要手动还原
      if (!this.maxWidth) return;
      return `calc(${this.maxWidth} ${this.closable ? "+ 40px" : ""})`;
    }
  }
修改后
computed: {
outSpanMaxWidth() {
  // 默认改为了 200px, 需要手动还原
  if (!this.maxWidth) return;
return `calc(${this.maxWidth} ${this.closable ? "+ 40px" : ""})`; 
}
}

我们可以看到this.closable为ture的时候
outSpanMaxWidth为calc("200px+40px")
为false的时候calc("200px+")
这个在谷歌浏览器是可以正常解析的，但是ie下就无法解析，所以需要注意这个加号

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103339.html

前端开发工作一年小记

摘要：前端开发工作一年小记作者云荒杯倾再过几天，就是我作为一名小小的前端工程师工作整整一年的日子了。但这可能算是一个好的开端，好的记忆。前端开发工作一年小记作者/云荒杯倾再过几天，就是我作为一名小小的前端工程师工作整整一年的日子了。而且，距离上一次写技术文，已经过去很久远。且逢周末，还是雨天，气温不高，心情凑合，就想写写。然而，写工作总结实际上可能仅仅是源于一种不可遏制的冲动，类似于伟...

diabloneo 2019-08-22 18:34 评论0 收藏0
前端开发工作一年小记

摘要：前端开发工作一年小记作者云荒杯倾再过几天，就是我作为一名小小的前端工程师工作整整一年的日子了。但这可能算是一个好的开端，好的记忆。前端开发工作一年小记作者/云荒杯倾再过几天，就是我作为一名小小的前端工程师工作整整一年的日子了。而且，距离上一次写技术文，已经过去很久远。且逢周末，还是雨天，气温不高，心情凑合，就想写写。然而，写工作总结实际上可能仅仅是源于一种不可遏制的冲动，类似于伟...

chunquedong 2019-08-02 10:51 评论0 收藏0
前端开发工作一年小记

摘要：前端开发工作一年小记作者云荒杯倾再过几天，就是我作为一名小小的前端工程师工作整整一年的日子了。但这可能算是一个好的开端，好的记忆。前端开发工作一年小记作者/云荒杯倾再过几天，就是我作为一名小小的前端工程师工作整整一年的日子了。而且，距离上一次写技术文，已经过去很久远。且逢周末，还是雨天，气温不高，心情凑合，就想写写。然而，写工作总结实际上可能仅仅是源于一种不可遏制的冲动，类似于伟...

Ashin 2019-08-30 15:54 评论0 收藏0
javascript小记

摘要：模板字面量相当于格式化字符串字符串用两个包含起来并且内部的占位符用标识一般用于标识多行文本或者配合函数使用与箭头函数用于数组是用于让数组每一个元素都调用函数的语法基本格式为其中为数组元素下标为当前元素所属的数组对象在实际调用时只需要箭头函数 1.模板字面量相当于格式化字符串,字符串用两个``包含起来,并且内部的占位符用${variable}标识.一般用于标识多行文本或者配合函数使用. ...

waltr 2019-08-23 16:23 评论0 收藏0
【源起Netty 前传】Linux网络模型小记

摘要：非阻塞模型这种也很好理解，由阻塞的死等系统响应进化成多次调用查看数据就绪状态。复用模型，以及它的增强版就属于该种模型。此时用户进程阻塞在事件上，数据就绪系统予以通知。信号驱动模型应用进程建立信号处理程序时，是非阻塞的。引言之前的两篇文章 FastThreadLocal怎么Fast？、ScheduledThreadPoolExecutor源码解读搞的我心力交瘁，且读源码过程中深感功...

Null 2019-08-15 13:59 评论0 收藏0