当前位置: 首页 > news >正文

微信公众号 手机网站网站收录排名

微信公众号 手机网站,网站收录排名,中山网站开发招聘,北京网站建设华网天下科技react概览 课程介绍 webpack 构建依赖图->bundle 首屏渲染: 减少白屏等待时间 数据、结构、样式都返回。需要服务器的支持 性能优化 ***webpack干的事情 模块化开发 优势: 多人团队协作开发 可复用 单例:全局冲突 闭包 模块导入的顺序 req…

react概览

课程介绍

webpack

构建依赖图->bundle

首屏渲染:

减少白屏等待时间

数据、结构、样式都返回。需要服务器的支持

性能优化

***webpack干的事情

模块化开发

优势:

多人团队协作开发

可复用

单例:全局冲突

闭包

模块导入的顺序

require.js

优点:自身处理了模块依赖

缺点:前置导入,把所有的模块先导入,才能把函数执行。期望一个模块导入成功就可以做该模块做的事情。

node.js中的common.js

什么时候用什么时候导入

ES6

导出方式

export语法:

必须先声明再同时导出

或者导出一个对象,对象key的值是已经定义的变量;然后key与值命名相同。

export default语法

import语法

webpack配置启动

npm install webpack

全局有冲突问题,一般推荐是本地安装

打包原理

基础配置&强缓存

零配置下,less编译成css、图片、es6转es5都无法处理……

相对地址:./ 或 ../

绝对地址:用path模块。你电脑上的地址

hash:打包后的文件创建hash名。利于强缓存机制下资源更新。

HTML打包编译

还得把js导入进来

基础配置:

如js自动导入,并且加上defer

多入口/出口配置

*devServer

打包编译优化压缩,自己本地启动一个web服务,用本地服务先把开发东西预览。

作用:

*proxy

以前缀区分

CSS全套处理方案

less预编译成css,css兼容:css3加前缀-moz等,@import、url特殊语法导入外部资源,css打包单独成文件或内嵌……

css-loader 处理@import 和url

style-loader 加到head里

postcss-loader 兼容前缀

全局的css在入口中基于模块规范引入

*css兼容

  1. browserlist:配置浏览器的兼容列表。告诉他我们要兼容哪些浏览器

  1. postcss-loader做相关的配置
  2. 并且加入autoprefixer插件

合并压缩打包

*抽离css

抽离css。替换style-loader:css代码依然在js中,只是动态创建了style标签。

JS兼容与优化

webpack自己处理合并压缩打包,

我们要处理的是js的兼容性。

babel

  1. es6转换成es6

presets: @babel/preset-env

  1. 内置api

如对promise进行重写

include和exclude

图片处理

打包dist目录

转成base64。图片需要先发网络请求图片资源编码然后渲染(不需要网络请求也不需要编码)

我们希望webpack帮我们这件事情代码还是图片路径但是最后打包base64

如果加入loaderwebpack不会处理图片

举例2个场景

http://www.ritt.cn/news/12409.html

相关文章:

  • 动漫制作专业好吗沈阳高端关键词优化
  • 网站建设制作深圳百度指数大数据分享平台
  • 一个空间怎么做两个网站 跳转app推广文案
  • qq是哪个开发运营公司的网站seo重庆
  • b2b订货平台谷歌seo排名优化服务
  • 国内大型网站建设公司网络自动推广软件
  • 网站建设模范代码东莞网络营销渠道
  • 电商小程序平台优化内容
  • 橱柜衣柜做网站全网营销式网站
  • 网站建设模块北京seo外包平台
  • 如何在阿里网站做外单线下推广
  • 网站设计工作流程网站快速优化排名
  • 软件开发培训哪有seo黑帽培训骗局
  • 合肥网站建设sina怎么创建域名
  • 重庆网站制作公司重庆工程建设数字化管理平台
  • 手机网站底部代码邢台网站公司
  • 公司网站建设合同网络宣传的方法有哪些
  • 美国视频网站宽带费用营销型网站建设套餐
  • 房产中介 网站开发武汉seo工厂
  • wordpress支付宝微信收费吗seo网站优化推广费用
  • 可以做彩票广告的网站吗百度手机助手下载2022新版
  • cms网站搭建好了再怎么做网站服务器信息查询
  • 系统开发和网站开发青海seo技术培训
  • 顺德网站制作案例信息全网营销推广靠谱吗
  • 亚马逊网站建设评述百度官方网站登录
  • WordPress 聊天小工具青岛优化网站关键词
  • 沧州哪里做网站营销方法有哪些方式
  • 做房地产用什么网站好seo排名资源
  • bc网站怎么做支付网页设计制作网站素材
  • 个人站点的制作关键词搜索排名公司