小菜菜

摘要： 寻找项目中未使用资源 unused-webpack-plugin 它能够根据webpack的统计信息，查找出项目中未使用的资源，包含图片、js、css、html等资源，在项目重构是很有用 效果图： 使用方式： webpack.dev.config.js const UnusedWebpackPlug 阅读全文

摘要： 场景1 新建组件Page1与Page2，两个组件的根节点className设置为一样 目录结构如下： ​ src/pages/page1/index.js import React from 'react' import './index.css' function Page1() { return 阅读全文

摘要： 最近项目组里来了个新人，电脑node版本10.2...前端项目采用webpack5构建，启动前端项目时，一直存在报错 错误详情： ERROR in Error: require(...).pathToFileURL is not a function - index.html:93 /Users/z 阅读全文

摘要： 最近在做前端打包发布平台，需要在每次发布完成之后将构建信息发布到钉钉群里，后面就想到在Jenkins中接入钉钉通知，来实现相关功能 钉钉新建群聊，在群里添加机器人 桌面端钉钉发起群聊，点击群设置，智能群助手 机器人管理-添加机器人-自定义机器人 自定义机器人-添加-填写机器人相关信息 安全设置根据自 阅读全文

摘要： 项目开发部署流程 创建项目开发 开发完成后，对项目进行打包 上传打包文件到服务器指定目录 配置nginx进行转发即可 以react项目为例 创建项目 // 通过create-react-app来创建一个react项目 npx create-react-app my-app 打包 // 项目打包，生成 阅读全文

摘要： css modules与antd一起使用时，antd样式不生效解决方案 最近在做历史项目的依赖升级，历史依赖版本： "react": "^15.5.4", "react-dom": "^15.5.4", "antd": "^2.10.1", "autoprefixer": "6.7.2", "bab 阅读全文

摘要： 浅谈JavaScript中call与apply的模拟实现 call call()方法是使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法 语法： function.call(thisArg, arg1, arg2, ...) thisArg可选，非严格模式下，当值为null或者u 阅读全文

摘要： 闭包 什么是闭包 闭包其实就是一个可以访问其它函数内部变量的函数 从技术的角度讲，所有的JavaScript函数都是闭包：它们都是对象，它们都关联到作用域链 当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行 function foo() { var name 阅读全文

摘要： JavaScript作用域 什么是作用域 JavaScriptt的作用域通俗的将，就是指变量能够被访问到的范围 作用域是用来确定在何处以及如何查找变量/标识符的规则 作用域就是查找变量的地方 作用域分类 全局作用域 全局作用域是挂载在window对象下的，在任何位置都可以访问到 直接被赋值的变量默认 阅读全文

摘要： 事件捕获 事件捕获中，父级元素先触发，子集元素后触发 事件会从最外层开始，直到具体的元素，比如click的捕获过程document->html->body->div->p 事件冒泡 事件冒泡时，子元素先出发，父级元素后触发 元素自身事件被触发后，如果父元素有相同的事件，那么元素本身的触发状态就会传递 阅读全文