七大管理工具
2019-12-03 17:49:26 0 举报AI智能生成
前端项目架构
作者其他创作
大纲/内容
<b><font color="#002000" size="4">vue vuex</font></b>
module.exports
<font color="#002000" size="3">入口出口文件配置，</font>
<span style='color: rgb(255, 0, 0); font-family: "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; font-size: 16px; line-height: 25.6px; text-align: justify; widows: 1;'>npm install</span>
<font color="#002000" size="3">启动配置</font>
<span style="color: rgb(62, 62, 62); font-size: 16px; text-align: justify; widows: 1;">自动配置应用文件</span>
<font color="#005500" face='"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif' size="3">npm start</font>
降文件启动命令npm run dev压缩命令
<font color="#b03200" size="3">减少命令输入</font>
<span style='color: rgb(255, 0, 0); font-family: "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; font-size: 16px; line-height: 25.6px; text-align: justify; widows: 1;'>npm run build</span>
<span style="color: rgb(62, 62, 62); font-size: 16px; line-height: 25.6px; text-align: justify; widows: 1;">绩效指标是实实在在的</span>
<span style="color: rgb(62, 62, 62); font-size: 16px; text-align: justify; widows: 1;">项目文件打包</span>
<b><font color="#002000" size="4">后台服务</font></b>
数据结构
<font color="#002000" face='"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif' size="3">arraylist</font>
<span style='margin: 0px; padding: 0px; max-width: 100%; color: rgb(62, 62, 62); font-family: "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; font-size: 16px; line-height: 1.6; text-align: justify; widows: 1; box-sizing: border-box !important; word-wrap: break-word !important;'>vector</span>
<span style='color: rgb(62, 62, 62); font-family: "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; font-size: 16px; text-align: justify; widows: 1;'>linkedList</span>
<span style='color: rgb(255, 0, 0); font-family: "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; font-size: 16px; line-height: 25.6px; text-align: justify; widows: 1;'>hashmap</span>
<font color="#002000" face='"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif' size="3">高性能</font>
<font color="#002000" face='"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif' size="3">hash参数</font><br>
<font color="#002000" face='"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif' size="3">容量参数</font>
<font color="#005500" face='"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif' size="3">优化集合访问</font>
<font color="#002000" face='"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif' size="3">省略相同的操作</font>
<font color="#002000" face='"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif' size="3">减少方法调用</font><br>
<font color="#002000" face='"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif' size="3">分离重复调用的方法</font>
<font color="#005500" face='"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif' size="3">randomaccess</font><br>
<font color="#002000" face='"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif' size="3">接口标志</font>
<strong style="margin: 0px; padding: 0px; max-width: 100%; color: rgb(62, 62, 62); font-size: 18px; line-height: 25.6px; widows: 1; box-sizing: border-box !important; word-wrap: break-word !important;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important; text-align: justify; color: inherit;" data-brushtype="text">webpack</span></strong>
resolve
<span style='color: rgb(255, 0, 0); font-family: "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; font-size: 16px; line-height: 25.6px; text-align: justify; widows: 1;'><span style="color: rgb(62, 62, 62); font-family: 微软雅黑; text-align: left;">优势解析转化</span></span>
rules
规则配置
loader
<div style="widows: 1;"><font color="#002000" size="3">应用lodaer</font></div><br>
plugins
<div style="widows: 1;"><font color="#002000" size="3">插件应用配置</font></div>
<strong style="margin: 0px; padding: 0px; max-width: 100%; color: rgb(62, 62, 62); font-size: 18px; line-height: 25.6px; widows: 1; box-sizing: border-box !important; word-wrap: break-word !important;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important; text-align: justify; color: inherit;" data-brushtype="text">Nginx</span></strong>
<span style="color: rgb(255, 0, 0); font-size: 16px; line-height: 25.6px; widows: 1;">config</span>
<div style="widows: 1;"><font color="#3e3e3e"><span style="font-size: 16px;">代理配置</span></font></div>
proxyTable
<div style="widows: 1;"><font color="#3e3e3e"><span style="font-size: 16px;">项目跨域配置</span></font></div>
target
<div style="widows: 1;"><font color="#3e3e3e"><span style="font-size: 16px;">指向服务</span></font></div>
pathRewrite
<div style="widows: 1;"><font color="#002000" size="3">代理path</font></div>
<b><font color="#002000" size="4">动画图形</font></b>
<font color="#005500" size="3">webgl</font>
<div style="widows: 1;"><font color="#3e3e3e"><span style="font-size: 16px;">3d图形</span></font></div>
<span style="color: rgb(62, 62, 62); font-size: 16px; widows: 1;">2d图形</span>
<font color="#005500" face='"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif' size="3">canvas</font>
<div style="widows: 1;"><font color="#3e3e3e"><span style="font-size: 16px;">canvas图形</span></font></div>
<span style='color: rgb(255, 0, 0); font-family: "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; font-size: 16px; line-height: 25.6px; text-align: justify; widows: 1;'>svg</span>
<div style="widows: 1;"><font color="#002000" size="3">svg路径</font></div>
<span style="color: rgb(62, 62, 62); font-size: 16px; widows: 1;">svg动画</span>
<font color="#005500" face='"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif' size="3">echart</font>
<div style="widows: 1;"><font color="#002000" size="3">地图处理</font></div>
<span style="color: rgb(62, 62, 62); font-size: 16px; widows: 1;">图形处理</span>
<font color="#005500" face='"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif' size="3">scale</font>
<div style="widows: 1;"><font color="#3e3e3e"><span style="font-size: 16px;">html缩放</span></font></div>
<font color="#005500" face='"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif' size="3">setinterval</font>
<div style="widows: 1;"><font color="#3e3e3e"><span style="font-size: 16px;">定时器</span></font></div>
transform
<div style="widows: 1;"><font color="#002000" size="3">动画</font></div>
0 条评论
下一页
