每周一记?

最近总想着升级,比如玩2K阵容想升级,为了追剧想升级成为XX视频会员,为了得到更好的电竞体验,想升级我这台还不怎么过时的PC。当然,其实写周记也要升级了,升为月记可好?

废话少说,不然电竞时间不够用啦。

学习

项目在迭代后期照例改改bug划划水,所以空出来大把大把的时间,去掉刷微博看NBA,貌似还剩点时间片,所以还是装模做样,假装学习。

  1. DOM Element 位置相关的属性

这可是学了又忘,用到查资料的东西,总是会把这么些属性搞混。

client-*: 不用说,这个还是记得住的。

scroll-*:如果是描述形状的话(width&height),那就是元素(及padding)和溢出区的宽/高度,如果是位置,则表示向下/右滚动的距离。

offset-*: 基于元素的offsetParent来进行形状和位置的计算。而offsetParent则表示距离元素最靠近的上层元素,且其position不为static。如果是表示形状,则表示其水平/竖直方向上的高度(包含padding和border); 如果表示位置,则表示距offsetParent`的距离。

再认识一下getBoundingClientRect()用于获取盒模型的各种属性。
其中x,y表示其相对视口的距离,widthheight等于(content+padding+border)。其余四个表示位置的属性分别表示据左上角/右下角的距离。

  1. Node.js 核心模块回顾

net 用于创建TCP Server和Client.

1
2
3
4
5
6
7
8
9
10
11
net.createServer(function(socket){
socket.on('data', (chunk) => {
console.log('data from client: ', chunk.toString())
})
socket.write('hello');
})
const client = net.createConnection(options)
client.on('data', (chunk) => {
console.log('data from server: ', chunk.toString())
})
client.send('hello server')

path 工具模块

1
2
3
4
5
6
7
path.basename() 文件名
path.dirname() 目录名
path.extname 扩展名
path.format(ooption) 将一个对象格式化为一个路径
path.parse(path) // 将一个路径解析成为一个路径对象
path.join() // 路径拼接
path.resolve() // 将路径片段拼处理成绝对路径
  1. React 新特性学习

现在React存在的问题:包装地狱 庞大的组件 class组件

hook:在function组件中使用到class组件中的很多特性

useState为组件添加状态
useContent 组件上下文
useEffect 用于处理副作用

自定义hook

  1. Webpack 4.x 之 code split

webpack默认的分割规则:

  • 新的代码块被共享,或是这些模块来自于node_modules文件夹
  • 新的块压缩前大于30KB
  • 按需加载的块,并行请求数小于等于5
  • 初始加载的块,并行请求数小于等于3

    默认情况下只会影响到按需加载模块,否则所有模块都会被打包到一起。

    使用ES提案中的动态加载方案,import(),则会进行按需加载并单独打包。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    optimization: {
    splitChunk: {
    chunks: 'all|initial|async'
    minSize: number,
    minChunks: number,
    maxAsyncRequests: number,
    maxInitialRequests: number,
    name: string,
    cacheGroup: {
    test: regexp,
    priority: number,
    reUseExitintChunk: boolean,
    }
    }
    }

指定chunks为all|initial会把node_modules中的模块分配到vendors缓存组,而重复至少两次的代码将会被打包到default缓存组。

initialall的区别是:当按需加载时,initial会分开打包,而all会统一打包。

提取特性的第三方库,可以直接新建一个缓存。

其它

最近在看的番《史莱姆》和《猪头少年》。

最近在看的剧《人不彪悍枉少年》。

值得一看的美剧《地球百子》系列。

特别推荐科幻美剧《无垠的太空》系列。

绝对不推荐的游戏《绝地求生》,打到自闭。

尾巴

一个多月没打篮球了。还记得刚来上海的时候,几乎每周都要去一次甚至闲的时候还会去两次,那个时候打球,特别容易迷失。如果被分到了很强的队伍,很容易隐身,超没存在感;如果分到了较弱的队,需要我进攻的时候,总是犹豫不绝;再加上时准不准的投射水平,突破终结能力实在一般,几乎每次打球都不会体验很好。

后来,既然做不好进攻,那就好好防守。毕竟身体还算强壮,下盘还很稳,又不惧对抗,最近几次打篮球在防守端还是不错的,对位同等身高的人,一点都不虚。防守好了,也带动了进攻,更加坚决的出手,往往可以收到意想不到的效果。

我差不多从上初中就开始打球,天赋平平,基本功又不够扎实,所以这么多年来基本上没什么长进。以前我十分乐意分享球,想成为一名组织者,可慢慢打着变成了神经刀。最近小伙伴叫我罗伯森,因为我的表现的确像。而我也乐意接受这样的角色,专注于自己擅长的事,成为一名好队友,一名好的角色球员

我曾经打篮球打到自闭,一度放弃篮球。可是,我还是喜欢玩篮球游戏,也无时不刻关注NBA,我也有我喜欢的球星(偶像)。说到底,我还是喜欢篮球啊。我的生活可少不了篮球。

生活也是这样,作为一个平庸的人,也要努力找到自己的擅长的点。

分享到 评论