![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
仅供来日回顾参考
仅供来日回顾参考
webMW
有bug?哪里不会改哪里,搜easy!
展开
-
js input 框的各种属性设置与应用
一、由3D场景下的坐标点,来绘制一个原生 input 输入框:/** * 绘制输入框 * @param {THREE.Vector3} point1 * @param {THREE.Vector3} point2 * @param {string} type 尺寸线类型【position、size】 * @param {string} axisDir 尺寸线所在轴向 * @param {string} dir 表示这一条尺寸线,在相机视角下,原创 2022-02-24 15:57:14 · 4399 阅读 · 0 评论 -
css文本溢出省略
一、单行需要注意固定当前行的宽度。white-space: nowrap;overflow: hidden;text-overflow: ellipsis;二、多行需要注意固定当前容器的宽度。留意下方部分使用的是浏览器私有属性。在设置之前也需要考虑有没有点击展开更多的需求。overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orie原创 2021-08-27 14:39:43 · 161 阅读 · 0 评论 -
react-three-fiber 加载 obj / gltf 格式的文件
一、加载 obj 文件import { useLoader } from '@react-three/fiber';import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader';import { MTLLoader } from 'three/examples/jsm/loaders/MTLLoader';const objModel = useLoader(OBJLoader, '/example.obj', loader原创 2021-07-02 12:11:51 · 1353 阅读 · 0 评论 -
js 同步读取所有上传文件内容
// 由于 只能在 FileReader 实例的 onload 回调中获取到结果// 故,通过 promise 将结果 resolve 出去// 并,借由 async/await 将获取结果的流程同步执行// 则,可以确保在遍历中能够准确获取到所有文件中的内容//* js 获取文件内容(以下仅作为text解读,也可解读成二进制内容)function readFile(file) { return new Promise((resolve, reject) => { // 创建文原创 2021-07-01 18:31:34 · 888 阅读 · 0 评论 -
js protobuf 实例对象在JSON转换时遇到的问题
一、踩坑情况:在使用 JSON 转换 protobuf 生成的对象时,获取到的字符串与原数据不符。具体体现在,枚举类型的属性,在生成的对象中,值为 数字 ,而使用了 JSON.stringify 之后,得到的数据中,键名对应的不是数字,而是定义枚举类型时的字符串。(具体的原因是由于 protobuf 生成的实例对象,重写了 toJSON 方法,导致 JSON 转换时,出现了预料之外的结果)二、解决情况:import { types } from '../protobuf/types';// 初始化原创 2021-07-01 17:38:36 · 896 阅读 · 0 评论 -
react 列表滚动触发回调
//* 函数组件的 js 部分 // 目标节点:ref={r => { targetRef.current = r }} const targetRef = useRef(null); // 触底允许的偏移值 const touchOffset = 100; // 是否已经触发触底回调:touchedCallBack const [isTCB, setIsTCB] = useState(false); // 滑动事件:onScrollCapture={onScrollC原创 2021-06-28 16:11:27 · 458 阅读 · 0 评论 -
css 浏览器滚动条样式设置
/* 定义滚动条宽高及背景,宽高分别对应横竖滚动条的尺寸 */::-webkit-scrollbar { width: 4px; /* 对垂直滚动条有效 */ height: 4px; /* 对水平滚动条有效 */}/* 定义滚动条的轨道颜色、内阴影及圆角 */::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); background-color:none; border-radius: 3原创 2021-06-18 11:16:34 · 92 阅读 · 0 评论 -
js 递归实现 1*2+2*3+...+(n-1)*n
需求:给定递归函数 function reference(n){} ,实现 1*2+2*3+...+(n-1)*n思路:以上需求,对应需要重复解决的部分为(n-1) x n,而在这里插入代码片原创 2021-03-25 16:11:36 · 1412 阅读 · 0 评论 -
js 判断字符串中的括号使用是否合理
需求:判断字符串中的括号使用是否合理思路:由于,括号是穿插于字符之间的,字符于字符的组合形式众多,无法直接判断出括号的使用情况;换个思路,可以从括号本身使用的方法入手:1. 成对出现 2.形式固定代码如下:/* 判断字符串中的括号 ()[]{} 使用是否合法 */ function checkBracketsIsValid(str) { // 采用正则匹配,获取到只有括号的字符串 let bracketsStr = str.match(/[\(\)\[\]\{原创 2021-03-25 15:13:25 · 1323 阅读 · 1 评论