随笔分类 - JavaScript
js
摘要：本文写作目的：大家在使用可视化库创作可视化作品的时候，可能会产生这样的问题:“现如今成熟的可视化库有这么多，我到底该选择哪一个呢？”这其实也是我在学习数据可视化课程的时候面临的一个问题。因此本文旨在对比上述广泛被使用到的4个前端可视化库：Echart、AntV、D3和Three，了解它们的区别和共性
阅读全文
摘要：vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开
阅读全文
摘要：一、一图胜千言 前端开发中，js数组处理是最常用的，除了for循环外，随着es6的普及，像reduce()、filter()、map()、some()、every()以及…展开属性都是最常用到的。今天偶然从网上看到这张图，真是眼前一亮，真是一目了然，不用一句解释就让人了解相关函数的用途 二、重点函数
阅读全文
摘要：1、输入一个值，返回其数据类型** function type(para) { return Object.prototype.toString.call(para) } 2、数组去重 function unique1(arr) { return [...new Set(arr)] } functi
阅读全文
摘要：记忆方法： for in : ES5先出，index,遍历索引，适合对象 for of : ES6后出，遍历属性，适合数组 for in 和 for of 是js中常用的遍历方法；两者的区别如下： 一，遍历数组 1，for in 是ES5的语法标准，而for of则是ES6语法标准。 const a
阅读全文
摘要：<script> //字符1被转换为true，返回true document.write(true == '1'); //数字1被转为true，返回true document.write(true == 1); document.write('<br>'); //直接就比较类型false false
阅读全文
摘要：开放接口文档列表 https://api.apiopen.top/swagger/index.html#/ get获取短视频 axios.get('https://api.apiopen.top/api/getHaoKanVideo?page=0&size=10') post登录 axios.pos
阅读全文
摘要：获取数据时遇到Proxy包裹的数据 解决 1.使用toRaw Vue3.0给我们提供的新方法，toRaw方法是把被reactive或readonly后的Proxy对象转换为原来的target对象 const Data = toRaw(record); console.log(Data, 'data
阅读全文
摘要：效果 HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con
阅读全文
摘要：什么是websocket WebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于tcp的协议） 它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的 Websocket是一个持久化的协议 websocket的原理 websocket约定了一
阅读全文
摘要：例子：nextTick和setTimeout 谁先输出结果？ 结果是nextTick先输出，因为它是微任务，setTimeout是宏任务 nextTick 在vue 源码中是利用 Promise.resolve()实现的。该问题实际就是Promise与setTimeout的区别，本质是Event L
阅读全文
摘要：2022 年比较火的 web 前端 UI 库 名称简介 iView iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。iView 的组件还是比较齐全的，更新也很快，文档写得很详细。有公司团队维护，比较可靠的 Vue UI 组件框架。iView 生态也做得
阅读全文
摘要：我们在使用 Vue 或者 React 等前端渲染时，通常会有 hash 路由和 history 路由两种路由方式。 hash 路由：监听 url 中 hash 的变化，然后渲染不同的内容，这种路由不向服务器发送请求，不需要服务端的支持； history 路由：监听 url 中的路径变化，需要客户端和
阅读全文
摘要：JS方案 greensock https://greensock.com/ CSS方案 animate.css https://animate.style/
阅读全文
摘要：视频 https://www.bilibili.com/video/BV1x7411L7Q7/?p=1&vd_source=e9b8cfee2a87176fd8f46368175ac878 笔记 https://www.cnblogs.com/AhuntSun-blog/p/12636718.htm
阅读全文
摘要：一、js防抖和节流 在进行窗口的resize、scroll、输出框内容校验等操纵的时候，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常之差。那么为了前端性能的优化也为了用户更好的体验，就可以采用防抖（debounce）和节流（throttle）的方式来到达这种效果，减少调用的
阅读全文
摘要：在登录时使用axios请求数据传参时无法正常的获取数据。 这里使用了qs插件： 简单来说，qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。 在项目中使用命令行工具输入：npm install qs安装完成后在需要用到的组件中：import qs from 'qs’具体使用中我查看了：
阅读全文
摘要：顺序 a、b、c、d、e、f、g、h、i、j、k、l、m、n、o、p、q、r、s、t、u、v、w、x、y、z 参考资料 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object 数组
阅读全文
摘要：vite配置proxy跨域 在 vue3 项目中，找到 vite.config.ts 文件，在其中进行 vite 的相关配置.下面展示 选项 写法（可解决跨域问题） server: { port: 8080, proxy: { "/api": { target: "http://localhost:
阅读全文
