笨小孩

摘要：https://www.bilibili.com/video/BV1j7411d7Gm?spm_id_from=333.337.search-card.all.click 阅读全文

摘要：TOPSIS法根据有限个评价对象与理想化目标的接近程度进行排序的方法，是在现有的对象中进行相对优劣的评价。TOPSIS法是一种逼近于理想解的排序法，该方法只要求各效用函数具有单调递增（或递减）性就行。TOPSIS法是多目标决策分析中一种常用的有效方法，又称为优劣解距离法。本例分享这种评价方法的具体应 阅读全文

摘要：import Qs from 'qs' import axios from "axios"; const Axios = axios.create() Axios.defaults.baseURL = ' http://localhost:9527'; //Axios.defaults.header 阅读全文

摘要：创建音频上下文 let audioCtx = new AudioContext() 这个API的各个方法都是AudioContext这个类的方法；所以都要以AudioContext实例的创建展开 audioCtx 的属性/方法 https://developer.mozilla.org/zh-CN/ 阅读全文

摘要：let gainNode = audioCtx.createGain() gainNode.gain.value = 0.5 // min 0 --> 1 max source.connect(gainNode) 阅读全文

摘要：要操作哪个音频，需要在这里定义（可以定义多个音频，在一些方法的操作下可以让他们同时播放；应用软件有个雷雨背景，就可用这个实现。具体用哪些方法，往后看会说） 根据音频类型的不同（audio标签引入，麦克风，网络请求来的在线音频的arraybuffer），要用不同的方法创建 ##创建朴素音频源 #### 阅读全文

摘要：以下就是这个API使用的流程图： 创建音频上下文，一个操作audio api的类：new AudioContext() 在音频上下文里创建源，例如audio标签, 振荡器, 流。这里怎么选择一会儿会说。（输入） 创建效果节点，例如混响、双二阶滤波器、平移、压缩。（操作音频，最基本的就是操作音量） 为 阅读全文

摘要：将canvas的图通过canvas.toDataURL(MIMEType: String)导出 <canvas id="canvas" width="200" height="200"></canvas> const canvas = document.getElementById('canvas' 阅读全文

摘要：填充： let canvas = document.getElementById('canvas') if (canvas.getContext) { //判断浏览器是否支持canvas //获得对绘图上下文的引用，平面图形传2d let context = canvas.getContext('2 阅读全文

摘要：在开始画路径之前必须以context.beginPath()表示要开始绘制路径，画完后调用context.stroke()把画好的渲染出来。绘制路径的方法有：（注：不做特殊说明的都是number类型） **通用： 属性 描述 context.lineWidth = 10 设置线宽度 context. 阅读全文

摘要：fillRect：绘制并填充 strokeRect：绘制并描边 clearRect：擦除 都接受四个参数 (x: number, y: number, width: number, height: number) canvas的起点是左上角，用法和position: relative差不多，后来居上 阅读全文

摘要：<canvas> //这是一段替代内容，如果浏览器支持canvas，就不会理这段内容，否则就会替代，这里面可以放文本或者<img />标签等 <img src="a.jpg" alt="" /> </canvas> 阅读全文

摘要：https://www.runoob.com/w3cnote/html5-canvas-intro.html ##requestAnimationFrame()创造平滑的canvas动画的关键 早期的动画通过计时器调用函数重新绘制canvas实现，但是计时器只负责在指定时间后把动画重绘任务放到队列中 阅读全文

摘要：https://developer.mozilla.org/zh-CN/docs/Web/API/AnalyserNode ###AnalyserNode |属性|描述| | | | |AnalyserNode.fftSize|一个无符号长整形(unsigned long)的值，代表了用于计算频域信 阅读全文

摘要：$('html').on('click keypress', 'a', function(event) { // 不响应真正的A HREF点击事件 event.preventDefault(); event.stopPropagation(); // Trigger fullscreen if (e 阅读全文

摘要：let audioSource = ref('') axios(...).then(res => { audioSource.value = res.data.url }) <audio :src = "audioSource" /> //这样看到的效果：src是改了，但是不能播放 解决方法，用do 阅读全文

摘要：https://www.w3school.com.cn/svg/svg_rect.asp 阅读全文

摘要：###transform 定义旋转的 语法： .mydiv{ transform: rotate3d(30deg, 45deg, 100deg); } 值 描述 none 定义不进行转换。 translate(x,y) 定义 2D 平移。(10px, 10px)就是把元素右移10px，再下移10px 阅读全文

摘要：##transition 语法： transition: property duration timing-function delay; //要设置过渡的css，这个要过渡多长时间完成，过渡的速度（均匀/变速..），动画延迟 property 最方便就是all，否则就写css要变的属性，多属性的话 阅读全文

摘要：####只能放在第一行 或者 @charset 之后 @import "navigation.css"; /* 使用字符串 */ 或者 @import url("navigation.css"); /* 使用 url 地址 */ 在根据设备不同，写多套代码的时候可能有用 阅读全文

摘要：###语法 vertical-align: baseline|sub...; 他这个基线比较迷惑，要是有谁会的话推荐一下，谢谢（22-03-17） 值 描述 baseline 默认。元素放置在父元素的基线上。 sub 垂直对齐文本的下标。 super 垂直对齐文本的上标 top 把元素的顶端与行中最 阅读全文

摘要：###前提 把display: flex的div容器叫做flexBox，被浮动的叫做flexItem ###样式————宽度——flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写 语法：felx: grow|shrink|basis ; //任选一个而 阅读全文

摘要：###综述 list-style 简写属性在一个声明中设置所有的列表属性。 可以设置的属性： list-style-type, list-style-position, list-style-image. 可以不设置其中的某个值，比如 "list-style:circle inside;" 也是允许 阅读全文

摘要：font 简写属性在一个声明中设置所有字体属性。 可设置的属性是（按顺序）： "font-style font-variant font-weight font-size/line-height font-family" （样式 变种 粗 大小/行高 字体） font-size和font-famil 阅读全文

摘要：上节说道background-image能做的background都能做 ###综述 值 说明 url('URL') 图像的URL none 无图像背景会显示。这是默认 linear-gradient() 创建一个线性渐变的 "图像"，(默认从上到下) radial-gradient() 用径向渐变 阅读全文

摘要：摘抄于：https://www.cnblogs.com/nostic/articles/5269066.html background 简写属性在一个声明中设置所有的背景属性。 可以设置如下属性： background-color background-position background-rep 阅读全文

摘要：###基操 /* 滚动条整体部分，可以设置宽度等 */ body::-webkit-scrollbar{ } /* 滚动条两端的按钮 */ body::-webkit-scrollbar-button{ } /* 外层轨道 */ body::-webkit-scrollbar-track{ } /* 阅读全文

摘要：####最朴素（两条边 + 模糊）：x偏移 y偏移 模糊半径 颜色是默认黑色 box-shadow: 10px 10px 10px; ####朴素（两条边 + 扩展 + 模糊 + 颜色 + 分内外）：接收六个值（X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色 投影方式） 名字 作用 X 阅读全文

摘要：###对于导出多个的： import { export1 as name1, export2 as name2 } from 'module.js' ###对于默认导出（即只导出了一个的） import { deault as name } from 'modulejs' //必须是default 阅读全文

摘要：###指令综述 |指令|作用| | | | |v-text|通过设置元素的textContent属性来工作，因此它将覆盖元素内的任何现有内容。如果你需要更新| |v-html|作为纯html插入，不会处理Vue模板语法。（谨慎使用）可尝试改用组件来重新考虑解决方案，在网站上动态呈现任意html可能非 阅读全文

摘要：指令 作用 v-focus 聚焦 <input v-focus /> 阅读全文

摘要：修饰符 作用 .stop e.stopPropagation() .prevent e.preventDefault .self 在F节点的任意事件上加该后缀，则F的所有子节点 (是子，"孙"可不归我管) 相当于都加上了.stop，不要再手动加（感觉是个比.stop更厉害的） .capture 顾名 阅读全文

摘要：摘抄自：https://www.cnblogs.com/mica/p/14756503.html ##方法一：在当前.vue中引入vue-router的useRoute, useRouter <script setup> import { useRoute, useRouter } from 'vu 阅读全文

摘要：##js跳转 navigator(id) { //路由参数 this.$router.push(`/news/${id}`) //是router不是route，router是用于跳转等**行为**的，route适用于查看路由**信息**的 //get传值 this.$router.push(`/ne 阅读全文

摘要：##在setup里，this不能再用了 为什么不能使用this？官方是这样说的： 在 setup() 内部，this 不会是该活跃实例的引用，因为 setup() 是在解析其它组件选项之前被调用的， 所以 setup() 内部的 this 的行为与其它选项中的 this 完全不同。这在和其它选项式  阅读全文

摘要：###Pick就是从一个复合类型中，取出几个想要的类型的组合，例如： // 原始类型 interface TState { name: string; age: number; like: string[]; } // 如果我只想要name和age怎么办，最粗暴的就是直接再定义一个（我之前就是这么搞 阅读全文

摘要：##权重：内联 > id > class > 元素（属性） ##属性 //全选 [attributeName] { } //带attributeName属性的div节点 div[attributeName] { } input[type="email"]{ } //div的子元素中，带attribu 阅读全文

摘要：##teleport——把组件移动到指定容器中去 除了移到body上还可以移到任意节点上，比如id="app"节点上就 <teleport to="#app"> ... </teleport> |关键属性|作用| | | | |to|String，要移到哪个节点; body, #xxid, .xxc 阅读全文

摘要：可以全局配置，也可以单个引入 如果属性/方法有重复，后来的mixin会覆盖前面的，当前组件中的会覆盖mixin里的 ###单个引入 抽离出公共的属性/方法，保存在一个js中 base.js： export default { data() { return { firstName: '李' } }, 阅读全文

摘要：搬运自：https://blog.csdn.net/qq_15064263/article/details/121845390 ###axios版本问题 ### axios版本0.24改为0.21即可 卸载原本axios版本 安装0.21版本 npm install axios@0.21 --sav 阅读全文

摘要：对于项目运行时要用到的模块如axiso等，npm i axios --save，模块信息就会记录在dependencies中，这样别人别人收到我的项目，才能安装依赖，运行项目 对于开发过程中使用的工具类的模块，如eslint，babel-eslint等，就用npm i eslint --save-d 阅读全文

摘要：https://www.npmjs.com/package/fetch-jsonp axios不能请求.jsonp类型接口，所以需要fetch-jsonp jsonp类型的接口不受跨域影响 安装：npm install fetch-jsonp 对于IE等不支持es6的浏览器：require('es6 阅读全文

摘要：import { createApp } from 'vue' import App from './App.vue' //对于axios，和自己定义的工具不能像vue-router一样用app.use()，而要通过app.config.globalProperties = moduleName， 阅读全文

摘要：参考： https://blog.csdn.net/weixin_43882226/article/details/123194859?spm=1001.2014.3001.5501 摘要： Vue响应式更新并不是数据变化之后Dom立即发生变化，而是按照一定策略进行更新的 正是因为Vue是异步更新D 阅读全文

摘要：查了一圈百度，虽然有人提出了"去掉.vue后缀"，"重启vscode等方法"，但是没有解决我的问题。最后得知vscode插件的问题，写vue2的时候应该用这个插件: vue3用： 而且每次只能用其中一个，另一个要禁用 然后我的问题得到了解决 阅读全文

摘要：https://codepen.io/in-6026/pen/ExbOqVP 最多接受8个值 对应的角的顺序是：左上，右上，右下，左下 当接收8个值时，每个角又被分为条边 border-radius: 1 2 3 4 / 5 6 7 8; 分别对应下图： 阅读全文

摘要：https://www.runoob.com/cssref/css-websafe-fonts.html 阅读全文

摘要：安装之后，在设置键盘快捷方式中设置相关功能的热键： 搜索File Util关键词，查看各个功能的快捷方式，可按自己需求改对应的快捷键 如图，按Alt + n新建文件/文件夹 这一步是模糊查询，找到存新文件的目录 文件名后面加/就是文件夹，没有就是新建文件 还有更多操作，见插件介绍... 阅读全文

摘要：生成英文 生成繁体中文 也有简体中文的，只是这两个的用法比较像，而且繁体简体差不多 ###用法： Chinese Lorem要去设置里配置以下：在哪些环境下允许使用 此处允许在javascript,typescript,vue,html,ts几种文件中使用 然后重启vscode 通过在要加入文本的地 阅读全文

摘要：<Son data-time="2022-11-11" /> Son.vue <p> <span> <div> 当子组件都包含再一个容器里的时候，data-time自定义属性就会被加在该容器(即根节点)上，但是如上所示，多标签时就要指定加在哪个上 <p> <span v-bind=$attrs> / 阅读全文