全玉 - 博客园

2020年4月6日

摘要：判断是否同一天： isSameDay(timeStampA, timeStampB) { let dateA = new Date(timeStampA); let dateB = new Date(timeStampB); return (dateA.setHours(0, 0, 0, 0) = 阅读全文

posted @ 2020-04-06 14:45 全玉阅读(2350) 评论(0) 推荐(0)

flex速记总结

摘要： 1. flex容器属性6个 flex-direction: 主轴方向flex-wrap: 换行方式flex-flow: <flex-direction> <flex-wrap> 简写justfiy-content: 主轴对齐方式align-items: 纵轴对齐方式align-content: 多主阅读全文

posted @ 2020-04-06 14:22 全玉阅读(350) 评论(0) 推荐(0)

2020年4月5日

react-router v4 参数传递

摘要： react-router v4 参数传递有3中方式，分别是params，query 和 state。 1. params（路径参数） parrams的传递要在路由配置上添加参数，是路由路径的一部分，在斜杠后面写参数，就是路径参数。 //路由表 <Route path='/user/:id ' com 阅读全文

posted @ 2020-04-05 22:01 全玉阅读(1701) 评论(0) 推荐(0)

link标签rel="alternate"属性的作用及用法

摘要： 1. 可用于将PC版页面指向移动版页面，将移动版页面指向PC版页面，这样有利于搜索引擎，对不同设备的用户提供不同类型的页面 PC版本页面head应添加 <link rel="alternate" media="only screen and (max-width:640px)" href="http 阅读全文

posted @ 2020-04-05 17:54 全玉阅读(6975) 评论(0) 推荐(0)

script的crossorigin开启获取详细报错信息

摘要： script不加crossorigin，在页面报错，只能看到script error这个错误，无详细信息，添加了crossorigin之后，服务端同时配置Access-Control-Allow-Origin，就可以获取详细错误消息阅读全文

posted @ 2020-04-05 17:33 全玉阅读(368) 评论(0) 推荐(0)

2020年3月29日

webpack长缓存优化

摘要： 1. 文件不随编译变化文件hash不使用[hash]，而使用[chunkhash]，使得文件只随着内容变化，不随着编译变化，[hash]是每次编译都变化一次 2. css文件不受js模块变化影响 css文件hash使用contenthash，这样不受js模块变化影响 3. 提取vendor 公共库阅读全文

posted @ 2020-03-29 22:32 全玉阅读(1090) 评论(0) 推荐(0)

webpack-dev-server多入口访问路由要加html后缀

摘要： webpack打包多入口页面时，访问非index页面，要加上文件名后缀，否则访问不到。在dist文件部署上去之后，可以通过配置nginx的路由，来省略文件名后缀。在开发模式，使用webpack-dev-server时候，若打包生成index.html和login.html, 访问login.ht 阅读全文

posted @ 2020-03-29 16:40 全玉阅读(1371) 评论(0) 推荐(0)

webpack bundle.js的格式

摘要： 1. 整个bundle.js打包后，是一个匿名自执行函数，参数是一个数组。 2. 数组每一项都是一个function，function的内容就是每个模块的内容，并按照require的顺序排列。 3. webpack的每个模块都有一个唯一的id，是从0开始递增的，其他模块通过id来引用该模块具体形式阅读全文

posted @ 2020-03-29 15:29 全玉阅读(652) 评论(0) 推荐(0)

实时通信(real-time)几种方式

摘要： 1. ajax轮询定时发送ajax请求2. ajax长轮询发送ajax请求后，服务端不返回，直到有消息或超时，客户再次重新建立ajax请求3. WebSocket 在TCP连接上的全双工通信协议，需要单独的websocket服务器4. SSE server-sent-event，也叫events 阅读全文

posted @ 2020-03-29 00:42 全玉阅读(1057) 评论(0) 推荐(0)

webpack基本概念、打包流程和热更新原理

摘要： webpack核心概念 entry: 编译入口module: 模块，在 webpack 中，一切皆为模块，一个模块对应一个文件Chunk: 代码块，一个 chunk 由多个模块组合而成，用于代码的合并与分割Loader: 模块转换器，将非js模块转化为webpack能识别的js模块Plugin: 扩阅读全文

posted @ 2020-03-29 00:16 全玉阅读(2522) 评论(0) 推荐(0)

全玉金生

公告