02 2023 档案
摘要：浮动元素 设置高度 clear:both 子元素设置 .class{ clear:both } 父级div定义 overflow:hidden 对父级CSS选择器加overflow:hidden样式，可以清除父级内使用float产生浮动。 优点是可以很少CSS代码即可解决浮动产生的塌陷。
阅读全文
摘要：React 配置 antd 样式按需加载 react脚手架 + antd的craco.config.js配置 拉取脚手架执行以下命令 标题安装antd 修改 src/App.js，引入 antd 的按钮组件 修改 src/App.css，在文件顶部引入 antd/dist/antd.css 高级配置
阅读全文
摘要：vue 首次赋值不触发 :{ // 评论提到的首次加载 数组触发 'date':{ immediate: true, // immediate选项可以开启首次赋值监听 handler(newVal, oldVal) { console.log(newVal, oldVal) console.log(
阅读全文
摘要：vue打包后反编译到源代码(reverse-sourcemap) 1、npm install --global reverse-sourcemap 2、reverse-sourcemap --output-dir XXX(导出路径) app.XXX.js.map(打包文件中的.js.map文件) 3
阅读全文
摘要：https://www.cnblogs.com/yuanchao-blog/p/10847417.html https://developer.mozilla.org/zh-CN/docs/Web/API/DocumentFragment #DocumentFragment vue 鼠标事件 @cl
阅读全文
摘要：#设置打包路径 publicPath: '/' 自定义组件 v-model v-bind只能实现单向绑定 v-model（v-bind+触发的input事件）实现双向绑定
阅读全文
摘要：Vue axios 请求 vue项目中对axios的封装和API接口管理详解 axios中文文档 vue axios 封装请求 Vue项目中axios请求及API接口的封装
阅读全文
摘要：文档介绍 https://24kcs.github.io/vue3_study/
阅读全文
摘要：#2、作用域插槽 作用域插槽可以理解为带数据的插槽，因为作用域的限制，子组件在使用的过程中没法访问父组件的值， 修改一下组件,将 user 作为元素的一个 attribute 绑定上去： <span> <slot v-bind:user="user"> {{ user.lastName }} </s
阅读全文
摘要：beforeEnter: (to, from, next) => { const name = to.params.name if (name && name !== 'undefined') { next() } else { next({ path: '/Login/userLogin' })
阅读全文
摘要：vue3.0 ts 初始模板 <template> <!--Vue2中的html模板中必须要有一对根标签，Vue3组件的html模板中可以没有根标签--> <img alt="Vue logo" src="./assets/logo.png"> <hello-world msg="Welcome t
阅读全文
摘要：安装 npm install --save qrcode 引入 import QRCode from 'qrcode' ##使用 let opts = { errorCorrectionLevel: "H",//容错级别 type: "image/png",//生成的二维码类型 quality: 0
阅读全文
摘要：vue怎样修改标题 <%= htmlWebpackPlugin.options.title %> pages: { index: { // page 的入口 entry: 'src/index/main.js', // 模板来源 template: 'public/index.html', // 在
阅读全文
摘要：###问题： 我们使用的是 在一个场景内使用两个 视像头，一个正交摄像头，一个透视摄像头 透视相机：渲染人眼正常看到场景面 正交相机：从模型上边渲染的视角：当作小地图 缺点：场景内模型过多，渲染两遍，帧率过低 ###解决方法 a. 一个渲染器：负责渲染 b. 主 scene ：有两个相机，透视&&正
阅读全文
摘要：#问题： 使用线程保存动画JSON数据 1.使用worker进行保存时，变量必须可复制。可以使用 AnimationClip toJSON 转换字符串 方法。 注意： 1.将一个AnimationClip 对象直接通过JSON.stringify( )转换成json对象 后再用 json对象重建An
阅读全文
摘要：模型居中 const box = new THREE.Box3().setFromObject(object) const size = box.getSize(new THREE.Vector3()).length() const center = box.getCenter(new THREE.
阅读全文
摘要：<template> <div></div> </template> <script> import * as THREE from 'three' import Dexie from 'dexie' import Worker from './model.worker.js' export def
阅读全文
摘要：// // Boilerplate var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); var
阅读全文
摘要：#引入模块 import * as Oimo from "oimo"; #创建世界 let world = new Oimo.World({ timestep: 1 / 60, iterations: 8, broadphase: 2, // 1 brute force, 2 sweep and p
阅读全文
摘要：object.updateWorldMatrix不是函数 ##我的目标是将加载的GLTF对象放在屏幕中央。这是我正在使用的代码： this.gltfLoader.load("/corolla.gltf", (object) => { const box = new THREE.Box3().setF
阅读全文
摘要：// fit camera to object var bBox = new THREE.Box3().setFromObject(this.obj); this.obj.updateWorldMatrix(true,true) var height = bBox.size().y; var dis
阅读全文
摘要：Notepad++下Nginx配置文件高亮显示 下载：https://file.bugxia.com/s/NSdf3mi3NrbfqiY 导入方式： 点击Notepad++语言菜单——自定义语言格式 点击导入——挑选下载的nginx.conf高亮配置（xml文件）——导入成功会提示“Import S
阅读全文
摘要：https://blog.csdn.net/qq_40860137/article/details/108330340?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearn
阅读全文
摘要：js 数组合并方法 concat js的Array对象提供了一个叫concat()方法，连接两个或更多的数组，并返回结果。 返回的是一个新的数组 var a = [1,2,3]; var b = [4,5,6]; var c = a.concat(b); //c=[1,2,3,4,5,6];
阅读全文
摘要：JS实现文字转语音并播放 var msg = new SpeechSynthesisUtterance("你好"); //msg.rate = 4 播放语速 //msg.pitch = 10 音调高低 //msg.text = "播放文本" //msg.volume = 0.5 播放音量 speec
阅读全文
摘要：批量引入当前文件夹下JS 文件 const modulesFiles = require.context("./", true, /\.js$/); // you do not need `import app from './modules/app'` // it will auto requir
阅读全文
摘要：1. slice()方法 slice() 方法可从已有的数组中返回选定的元素。 arrayObject.slice(start,end) // start ： 输入的是下标值 从下标值开始 截取 到 end 结束位置停止 2. concat()方法 concat() 方法用于连接两个或多个数组。该方
阅读全文
摘要：copyUrl() { var copyDOM = this.$refs.share_url; copyDOM.select(); // 选择对象 DOM document.execCommand("Copy"); // 执行浏览器复制命令用户定义的代码区域用户定义的代码区域 this.$notif
阅读全文
摘要：a 标签 a.html里： <a href="b.html#abc">xxx</a> b.html里加一个锚记： <a name="abc"></a> // css html { scroll-behavior: smooth; } js 实现 document.getElementById('ID
阅读全文
摘要：#红黑树规则 节点是红色或黑色 2.根节点是黑色 3.每个叶子节点都是黑色的空节点（NIL节点） 4.每个红色节点的两个子节点都是黑色。(从每个叶子到根的所有路径上不能有两个连续的红色节点) 5.从任一节点到其每个叶子的所有路径包含相同数目的黑色节点
阅读全文
摘要：js 深拷贝 function deepCopy(source) { var sourceCopy = source instanceof Array ? [] : {}; for (var item in source) { sourceCopy[item] = typeof source[ite
阅读全文
摘要：vue 中防抖和节流 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
阅读全文
摘要：我了解变量_表示不在乎/不使用，但是由于它是唯一的变量，因此没有任何理由更喜欢使用 _ ： 该()语法传达的意图更好恕我直言，也是更具体的类型 不完全是。()表示该函数不包含任何参数，不声明任何参数。该函数.length为0。 如果使用 _ ，它将明确声明该函数将被传递一个参数，但您对此并不在意。该
阅读全文
摘要：var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillStyle="#0000ff"; ctx.fillRect(20,20,150,100);
阅读全文
摘要：window.location.protocol+"//"+window.location.host; // 返回https://mp.csdn.net window.location.host; //返回url 的主机部分，例如：mp.csdn.net window.location.hostna
阅读全文
摘要：休眠 //休眠 sleep(time) { return new Promise((resolve) => { setTimeout(() => { resolve(); }, time || 1000); }) } 截图 canvans转文件 // canvans转文件 dataURLtoFile
阅读全文
摘要：object-fit 属性 指定元素的内容应该如何去适应指定容器的高度与宽度。 object-fit 一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。 html代码: <div style='height:300px;width:300px;
阅读全文
摘要：Display 该属性才是真正意义上的隐藏元素,当元素的display属性为none时,该元素就会就会从视觉中消失,并且连盒模型也不生成.也不会在页面占据任何位置,不但如此,就连它的子元素也会一同从盒子模型中消失。给他和它的子元素添加的任何动画效果交互效果都会不起作用。 display:none;
阅读全文
摘要：1、sans-serif无衬线字体，是一类字体，它在操作系统或者浏览器里是可以设置的，你可以把它设置成宋体，也可以设置成微软雅黑，而设置的这种字体肯定是当前系统里存在的字体，所以使用这个字体就一肯能显示出来，所以加上sans-serif就能保证调用。Sans-serif简介：Sans-serif是专
阅读全文
摘要：媒体查询 媒体查询的覆盖顺序 媒体查询顺序 手机 @media screen and(min-width: 320px)and(max-width: 359px){ html{ font-size: 12.8px; } } @media screen and(min-width: 360px)and
阅读全文
摘要：##下划线 .Underline{ cursor:pointer; text-decoration:underline; } css 两行文本超出显示省略号（...） 这是单行的 width:200px; overflow:hidden; text-overflow:ellipsis; -o-tex
阅读全文
摘要：##动画事件监听 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"
阅读全文
