一、webpack 打包优化:
1、网络优化: 减少Http请求、压缩静态资源文件、使用浏览器的长缓存使应用的流i量变得更小加载速度更快
二、
一、前端的价值:1、搭建前端工程:数据缓存、es6和less(可以加快开发效率)。2、网络优化:http(所有静态资源都是通过http请求的)。3、api定制。4、node.js层。二、vue-cli生成的项目就是基于webpack的前端工程。
前端价值
前端的价值
一、前端的价值:
1、搭建前端工程:数据缓存、es6和less(可以加快开发效率)。
2、网络优化:http(所有静态资源都是通过http请求的)。
3、api定制。
4、node.js层。
二、vue-cli生成的项目就是基于webpack的前端工程。
网络优化:
减少http请求
压缩静态资源文件
使用浏览器强缓存使浏览器的流量变更小、加载速度更快
重点难点不是业务开发、性能要求并不是很高,不会做在线ps一样的应用
最重要的是前端工程化的问题。
webpack
vue
# 前度的价值
搭建前端工程
网络优化
api定制
node js
前端的价值
网络优化:
减少http请求
压缩静态资源文件
使用浏览器强缓存使浏览器的流量变更小、加载速度更快
重点难点不是业务开发、性能要求并不是很高,不会做在线ps一样的应用
最重要的是前端工程化的问题。
vue-项目如何去定制?
网络优化:
减少http请求
压缩静态资源文件
使用浏览器强缓存使浏览器的流量变更小、加载速度更快
重点难点不是业务开发、性能要求并不是很高,不会做在线ps一样的应用
最重要的是前端工程化的问题。
搭建前端工程
前端什么?
1、减少http请求(网络优化)
2、压缩静态资源文件
3、使用浏览器的长缓存
这些都可以用webpack进行优化
webpack等工具都是在node环境里面运行的
前端的价值:
1、搭建前端工程:数据缓存、es6和less(可以加快开发效率)。
2、网络优化:http(所有静态资源都是通过http请求的)。
3、api定制。
4、node.js层。
vue-cli生成的项目就是基于webpack的前端工程。
一、前端的价值:
1、搭建前端工程:数据缓存、es6和less(可以加快开发效率)。
2、网络优化:http(所有静态资源都是通过http请求的)。
3、api定制。
4、node.js层。
二、vue-cli生成的项目就是基于webpack的前端工程。
一、前端的价值:
1、搭建前端工程:数据缓存、es6和less(可以加快开发效率)。
2、网络优化:http(所有静态资源都是通过http请求的)。
3、api定制。
4、node.js层。
二、vue-cli生成的项目就是基于webpack的前端工程。
前端的价值
* 搭建前端工程
* 网络优化
* API定制
* nodejs 层
为什么需要前端工程?
因为我们会用到LES,ES6等以提升我们的开发效率,但是这些工具又不能直接被浏览器识别。所以需要找到一个平衡点!
前端工程
webpack
vue
--------------------------------------------------------------------------
配置开发时前端工程
实现一个简单的TODO应用
优化配置达到上线标准
--------------------------------------------------------------------------
搭建前端工程
网络优化
-- 加快HTTP请求速度
-- 缓存HTTP请求
API定制
-- 前后端分离
-- API请求
-- 与后端交流,理解后端API是如何实现的
node层
-- 使用node做请求转发和处理
vue-cli生成的项目是基于webpack的工程
前端上线网络优化:减少http请求、压缩静态资源文件、利用浏览器长缓存使应用流量变得更小加载速度变得更快
http理解、加快http请求速度,缓存http请求
前端的价值:
搭建前端工程
网络优化
API定制
nodejs层