-
H5视频弹幕查看全部
-
H5视频弹幕查看全部
-
H5直播实现查看全部
-
亏空我查看全部
-
刚刚回家发广告查看全部
-
增量更新查看全部
-
dzzz查看全部
-
直播demo github查看全部
-
webpack的手段 1.cdn & hash web pack能设置哪些cdn 1.cdn of js/img => output.publicPath 2.cdn of css => extract-text-webpack-plugin 为什么给静态资源加hash 1.避免覆盖旧文件 2.回滚方便，只需要回滚html 3.由于文件名唯一，可开启服务器永久缓存 hash基本概念 1.hash 2.chunkhash 3.contenthash (extract-text-webpack-plugin) 使你的chunk根据内容生成md5 web pack-md5-hash 拆包 require require.ensure router 离线包与提取公共包 离线包大影响下载／更新速度 1.entry chunk new webpack.optimize.CommonsChunkPlugin({ name: ‘commons’, filename: ‘commons.js’, chunks: [‘js/index’, “js/spa”], }) 2.Explicit vendor chunk 3.将被拆包公共部份提取到common chunk中 4.同3，但将公共部份提到单独的文件中 带来问题： 1.包含动态加载chunk, 导致hash频繁变化 chunk-manifest-webpack-plugin 2.增量更新，commonchunk与chunk中module id 对应不上 recordsPath, recordsInputPath, recordsOutputPath webpack2.0 tree-shaking 就是把没用的代码，从代码里摇走 code split system.import 返回promise 捕获加载error 2.减少首屏包大小 3.减少总体包大小查看全部
-
web pack提高构建速度 1.将大型库外链 External 2.将库预编译 DllPlugin 动态链接库，即事先将包打好，再引用 noParse 将部分库预先编译好为es5 PrefetchPlugin stats-webpack-plugin 3.减少构建搜索或编译路径 resolve.alias 绝对路径 resolve.unsafeCache 保存搜索过的路径，下次启动编译，不再搜索。 慎用： 1.resolve.root 2.resolve.modulesDirectory 3.resolve.fallback 4.缓存 babel-loader { test: /\.js$/, loader: ‘babel, query: { cacheDirectory: ‘./wabpack-cache/’, } } 5.并行 happy pack new HappyPack({ id: ‘jshappy’, loaders: [ { test: /\.js$/, loader: ‘babel, query: { cacheDirectory: ‘./wabpack-cache/’, } } ] }) css (用不了extract-text-webpack-plugin) 代码丑化 66s webpack.optimize.UglifyJsPlugin 19.5 webpack-uglify-parallel 思考： 热刷新／热替换 1.自建server 自建server有什么好处 场景：产品找你配置代理体验 proxy-middleware 2.React-hot-loader 3.HotModuleReplacementPlugin 哪些方法提升开发体验 区分开发环境与生产环境查看全部
-
自建server查看全部
-
HTTP/2查看全部
-
推流服务器查看全部
-
视频打开耗时的优化点 1.优化直播页业务逻辑 2.精简资源加载，减少和延迟加载非直播逻辑的资源； 3.直播页直出查看全部
-
移动直播性能指标 1.视频首屏耗时 2.直播视频的延迟 3.直播页面的交互性能查看全部
举报
0/150
提交
取消