少年呀-CSDN博客

原创 vue3-qq音乐

最近学习vue3，利用qq音乐作为原型，做了一个pc端播放器；目前已完成：登录-首页-歌手-播放页；常见的歌词滚动，进度条跟进已完成；首页-新碟首页，跳转到播放页能够播放，其它模块暂未处理代码后续会持续更新~线上地址：http://82.157.137.75:3333/#/码云地址：https://gitee.com/China-Htf/vue3-qqmusic.git...

2022-01-15 17:24:36 280

以下重载有什么问题吗？进入不到第二个签名type Filter = { (array: number[], f: (item: number) => boolean): number[] (array: string[], f: (item: string) => boolean): string[]}let filter: Filter = (array, f) => { let result = [] for(let i = 0; i < array.le

2021-12-20 22:24:11 253

原创 2021-12-17：类型浅谈

any any 可赋值任何类型，同时相当于被 TS 抛弃，传值不会进行类型检测，尽量避免使用该属性 let a: any = 1; let b: number = 2; a = '1'以上赋值为合法，TS不会进行检测unknown 特殊情况下，我们不知道该变量准确类型该怎么办？此时 TS 提供 unknown 让开发者使用，与 any 相同，可赋值任何类型，不同之处 TS 对unknown类型进行检测 let a: unknown = 1; let b: number

2021-12-17 20:24:38 508

原创 2021-12-17：TypeScript简述

什么是TS TypeScript(下文简称TS)在JavaScript(下文简称JS)基础上，扩展了静态类型，新增类型检测，编译器阶段就可以发现常见错误。TS解决的问题 JS是一门弱类型语言，定义变量时无需声明类型，对变量进行操作会发生如下错误 let a = 1; let b = 2; a = '1'; let c = a + b; console.log(c); // => 12此时看到 C 输出值为 12，不是我们想要的 3。a 刚开始为数字类型，后来赋值的时

2021-12-17 20:23:30 90

原创在浏览器输入URL回车之后发生了什么？

输入URL输入url以后，我们才会知道去哪个地方寻找数据。当我们拿到 url 以后，会去本地缓存查看一下，之前有没有去请求过。若没有，我们就需要前往 url 地址所指向的地址，然而其它地方不认识我们的域名，所以需要人对我们的域名解析成为 ip 地址；DNS解析把域名解析成为 ip 地址的过程，我们称之为 DNS解析；当拿到解析后的 ip 地址，我们也就知道该去什么地方了；TCP三次握手在知道具体地址以后，也不会直接把数据发送出去的，我们不知道对方服务端是否有响应。此时会发送一条数据包（ACK），当

2021-09-18 16:11:55 72

原创 2021-7-29：操作字符串

2021-07-29 11:41:30 60

原创 2021-7-6：http开发web服务器

web服务器当应用程序（客户端）需要某一个资源时，可以向一个台服务器，通过Http请求获取到这个资源；提供资源的这个服务器，就是一个Web服务器；初体验// 引入 http 模块const http = require('http')// 创建一个web服务器const server = http.createServer((req, res) => { res.end('Hello Http')})// 开启服务器并且监听端口server.listen(8000, 'loc

2021-07-07 09:05:51 154 1

原创 localStorage、sessionStorage、Cookie的区别

共同点：都是保存在浏览器端、且同源的不同点CookielocalStoragesessionStorage生命周期设置 cookie 过期时间之前有效，即使窗口被关闭或者浏览器被关闭永久有效，窗口或浏览器关闭也一直保存仅在当前浏览器窗口关闭之前有效大小4K5M5M与服务端通信每次都会携带在http请求头中不参与不参与易用性需要封装有封装好的方法，操作简单有封装好的方法，操作简单作用域同源窗口中都是共享同源窗口中都是共享不同的.

2021-06-17 18:38:41 54

原创 Vue CLI和Vite

一. Vue CLI安装和使用1.1 安装全局安装，任何时候都可以通过vue的命令来创建项目npm install @vue/cli -g1.2 升级如果是旧版本，可通过该命令升级npm update @vue/cli -g1.3 创建vue create 项目的名称1.4 配置空格可以控制是否选择Choose Vue version 是否选择 vue 版本，目前默认版本 vue2Babel 是否选择 babel(例如: es6 转换 es5)TypeScrip

2021-06-17 11:47:13 827

原创 typora图片上传到云端

测试图片自动上传到云端

2021-06-15 12:07:24 211

原创 2021-5-8:变量

变量可以保存任何类型的数据，目前有3个关键字可以声明变量：var、let和constvar在所有版本中均可以使用，而let和const只能在es6及更晚的版本中使用var关键字声明变量名var message; // 定义一个名为 message 的变量var message = 'hi'; // 被定义保存字符串值 hi 的变量var message = 'hi'; message = 100; // 合法，但不推荐修改类型声明作用域使用 var 定义的变量会成为..

2021-05-08 23:01:20 113

原创 2021-5-7:Promise

promise解决了什么问题回调地狱问题（函数层层嵌套，代码阅读性很差）增加了代码的可读性问题如何解决了回调地狱 <script> const isPromise = true; const promise = new Promise((resolve, reject) => { if (isPromise) { resolve("获取成功"); } else { reject

2021-05-07 14:57:36 49

原创 this的了解及应用场景

五种情况分析this 执行主体，是谁把它执行的【与在哪创建&在哪执行都没有必然的关系】函数执行看方法前面有没有 “ 点 ” ，没有 “ 点 ” 的情况下，this 是 window 调用【严格模式下是 undefined】有 “ 点 ” 情况下， “ 点 ” 前面是谁 this 指向谁 const fn = function fn() { console.log(this); } let obj = { name: 'obj', fn: fn }

2021-04-16 16:29:31 112

原创 JS中三类循环对比以及性能分析

for 与 while基础 var 循环的时候，两者性能差不多let arr = new Array(9999999).fill(0);console.time('for')for(var i = 0; i < arr.length; i++) {}console.timeEnd('for') // for: 8.13818359375 msconsole.time('while')var i = 0;while(i < arr.length) { i++;}c

2021-04-15 15:51:26 417 1

原创 JS中的数据类型检测

数据类型检测typeof直接在计算机底层基于数据类型的值（二进制）进行检测的null 是一个数据类型，为什么检测出来 “object” 呐？？？对象存储在计算机中，都是以000开始的二进制存储。null 也是000开始的, typeof 检测出来的结果是对象所以，普通对象/数组对象/正则对象/日期对象，检测出来的都是 “object”instanceof（检测当前实例是否属于这个类的）instanceof 就能解决 typeof 不足之处let arr = [];

2021-04-14 17:43:28 60

原创 HTML中的JavaScript

本章内容使用<script>元素将JavaScript引入HTML主要方法是使用<script>元素，有下列8个属性async：可选。脚本下载与HTML解析并行，一旦脚本加载完成，就会中断HTML解析，同时执行脚本defer：可选。脚本下载与HTML解析并行，等HTML解析完成后脚本按顺序执行async 和 defer 异同之处async 和 defer 都是并行下载的，主要区别就是下载后何时执行async 和 defer 都只适用于外部脚本文件（defer

2021-04-11 23:23:37 134 1

原创什么是JavaScript

前言最近购买JavaScript高级程序设计，每一章的重点内容都打下笔记吧。加深印象的同时便于复习第一章，主要介绍了JavaScript为什么会在那个时代诞生，以及如何实现简短的历史回顾1995年，网景公司名叫Brendan Eich的工程师，只用10天就写出了JavaScript第一版。主要用途是替代服务器端处理输入验证。在此之前，要验证某个必填字段是否已填写，或者某个输入值是否有效，需要与服务器的一次往返通信。随着网页变得越来越大、越来越复杂。当你好不容易填写完毕，单机“提交按钮”，等了30秒以

2021-03-24 23:14:17 91

原创 webpack基本配置

前言学习到了webpack的配置，截止到目前，还是挺复杂的，版本问题经常出bug。留个笔记记录一下吧~认识webpack什么是webpack？官方的解释：At its core,webpack is a static module bundlerfor modern JavaScript applications从本质上讲，webpack是一个现代的JavaScript应用的静态模块打包工具。总结两点就是：模块or打包和gulp对比gulp更加强调的是前端流程的自动化，模块化不是它的核心。

2021-03-12 14:39:43 235

原创 git && gitHub

引言正文一、Git的使用二、提交到线上远程仓库三、结束语引言这一篇讲git基本操作方法，如何使用git提交到远程仓库正文一、Git的使用1.网上下载Git，用于操作Git语句Git下载地址在安装过程中，所有的选项使用默认值即可2.在根目录右键，启动Git Bash Here3.Git基本语句1.1 查看当前Git版本号控制台中输入 git --version 既可以查看版本号出现了Git版本号，证明安装成功1.2 使用前的配置没有任何提示，证明是配置成功配置提交人姓

2021-02-02 15:10:10 159

qq_44742440的博客