俊采星驰

![tcp三次握手.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/aae7313b6c964c36896344f1009a594d~tp

1，html结构。使用‘contenteditable’创建可编辑区域，并设置一个按钮 2，上传图片。使用js监听文件输入框变化，获取用户选择的图片文件，并上传到服务器。 3，插入图片，上传成功后，插

import分包主要依赖构建工具，而不是特定脚手架。webpack提供了对import支持，从而实现了代码分割。 1，webpack支持import语法进行代码分割。通过import按需分割成多个文件

不是所有import都会分出一个单独文件，取决于你的构建工具，以及代码分割配置。 1，webpack：import被用于代码分割，通常会生成一个chunk。通常以数字或名称标识。运行时动态加载 当执行

1，按需引入组件：开发者将路由组件按照其路径进行拆分，并将每个组件放在单独文件中。 2，使用动态‘import’或特定框架的懒加载函数：每个组件打包成一个js文件 3，vue-router实现路由懒加

优点： 1，首次加载快 2，搜索引擎优化 seo 3，社交分享预览效果更好 缺点： 1，客户端交互查，依赖于客户端js执行 2，增加服务器负载。 ssr实现具体过程 1，服务器端路由设置。 2，获取数

将Canvas内容转为图片通常需要使用Canvas API提供的toDataURL方法，该方法将Canvas上的图像转换为DataURL（Base64编码的图像数据）。

将图片转换为Canvas通常需要使用JavaScript和HTML5的Canvas API。以下是一个简单的例子，演示如何从图片创建一个Canvas元素并绘制该图片：

上传文件漏洞防止： 1，检查上传文件扩展名白名单，不属于白名单，不允许上传 2，上传文件的目录必须时http请求无法直接访问到的，如果需要访问，必须上传到其他（和web服务器不同的）域名下，并设置该目