剑啸易水寒丶

摘要： 一、HLS协议： HTTP Live Streaming（缩写是HLS）是一个由苹果公司提出的基于HTTP的流媒体网络传输协议。是苹果公司QuickTime X和iPhone软件系统的一部分。它的工作原理是把整个流分成一个个小的基于HTTP的文件来下载，每次只下载一些。当媒体流正在播放时，客户端可以 阅读全文

摘要： 场景： 在不使用各种UI组件的情况下，自己敲写一个盒子或者弹窗 功能： 实现点击盒子外任意位置关闭当前盒子，点击盒子内任意位置不关闭当前盒子 这里介绍一个简单实用的JS方法 contains() contains()，js原生方法，用于判断DOM元素的包含关系； 需要注意的是：它以HTMLEleme 阅读全文

摘要： 字符串获取变量值，通常是将字符串转换为对象的key值，从而获取变量值， 示例： let obj = { num: 1 } let str = 'num' console.log(obj['num']) // 1 如果不将变量num装进对象数组里的话，怎么由字符串"num"获取对应变量num的值呢？ 阅读全文

摘要： 官网：https://zh-hans.reactjs.org/docs/hooks-state.html#gatsby-focus-wrapper Hook 是什么？ Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特 阅读全文

摘要： 官网：https://www.reduxjs.cn/ Redux 是针对 JavaScript 应用程序的可预测状态容器。 解决项目数据管理、组件通信，用于数据和交互较多的应用 一、安装 cnpm install redux --save 二、创建Store Store 就是用来维持应用所有的 st 阅读全文

摘要： 官网：https://reactrouter.com/web/guides/quick-start 一、安装 cnpm i react-router-dom -S 二、引入 hash模式 // 使用<Router>包裹组件 import { HashRouter as Router } from ' 阅读全文

摘要： 官网：https://zh-hans.reactjs.org/ 一、创建项目 （第一行的 npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具） npx create-react-app my-app cd my-app npm start 二、文件结构 node_m 阅读全文

摘要： 1.<a>标签 <a> 标签定义超链接，用于从一张页面链接到另一张页面。<a> 元素最重要的属性是 href 属性，它指示链接的目标。HTML5 提供了一些新属性，其中有一个download属性挺有意思的，有了这个属性我们就可以用<a>标签实现文件的下载了。 <!-- href指示文件路径，down 阅读全文

摘要： 参考： 官网：https://webpack.js.org/guides/getting-started/ 原文：https://segmentfault.com/a/1190000021395777 本文demo（webpack5）：https://gitee.com/open_-_code/we 阅读全文

摘要： 在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。 一、防抖 // 防抖：短时间连续触发时，时间期限 阅读全文