前端通过javaScript生成word文档，看这一篇文章就够了 一、成果展示 <<< ...

无任何外部依赖，纯javaScript实现图片添加水印，同时提供图片旋转任意角度的代码实现 一、效果展示 <template slot="code-scri ...

1、项目根目录创建文件：alias.config.js /** 本文件对项目无任何作用，仅作为 WebStorm 识别别名用 */ const path = require('path') const resolve = dir => path.join(__dirname, dir); module.exports = { resolve: { ...

警告 > > 如果你在开发一个库或多项目仓库 (monorepo)，请注意导入 CSS 是具有副作用的。请确保在 package.json 中移除 "sideEffects": false，否则 CSS 代码块会在生产环境构建时被 webpack 丢掉。 config.optimization.sideEffects(false) 会让 webpack 停止识别 package.json ...

在物联网项目中，前端想要使用mqtt接收设备或是平台的消息，可以使用MQTT.js 下面是 MQTT.js 提供的连接示例代码 const mqtt = require('mqtt') const client = mqtt.connect('mqtt://test.mosquitto.org') client.on('connect', function ...

// TODO ...

MiniCssExtractPlugin 提取 CSS 到单个文件 目前示例中webpack使用css方式： 1、css-loader：将js中的css内容解析 2、style-loader：最终将css样式通过``标签方式注入到页面中。 CSS内容还是存储在JS文件中。 MiniCssExtractPlugin 插件可以将CSS内容从打包结果中提取出来，存放到文件中。 ...

webpack.config.js module: { rules: [ { test: /\.css$/, use: [ 'style-loader', 'css-loader', 'postcss-lo ...

思路：将 state 声明在父组件中，然后通过在父组件中给子组件传递一个回调函数， 让子组件去调用该回调函数，并传入需要改变的参数。 最后有父组件执行该函数进行改变 state 。 class Father extends React.Component { state = { title: 'hello world' } ...

官方推荐：勿过度使用 Refs ，如果要使用，那尽可能不要使用字符串形式的ref ,因为可能带来性能的问题 一、字符串形式的 ref class Demo extends React.Component () { getInput = (c) => { console.log(this.refs.input.value) ...