游客17846

WSL-Ubuntu使用小记

本文来折腾一下WSL。WSL即Windows Subsystem for Linux是Windows10的一个子系统，可以提供近乎原生的GNU/Linux环境。与Linux相比，Windows对于开发人员来说还是不怎么友好的，仅前端开发环境配置而言，Windows还是稍显繁琐。开始折腾。一、启用Wi

Posted by 游客17846 on 12-18，2020

Element.requestFullscreen实现元素全屏

一、元素全屏浏览器中按F11可以进入全屏，这大家应该都知道。但是如果某个元素想要单独进行全屏？这需要用到标题的这个API了。Element.requestFullscreen是一个浏览器提供的API，使用它可以让某个元素单独进入全屏模式。该API返回一个Promise对象，成功进入时会resolve

Posted by 游客17846 on 12-18，2020

Git派生（fork）的仓库代码的同步问题

部门有产品代码一份，其它项目代码多从这份产品上派生（fork）。但产品代码其实并不成熟，还在修改完善中。其它派生的仓库需要和产品仓库保持同步。好了，需求有了，现在有两个办法：🤔一、给派生仓库设置上游仓库命令详解# 设置上游仓库地址git remote add upstream http://exa

Posted by 游客17846 on 11-18，2020

React路由组件按需异步加载实践

版本信息：当前使用React版本16.13.1。一、路由的配置一般来说，我们在React中写路由的时候都是这样：👇// 多余代码省略...import MainPage from "./pages/mainPage";...<Switch> ... <Ro

Posted by 游客17846 on 11-11，2020

【JavaScript进阶】从import和require到JS模块化

一、JavaScript模块标准在JavaScript中，存在两种模块化标准。第一种是ES6模块化标准（以下简称ESM），另一种则是CommonJS规范（以下简称CJS）。⚠️二者互不兼容。其中CJS最早出现。在此之前，前端没有模块化概念，在各种插件中的变量命名容易污染全局作用域，简直就是灾难。im

Posted by 游客17846 on 10-19，2020

macOS终端开启命令/路径自动补全

Windows命令行工具的按tab键自动补全命令/路径很好用，macOS上并不是默认开启该功能。在此之前，菜鸡如我，一直都是老老实实的在mac上全拼写输入命令❓后面百度了一下🤣 ，找到了一个教程。。。1.打开终端，输入nano .inputrc；2.进入如下界面👇输入：set completio

Posted by 游客17846 on 09-28，2020

antd Table组件滚动高度自适应问题

antd版本信息：4.6.2。问题描述实际使用中发现antd的Table组件宽度是自适应的，但是高度并不是自适应的，这就造成了一个问题，如果表格容器高度发生变化，而表格的高度并不会发生变化。表格的滚动高度是由API中的scroll里的y属性来控制，文档中的该值是一个数值。那么想要解决表格高度的自适

Posted by 游客17846 on 09-13，2020

npm run eject获取React配置

版本信息：当前使用React版本16.13.1。一、获取配置通常情况下，使用npx create-react-app new-project创建的新项目中的配置文件时隐藏的。要想获取项目的配置文件并修改，需要使用npm run eject命令。⚠️ 需要注意的是该命令执行时可能会出错，那是因为原文件

Posted by 游客17846 on 09-05，2020

ResizeObserver监听元素的resize事件

最近在写业务中有遇到需要监听一个元素的resize事件的需求（为了实现自适应布局）。虽然存在window.onresize这个API，但是它却是用来监听浏览器窗口的resize事件，那我在业务中总不能让用户去拖拽浏览器窗口吧，这听着就不是一个好主意。几经查找（百度），发现了ResizeObserve

Posted by 游客17846 on 08-10，2020

【JavaScript进阶】export、export default和import

问题起源：同事给项目加新的模块的时候，React报了这个错👇，然后模块没有加载成功。。...Lazy element type must resolve to a class or function...最后搞了半天发现是export的问题，模块导出写错了不符合规范，导致React的懒加载失败了。

Posted by 游客17846 on 08-07，2020