墨轩

npm 命令nrm 命令nvm 命令package.json 文件package-lock.json 文件.nrmrc 文件.npmignore 文件发布 npm 包初始化项目1234mkdir publish-npmcd publish-npmnpm init -ygit init 构建项目目录创建入口文件。作为npm包的入口文件 创建README.md文件 创建CHANGELOG.md文件。用于版本更新描述 创建LICENSE文件 创建.npmognore文件。表示发布项目时忽略哪些文件和文件夹，缩小包的体积 创建.gitognore文件。表示将代码提交到git仓库时忽略哪些文件和文件夹 编写 package.json 文件只说明一些重要的属性 1 本地测试在正式发布前，需要在本地测试一下包的功能是否正常 1npm link 1npm link publish-npm 发布到 npm登录 npm 账号依次填写用户名、密码和邮箱 1npm login 发布1npm publish

组件生命周期diff 算法

目的学习如何完整的开发一个视频组件 功能开发一个支持以下功能的视频组件 自定义视频control组件 支持pc端和移动端，开发两套组件 支持键盘操作** 空格 => 暂停和播放 左右键 => 快进和回退 上下键 => 调节音量 ß **支持弹幕相关操作****ßß 弹幕开关 ß 展示弹幕的面板 支持全屏 网页全屏 屏幕全屏 双击进入/退出全屏 音量调节 倍速调节 调节视频进度 拖动进度条滑块进行调节 点击进度条进行调节 鼠标 hover 进度条显示当前位置的时间 支持直播功能 示例1234567891011121314151617181920212223242526272829303132333435363738<template> <video-player :src="'https://1251316161.vod2.myqcloud.com/007a649dvodcq1251316161/aaea48415285890816071408130/ckc0XDawqmgA.mp4'&qu ...

前言功能实现

背景为什么需要缓存 减少请求服务器次数，提升用户体验 缓存过程分析 浏览器向服务器发起请求，首先会去检查浏览器是否有缓存（第一次请求不存在缓存，但还是要检查才知道），如果存在并且生效则直接使用（强缓存），如果存在不生效则需要进行协商缓存，经服务器判断缓存生效，则直接使用缓存，不生效需要重新向服务器请求资源，拿到新的资源后重新存入浏览器缓存． 服务器会在响应头中设置缓存规则（强缓存和协商缓存），还会携带浏览器请求的资源 浏览器收到响应之后，会根据缓存规则将资源存储起来（内存存储和硬盘存储）。 如果缓存没过期，下次请求会直接使用缓存 强缓存强缓存就是向浏览器查找当前请求资源的缓存，并根据找到的缓存结果的规则来决定是否使用（是否已过期）该缓存的一个过程，总共会有三种情况 第一种。不存在缓存标识和结果，强缓存失败，直接向服务器请求资源 第二种。存在缓存结果和标识，但是该结果已经失效，强缓存失败，向服务器请求资源 第三种。存在缓存结果和标识并且有效，强缓存生效，使用缓存作为资源，不向服务器请求资源 expires expires是HTTP1.0控制网页缓存的字段，其值为服务器返回的 ...