- 博客(18)
- 收藏
- 关注
RSS订阅原创 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
4413
原创 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
166
原创 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
1378
原创 js 同步读取所有上传文件内容
// 由于 只能在 FileReader 实例的 onload 回调中获取到结果// 故，通过 promise 将结果 resolve 出去// 并，借由 async/await 将获取结果的流程同步执行// 则，可以确保在遍历中能够准确获取到所有文件中的内容//* js 获取文件内容（以下仅作为text解读，也可解读成二进制内容）function readFile(file) { return new Promise((resolve, reject) => { // 创建文
2021-07-01 18:31:34
899
原创 js protobuf 实例对象在JSON转换时遇到的问题
一、踩坑情况：在使用 JSON 转换 protobuf 生成的对象时，获取到的字符串与原数据不符。具体体现在，枚举类型的属性，在生成的对象中，值为 数字 ，而使用了 JSON.stringify 之后，得到的数据中，键名对应的不是数字，而是定义枚举类型时的字符串。（具体的原因是由于 protobuf 生成的实例对象，重写了 toJSON 方法，导致 JSON 转换时，出现了预料之外的结果）二、解决情况：import { types } from '../protobuf/types';// 初始化
2021-07-01 17:38:36
920
原创 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
464
原创 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
104
原创 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
1417
原创 js 判断字符串中的括号使用是否合理
需求：判断字符串中的括号使用是否合理思路：由于，括号是穿插于字符之间的，字符于字符的组合形式众多，无法直接判断出括号的使用情况；换个思路，可以从括号本身使用的方法入手：1. 成对出现 2.形式固定代码如下：/* 判断字符串中的括号 ()[]{} 使用是否合法 */ function checkBracketsIsValid(str) { // 采用正则匹配，获取到只有括号的字符串 let bracketsStr = str.match(/[\(\)\[\]\{
2021-03-25 15:13:25
1343
1
原创 js记录：一些方法
1.对象数组去重/** 对象数组去重（去重数组，去重属性） **/function unique(tempArr,tempKey) { const res = new Map(); return tempArr.filter(a => !res.has(a[tempKey]) && res.set(a[tempKey], 1))}
2020-10-29 14:55:17
180
1
原创 小程序 瀑布流布局（通过获取两列高度判断实现）
1.概述在实现瀑布流布局之前，首先，需要明白，大致需要实现的样子，此处以两列为例子：如图，瀑布流布局，是 列宽一致，屏宽等分。而 后续的图文内容，排列在较短一列之后。2.准备我所理解的是：将图文分成两列渲染，当获取数据后，把即将渲染的图文内容放在较短列之后，以此实现瀑布流样式的布局图文数据依列渲染：wxml 代码如下<!-- 外部容器 --> <view id...
2020-04-11 00:44:24
1359
原创 JS 学习记录（toLocaleString方法变为24小时记时+提取时间字符串里面的数字）
时间let time =new Date().toLocaleString('chinese',{hour12:false});console.log(time);数字console.log(time.replace(/[^0-9]/ig,""));
2020-03-30 17:34:11
1632
原创 Bug 记录：router-view 没有被渲染
起因：在浏览器控制台查看 router-link 的时候，发现其被正常渲染，然而 router-view 却没有被浏览器渲染出来。排查：因 vue 的静态路由文件控制着上述的两个标签，查看代码（../router/index.js）如下：import Vue from 'vue'import VueRouter from 'vue-router'import pageOne from...
2020-03-14 15:19:25
812
原创 JS 实践记录（模拟 jQuery 以及扩展功能 extends）
直接上代码：//****************************************匿名函数自执行(function () { /*定义类（构造函数）——$$*/ class $$ { /*实例的各种方法的构造器*/ constructor(selector) {//此处的参数为new实例时传入的 /*解析参数...
2020-03-07 21:42:57
132
原创 JS 理解记录（递归）
1.递归是什么举个栗子，电脑桌面有一个文件夹，文件夹里面有我需要的文件（如 xx.txt）,但是又存在着许多的子文件夹，子文件夹里面又有子文件夹，而我需要的实体文件又散落在这些文件夹里面。此时，我需要精准有效地将所有的实体文件找出来，并备份，该怎么办？假设：下方的红圈代表整个文件夹，篮圈代表子文件夹，各个数字为实体文件。精准地获取文件也就是意味着，需要访问每一个子文件；有效地获取，也代表着...
2020-03-06 17:27:30
566
原创 JS 理解记录（闭包）
1.是什么网上对于“ 闭包 “的解释诸多，而对于刚刚接触这个概念的我，也是傻傻分不清。可能每个人理解的角度、出发点不一样，说出来也就大相径庭，但意思还终归在那里。而我的理解，将由下面引用的一段话开始：闭包是指有权访问另一个函数作用域中的变量的函数先不考虑这句话的意思，先从最基础的开始。说到闭包，那么指的也就是js中的函数，通俗 理解函数 就是——买东西，我们把钱给店员，而店员就给你想要的...
2020-03-05 23:20:18
141
原创 JS 理解记录（ES5 : var , ES6 : let）
1.var 的声明提前机制 (function(){ var xx=500; (function (){ console.log(xx);//undefined var xx = 200; })() })()理解：由于var的变量声明提前，所以，检测到此作用域已经存在变量xx，故不会...
2020-03-04 13:47:02
166
原创 JS 理解记录（函数原型与原型链）
在了解函数原型之前，先由构造函数来进行引入： //定义构造函数Plant function Plant(name) { this.name = name; } //实例化函数 let flower = new Plant('rose'); 在尝试打印 flower 这个函数之后，会发现其存在一个浅色的属性：1.__proto__ ...
2020-03-03 22:51:44
137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人