今日复盘11-1
今天写了一个webpack小练习。

工作中遇到的技术问题:
1、如何创建一个工程化项目?
解决:
(1)初始化工工程`npm init`
(2)配置package.json
"scripts": {
"dev": "webpack --mode=development",
"build": "webpack --mode=production"
},
(3)安装webpack`npm i -D webpack webpack-cli`
(4)打包`npm run dev`
(5)在dist里创建一个index.html,最终运行这个页面
(6)在src文件夹里写页面、写方法
创建util(工具)文件,里面导出一个方法,判断一个数是否是素数
创建page文件,里面导出方法,生成页面、注册事件
index.js导入事件方法
(7)打包`npm run dev`
(8)运行dist目录下的index.html
(9) "dev": "webpack --mode=development --watch"
监控文件变化:src目录下的文件只要一变化,自动进行打包,不需要手动输入命令

2、getComputedStyle(div).left
只要读取某个元素的位置或尺寸信息,则会导致浏览器reflow(重新渲染)

情绪问题:
平常心

学到了什么:
创建工程化项目到运行这个项目的流程。
展开
1