Keeping Studing

风雨哈佛路,做一个心怀期待的Developer
June 17, 2021

React Hooks - 03 | 内置 Hooks

说明包含内容:03|内置 Hooks(1):如何保存组件状态和使用生命周期?——useState,useEffect04|内置 Hooks(2):为什么要避免重复定义回调函数?——useCallback,useMemo,useRef,useContextReact Hooks 核心原理遇到需求时,是基于 Hooks 去考虑组件的实现,这会是一个非常不同的思路,你完全不用去关心一个组件的生命周...

windows PowerShell 高效开发

前言之前没怎么用过 windows 来开发,现在每天使用,感觉还是得提高基础开发效率才行呀。所以学习研究了下命令行方面的工具使用~ 还需继续拓展。网上相关教程方法很多,摘抄并小结成此文,方便后续查阅。

AutoHotKey - windows映射常用快捷键

说明最近开始使用windows系统进行开发,但是我已经很习惯了MAC的键盘快捷键。而且有时候会用自己的MAC,相当于要记2套快捷键,对我来说有点麻烦。不嫌麻烦的当然可以忽略...发现可以使用AutoHotKey直接映射常用快捷键,所以整理成此文。
September 2, 2019

基于 git hooks 的前端代码质量控制解决方案

一、为什么需要在git hook里配置预处理 ?现在确保代码规范及质量,已经有很多的Lint工具,如Eslint,styleLint等。大家在开发过程中会自觉运行这些工具,然后根据工具给出的提示信息进行修复或修改代码。但是,有时候大家一粗心可能就漏看了(或者根本没看。。)这些提示、忘记了部分规范要求而直接把代码提交的情况!!既然这种靠自觉是靠不住的,那我们只能让整个流程自动化、让工具替我们完...
August 22, 2019

关键渲染路径 CRF【摘抄】

前言一直想在前端性能优化方面有所提升,三年来在工作中总结出来的性能优化经验也很零散琐碎,而且有些知其然不知其所以然,越来越感觉系统性地学习这部分知识已经迫在眉睫。了解到想要做好前端性能优化,首先是要知道浏览器渲染原理、关键渲染路径,如何利用工具来衡量性能,并运用简单的策略尽快向屏幕中渲染画面。要学习如何利用 Google Chrome 的开发者工具—— PageSpeed Insights ...

JS单元测试(UT)— Mocha

前言平时经常看到TDD(测试驱动开发)相关的文章或者内容,在上家公司时也常听到后端小伙伴说他正在写单元测试。。。所以心里就埋下了对单元测试的好奇,但由于种种原因没有及时去了解。最近发现单元测试还是有必要学习并使用的,所以就花了些时间学习,并整理成此文,方便后续回顾和查阅。
August 12, 2019

.bashrc, .zshrc, .babelrc中的rc是什么【转】

在Linux中,最为常用的缩略语也许是“rc”,它是runcomm的缩写――即名词“run command”(运行命令)的简写。rc是任何脚本类文件的后缀,这些脚本通常在程序的启动阶段被调用,通常是Linux系统启动时。如/etc/rs是Linux启动的主脚本,而.bashrc是当Linux的bash shell启动后所运行的脚本。.bashrc的前缀“.”是一个命名标准,它被设计用来在用户...
August 4, 2019

CSS 优先级和权重

前言之前写页面样式时,有时会遇到用多条样式定义规则对同一个元素进行样式设置的时候,当时想到的就是按CSS选择器的优先级来搞定这个问题,也就只记得:内嵌样式 > id > class > 标签 这样简单的规则,虽然基本可以搞定需求,也自以为然的就是这个样子了,但是最近发现原来这部分还要更深层次的内容,所以今天专门学习了下。

webpack — 多页面打包配置

说明2018年初在上家公司做新编辑器V2.0版本时,需要我用webpack实现多页面打包和页面嵌套显示的功能(见下方案例)。由于当时不了解webpack,但是任务面前我只能赶鸭子上架,加班加点地在网上搜寻各种实现方法,虽然费了几个小时但最终还是磕磕绊绊地实现了功能(现在回忆一下,还是能回想起当时实现了功能的那一刻自己内心的舒畅和开心哈哈~~)最近在学习webpack,今天终于把当初的这个配置...

《学习JavaScript数据结构与算法》笔记

第二章 数组2.6 二维数组和多维数组 结论:n个乘数的矩阵,则需要n层嵌套的for循环二维数组,需要2层嵌套for循环。一个3×3×3×3的矩阵,代码中就会用四层嵌套的for语句,以此类推。使用map和filter方法map、filter遍历数组,会返回新数组的遍历方法。reducefunction total(array) { return array.reduce((prev,...