随笔分类 - web前端
摘要：严格约定：React 组件必须以大写字母开头，而 HTML 标签则必须是小写字母。 React JSX JSX 是由 React 推广的 JavaScript 语法扩展。 用于表达组件的 特殊语法的 js 函数 要求标签必须闭合；返回的组件必须包裹在一个父标签内； <>...</> 类似 vue 的
阅读全文
摘要：<link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less@4" ></script> 变量（Variables） 原生已支持 --前
阅读全文
摘要：GitHub 中文readmie PostCSS 中文网（建设中） PostCSS 不是样式预处理器 是 CSS 语法转换的工具，但不严格遵循css规范，只要符合css语法规则就可以被处理。这也让提前实现新提案成为可能。 使用 webpack 中使用 postcss-loader { module:
阅读全文
摘要：HTTP + TLS TLS 的前身是 SSL 非对称加密的核心： 两个密钥（公私） https 需要第三方CA（证书授权中心）申请SSL证书以确定其真实性 证书种包含了特定的公钥和私钥 密钥交换 自己将私钥上锁后发给对方对方也上锁 在还回来让自解锁自己再把带有对方锁的私钥 发过去 这样对方就可以获
阅读全文
摘要：MIME 为数据格式标签；最初 MIME 是用于电子邮件系统的，后来 HTTP 也采用了这一方案。 在HTTP协议消息头中，使用Content-Type来表示请求和响应中的媒体类型信息。 Content-Type：type/subtype ;parameter type 主类型，任意的字符串，如te
阅读全文
摘要：好文链接 覆盖action的默认请求行为是必要的 http-request，自定义上传方法 Content-Type 设置成 form-data Content-Type: multipart/form-data; boundary WebKitFormBoundaryBicOUjQSEgA1dSB
阅读全文
摘要：蛋老师视频 SYN 同步 ACK 确认 FIN 结束 核心机制是确定哪些请求或响应需要丢弃 SYN、ACK、FIN 通过 1/0 设置开启/关闭 开启SYN后，报文中会随机生成 Sequence序号 用于校验 （应用可能发起多个会话，可以区分） 服务器的同步序号 通常通过一定运算得到，而不进行缓存。
阅读全文
摘要：反向代理负载均衡动静分离 架构的核心思想——分层 VPN 正向代理 Nginx 内存占用小，支持5万的高并发 启动需要英文目录 linux 中 解压执行 configure 文件未报错 执行 make 、make installwhereis nginx 找到安装目录sbin 下可启动 nginx；
阅读全文
摘要：文档 js 日期库 拥有极小的体积 Dayjs对象是不可变的，所有的 API 操作都将返回一个新的 Dayjs 对象。 在设计上 Day.js 的 getter 和 setter 使用了相同的 API，也就是说，不传参数调用方法即为 getter，调用并传入参数为 setter。 npm insta
阅读全文
摘要：参考文章 参考文章 参考文章 主要特点： 视频切片自适应比特流（自动切换分辨率） RTMP Real Time Messaging Protocol 基于flash 不使用标准的 HTTP 接口传输数据，存在防火墙拦截问题 标准http接口传输数据还可以方便部署CDN HLS HTTP Live S
阅读全文
摘要：fetch('url', config) api 特点 非2** 时 resolve.ok false网络故障时或请求被阻止时，才为 reject默认不会发送跨域 cookie 解决了什么问题？ ajax 需要手动维护回调函数 fetch 全线基于promise 带来了什么便利？ Premise 本
阅读全文
摘要：MDN WebSocket 阮一峰 websocket 构造实例 new WebSocket(url [, protocols]) // url 协议标识符是 ws（如果加密，则为 wss） 实例属性 binaryType: blob / arraybuffer" onopen 连接成功后的回调函数
阅读全文
摘要：安装 npm install xlsx 使用 官网说明 import XLSX from 'xlsx' const workbook = XLSX.readFile('someExcel.xlsx', opts); // 获取 Excel 中所有表名 const sheetNames = workb
阅读全文
摘要：明确受众，明确关注信息 考虑受众理解方式，阅读习惯； 关注点提炼，浏览符合心流 考虑大屏载体 较差的屏幕会有色差问题 屏幕分辨率不高时，要考虑字体大小有辨识度 如果在多种屏幕上展示，要做适应优化 如果是拼接屏幕，信息要避开黑线 确定大屏的类型 战略追踪：过去现在未来，目标实现情况 监控操作：带有一定
阅读全文
摘要：ts 是 js 的超集 中文文档 保留字 break as catch switch case if throw else var number string get module/namespace type instanceof typeof public private enum export
阅读全文
摘要：webpack 官方文档 英文原文配置更新 配置文件 webpack.config.js 命令 webpack-cli 核心概念 entry 规定入口文件，一个或者多个output 规定输出文件的位置及命名规则 只有一个出口 path filenameloader 各个类型模块的转换工具 （对应配置
阅读全文
摘要：菜鸟教程 参考笔记 发展历程 蛋老师视频 HTTP1.1 特点：一次一份，默认持久链接（keep-alive），管线化技术 存在的问题： http 队头阻塞浏览器限制连接数管线化技术要求有序传递 实施层面的和科技 将小文件合并为一个 如 雪碧图（精灵图）的诞生 图片base64编码 js、css 插
阅读全文
摘要：参考博客 MDN Web Storage API HTTP Cookie Web Storage API 大小限制 各个浏览器限定不同 2.5M-5M-10M 甚至 50M 检查浏览器是否支持DOM存储 function storageSupport() { try { return 'localS
阅读全文
摘要：官方文档 引入 echarts npm install echarts --save 项目使用 可在官网示例中进行编辑，查看完整代码选择按需加载；也可在控制台查看相关警告进行追加。 注意：MarkLineComponent 未加载不会有出错提示 初始化 import * as echarts fro
阅读全文
摘要：参考博客 简练总结 项目名 小写中划线文件夹 小驼峰文件 小写下划线class/id 小写中划线变量函数 小驼峰常量 大写Vue组件 大驼峰 格式化规范推荐使用Vscode 采用相同的配置，保证格式化统一。项目的格式化遵循eslintrc.js中规定的规则；HTML和CSS的格式化与主流保持一致。
阅读全文
