随笔分类 - 前端
摘要：请求 视频地址 和 M3U8 地址 的时候，http 请求中会带上自定义的请求头 // 全局拦截器 videojs.Vhs.xhr.beforeRequest = function (options: any) { let headers = options.headers || {}; heade
阅读全文
摘要：Module 模块 export：导出模块 point.ts 文件的内容（导出） interface IPoint{ num:number printNum:() => void; } // 关键字 export 导出模块 export class Point implements IPoint{
阅读全文
摘要：Access Modifier 访问修饰符 public：默认都为公开的 public interface IPoint{ x:number; y:number; drawoPoint:() => void; getDistances:(p:IPoint) => number; } class Po
阅读全文
摘要：Generics 泛型 相当于一个模板，往里面填充什么类型，就是什么类型的数据 // 参数前用 <> 声明泛型 let lastInArray = <T>(arr: T[]) => { return arr[arr.length -1]; } const l1 = lastInArray([1,2,
阅读全文
摘要：object 对象类型 不是 key - value 的形式 而是 key - type 的形式 let person = { age: 18, name: 'three zeros' } // 赋值类型与定义时的类型不同时，会报错 person.age = '22' // 使用不存在的属性，会报错
阅读全文
摘要：声明变量的关键字 let const var（官方不推荐再继续使用） TypeScript 的类型 基础类型 number string boolean array null undefined object tuple enum void never any 高级类型（部分） union 组合类型
阅读全文
摘要：TypeScript 是 JavaScript 的超集 TypeScript 无法直接在浏览器环境中运行 安装 需要 nodejs 环境 npm install -g typescript 将 ts 编译为 js tsc fileName.ts TypeScript 工作流 编写完 ts 将 ts
阅读全文
摘要：Ajax简介 一门异步的加载技术，局部刷新 异步加载，可以在不重载整个网页的前提下，进行局部刷新 分为原生和JQ两种 JSON数据格式 Json对象转字符串： JSON.stringify() 字符串转Json对象：JSON.parse() <script type="text/javascript
阅读全文
摘要：JQ与JS JQ是JS写的插件库，就是一个JS文件 凡是用JQ能实现的，JS都能实现，JS能实现的，JQ不一定能实现 引入 BootCDN：https://www.bootcdn.cn/jquery/ 本地文件引入：<script src="js/jq.js"></script> 在线引入：<scr
阅读全文
摘要：Math对象 开平方：sqrt 绝对值：abs π：PI x的y次方：pow 四舍五入取整：round 向下取整：floor 向上取整：ceil 最大值：max 最小值： min 随机数：random var br = "<br>"; document.write(Math.sqrt(9) + br
阅读全文
摘要：操作符 算术运算符：+ 、 、 、 / 、 %、++、 赋值运算符：= 、+=、 =、 =、/=、%= 比较运算符： 、 =、 流程控制 以下在进行判断的时候为假 0 null undefined NaN "" 空字符串 false if else switch 循环 for循环 while循环 d
阅读全文
摘要：基本使用 写在Script 标签里 引入外部js文件：<script src=" "></script> console.log(" ") 方法用于在控制台输出信息 注意事项 严格区大小写 每一行完整语句后面加分号 变量名不能使用关键字和保留字 代码要缩进，保持可读性 修改元素内容 获取元素 通过i
阅读全文
摘要：盒子模型 边框：border 左边框：border-left 右边框：border-right 上边框：border-top 下边框：border-bottom 复合样式：border 边框颜色：border-color 边框宽度：border-width 边框样式：border-style 实线：
阅读全文
摘要：CSS的基本使用 直接写在标签内 <p style="color: red; font-size: 40px;">段落</p> 写在 style 标签内 <style type="text/css"> span{ color: aquamarine; } </style> 使用外部 .css 文件
阅读全文
摘要：注释 <!-- 注释内容 --> 标签使用样式 开始标签<a > 标签体 </a>结束标签 自闭合标签，eg：<br>,<hr>,<input><img> 标签属性 通常为键值对形式出现，eg：color=“red” id = ‘new’ 属性只能出现在开始标签和自闭合标签内 属性名字全部小写，属性
阅读全文
