我们以一个Monorepo的工程为例，前端是AngularJs写的，后端是NestJs写的,来记录一下最简单的debug办法。要debug之前，先创建launch.json。然后就点击Add Configuration新增一个debug的方式，接着就可以点击左手边的箭头，启动我们刚刚创建的debug模式。Debug前端工程...

02-理解五种http请求对方式和使用场景准备工作新建一个nestjs工程可以使用全局安装的nestjs进行初始化一个新的工程 {代码...} 注意这种方式要经常手动更新一下自己本地的nestjs版本 {代码...} 也可以直接使用npx, 就是后面要用nest的一些命令去生成模块等会比较麻烦...

从forwardRef的定义，我们可以分析到, render函数接收两个参数，第一个是props,第二个是ref。而在写定义的范型的时候，第一个是ref,第二个是props如下面的例子，InternalCalendar就是forwardRef定义的render函数类型，然后我们导出组件的时候，再做forwardRef

概念 buffer存了什么 buffer是一个操作字节的对象，它的底层是一个字节数组，存储着16进制数字。 {代码...} buffer的每个元素是16进制的两位数，也就是每个元素的大小是0-255. 因为 F X 16 + F X 16^0 = 255 溢出了怎么办 我们可以直接对buffer的元素进行赋值 {代码....

文件操作是开发过程中并不可少的一部分。Node.js 中的 fs 模块是文件操作的封装，它提供了文件读取、写入、更名、删除、遍历目录、链接等 POSIX 文件系统操作。与其它模块不同的是，fs 模块中所有的操作都提供了异步和同步的两个版本,具有 sync 后缀的方法为同步方法...

新建一个webpack的配置文件webpack.config.js新建一个babel配置文件.babelrc新建src文件夹，并添加index.js,index.html,index.scss,加入测试代码index.js:

设置vsCode安装插件：ESList和Prettier-Code formatter修改settings.json: {代码...} 安装依赖eslint {代码...} prettier {代码...} 修改配置新建.eslintrc.js并在package.json里面删除eslintConfig {代码...} 新建.prettierrc.js并添加 {代码...} 这样配置完后，如...

隔了这么久终于找到一个方法，使用了css-hot-loadercss-hot-loader

我们需要添加css前缀来处理兼容性问题。通过配置postcss-loader来实现。注意是先添加前缀然后再把scss转换成css，所以要写在最下面。

redux是一个状态管理器。在react中使用redux可以帮我们实现全局的数据管理。这篇文章选择了最简单的计数器为例子，通过纯redux的使用， react跟redux配合使用、以及异步redux从渐到深介绍redux。首先，我们要先理清楚基础的概念以及工作流程。我们需要理解的地方就是...

Context的意思就是上下文，它能帮助我们解决多级跨组件的变量共享问题。 API React.createContext Context.Provider Context.Consumer Class.contextType React.createContext接收一个作为defaultValue的上下文参数，返回一个包含Provider和Consumer的对象。 {代码.....

简单理解，就是接收一个component作为参数，返回一个component，让返回的component具备某些属性跟方法，或者是被某些元素包裹（布局需要）。举个很简单的例子，我们要让一个组件有计时的功能withTimer.js

我总觉得react就像一个状态机，它提供的生命周期让我能够在某个特定时间做特定的事情，得到我想要的结果。 react16.3对生命周期的upgrade React16打算废弃的三个生命周期函数 componentWillMount componentWillReceiveProps componentWillUpdate 官方说法是：官方计...

首先，我们要思考，为什么会有react这个框架，它主要帮我们解决了什么问题。我想应该就是它让我们从繁重的dom操作解放出来了，同时以它的单向数据流，非常清晰的逻辑，让我们能够更清晰地建立数据模型。

难得有空，今天开始重新规范的学习一下node编程。但是引入模块我看到用 require的方式，再联想到咱们的ES6各种export 、export default。

具备基本工程素养的同学都会注重编码规范，而代码风格检查（Code Linting，简称 Lint）是保障代码规范一致性的重要手段，你的工作流中有 Lint 环节么？有的话你用的爽么？你在团队中推广过 Lint，但是大家都不买账？究竟是为啥？

咱们不搞一开始就一大堆理论知识介绍，怕把人讲懵了...... 咱们换一个思维方式——"从现象看本质"，先说说我们看到了什么，再从看到的现象中提出问题，最后深入寻找答案。

媒体查询这里存在一个边界值的问题，如果max-width和下一个min-width数值相等，那么就需要在min-width里面写样式覆盖掉max-width里面的，不然就会出现边界值的样式不是我们想要的那样子。如

到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。

本文偏入门&实践，从零开始配置 Webpack； 实际项目开发，零配置是不存在的。🚀 安装&快速开始快速初始化配置文件 package.json {代码...} 接下来将 webpack 添加到 package.json => devDependencies {代码...} 安装成功后，创建目录 src/index.js 并添加...