合集-小知识
摘要：1 怎么判断是安卓还是 ios** //获取浏览器的userAgent,并转化为小写 var ua = navigator.userAgent.toLowerCase(); //判断是否是苹果手机，是则是true var isIos = (ua.indexOf('iphone') != -1) ||
阅读全文
摘要：URI Uniform Resource Identifier 统一资源标识符 URL Uniform Resource Locator 统一资源定位符 URN Uniform Resource Name 统一资源名称
阅读全文
摘要：点击查看代码 function createBasic() { // 目标：了解顶点坐标绘制正方形 // 1. 准备 BufferGemotry 缓冲几何图形 // 2. 准备 32 位浮点数的数组，定义矩形的顶点位置 // 3. 准备 BufferAttribute 属性缓冲对象，保存几何图形的属
阅读全文
摘要：1.应用阶段：CPU将决定递给GPU什么样的数据（例如：灯光、模型、物体，摄像机位置等等） 2.几何阶段：进行顶点数据和坐标数据进行处理 a.顶点着色器：对每个顶点进行计算处理 b.曲面细分着色器：详细计算更多顶点 c.几何着色器：对顶点进行增删改 几何阶段：进行顶点数据和坐标数据进行处理 d.投影
阅读全文
摘要：概念：attribute 用于向顶点着色器，传输几何图形待处理的各种属性，例如：顶点坐标，UV 坐标等等 注意：attribute 只能用于顶点着色器中，值在运行时会从几何图形属性中取值 点击查看代码 function createBasic() { // 目标：着色器变量 - attribute
阅读全文
摘要：点击查看代码 /** * 参数：模型文件路径，成功回调函数 * * 基于 three.js 加载器分别加载模型 * * 全部加载后通过回调函数传出打印 */ import { FBXLoader } from 'three/examples/jsm/loaders/FBXLoader.js' imp
阅读全文
摘要：将实际窗口的大小与设计图窗口大小做比得到要给相对的比率，每个单位数值和这个比率相乘即可。即：按比例缩放字体。比如设计图是19201080的，某个数值是fontSize:12，当前显示器是3840的大屏，那么你现在的字体大小应该是：12（3840/1920）= 24。 //当前视口宽度 let now
阅读全文
摘要：class继承父类实例化，传参 子类无constructor，子类实例化传递参数，全传递，先子后父
阅读全文
摘要：点击查看代码 /* * @Author: your name * @Date: 2021-10-22 10:27:11 * @LastEditTime: 2021-12-04 00:04:58 * @LastEditors: Please set LastEditors * @Description
阅读全文
摘要：点击查看代码 // 鼠标按下 mousedownFn = () => { this.isMouseTouching = true // 鼠标已经按下 } // 鼠标移动 mousemoveFn = (e) => { if (this.isMouseTouching) { // 只有按下时进入此逻辑代
阅读全文
摘要：轨道控制器内部会取出摄像机初始位置坐变化 camera.position.z = 0.1 调整立方体沿着 z 轴做 -1 缩小（镜面翻转） cube.scale.set(1, 1, -1) 在什么条件下让标签触发鼠标交互事件 原生dom pointerEvents = ‘all’ 渲染器配置 non
阅读全文
摘要：uniapp底层跨端原理 - 代码编写：开发者使用Vue.js框架编写uniapp的代码，包括页面结构、样式和逻辑等。 - 编译过程：在编译过程中，uniapp会将Vue.js的代码转换为各个平台所需的代码。这一转换过程由uniapp的编译器完成。 - 平台特定代码生成：根据不同平台的特性和要求，u
阅读全文
摘要：点击查看代码 - 输入验证和过滤：对于用户输入的数据，进行严格的验证和过滤。可以使用正则表达式或其他验证方式，确保输入的数据符合预期的格式和内容。同时，对于特殊字符进行转义处理，防止恶意代码的注入。 - 输出编码：在将用户输入的内容输出到页面上时，进行正确的编码处理。使用合适的编码函数将特殊字符进行
阅读全文
摘要：推荐 concurrently 点击查看代码 "dev": "concurrently \"nodemon --exec electron . \" \"vite\"", 成熟的脚手架 日常开发可以使用 electron-vite (opens new window)或 electron-vite-
阅读全文
摘要：grid网格布局 ul{ padding: 0; width: 100%; height: 100%; /*设置为grid网格布局*/ display: grid; /*设置三行高度都为100px；*/ grid-template-rows:100px 100px 100px ; /*设置三行宽度都
阅读全文
摘要：点击查看代码 :nth-child(){},用来选择父元素下的第n个子元素。 注意：:nth-child(){}是根据父元素下所有子元素进行排序 :nth-child(2n){}，选中父元素下偶数行的子元素。 :nth-child(2n+1){}，选中父元素下奇数行的子元素。 :nth-child(
阅读全文
摘要：点击查看代码 <button @click="getMy" data-eventsync="true">获取信息</button> let getMy = () => { if (uni.getUserProfile) { console.log('可以用'); uni.getUserProfile
阅读全文
摘要：点击查看代码 <details> <summary>解决用户拒绝授权问题</summary> uni.openSetting({ success(res) { console.log(res.authSetting) if (res.authSetting?.scope.userInfo) { ge
阅读全文
摘要：点击查看代码 <view class="recommend-view"> <view class="title-view"> 热门推荐 </view> <view class="book-list"> <view class="book-item" v-for="item in list" :key
阅读全文
摘要：点击查看代码 // 授权并获取用户信息 const authorizeAndGetUserInfo = (loginRes) => { uni.getUserInfo({ success(res) { // 用户信息获取成功，处理登录业务逻辑 app.globalData.info = res.us
阅读全文
