- 博客(9)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 递归生成tree结构
function loop(data) { let tree= data.map(item => { if (item.children) { item = {...item,children:loop(item.children)} return item } }) return tree }let officeDataTree = loop(data)
2021-03-26 09:29:58
254
原创 VSCode插件分享（前端向）含摸鱼利器
Visual Studio IntelliCode智能提示插件Path Intellisense文件路径补全Live Server启动本地服务：可访问本机内的文件Bracket Pair Colorizer显示当前在哪个括号里的插件，不同区域的线条颜色不同Better Comments注释颜色插件，提供了几种不同颜色注释，提醒效果更好Auto Rename Tag修改标签时改前半部分，后边的闭合标签会一起变摸鱼利器-韭菜盒子在编译器内摸股票基金~...
2021-03-10 12:49:00
337
原创 h5短信验证码分块输入组件
h5需求：验证码分区块输入<!--四位验证码输入框组件--><template> <div class="security-code-wrap"> <label for="code2"> <ul class="security-code-container clear"> <li class="field-wrap" v-for="(item, index) in number" :key="index">.
2021-02-25 11:28:18
645
原创 vant上传图片
最近做h5开发遇到的问题：项目用到的ui库为有赞的vant。在操作uploader组件时遇到了一些小坑，分享一下。需求：用户头像点击上传和上传后刷新html部分：<van-uploader :afterRead="afterRead" class="fr"> <van-image round width="2rem" height="2rem" :src="userInfo.avatarUrl" /></van-uploader>使用v.
2021-02-24 15:36:52
1011
原创 h5 - rem设置
rem是什么？rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。同样rem也有很多实现方式，不过都是根据rem特性，基于根（html）的font-size大小来做，我见过很多页面 font-size:62.5% 到现在不知道这个是怎么玩的。rem相对于根(html)的font-size大小来计算例如
2021-02-20 15:25:30
970
1
原创 Threejs避坑
生成自定义多边形平面遇到的问题生成平面角度问题//顶点坐标const pos2 = [0, 0, 0, 160, 0, 0, 160, 0, 80, 0, 0, 80]var geometry = new THREE.Geometry() //创建一个空几何体对象//创建立方的面geometry.vertices = []for (var i = 0; i < pos2.length; i += 3) { let tp = new THREE.Vector3(pos[i], pos[
2021-01-21 16:32:22
568
4
原创 vue封装axios、webpack配置
axios封装文件创建位置依个人喜好，我将axios的封装写在了public文件夹中 - fetch.js文件代码！import axios from "axios";axios.defaults.headers.post["Content-Type"] = "application/json";axios.defaults.headers.put["Content-Type"] = "application/json";// baseurl 就是 在 .env.development 和 .
2021-01-19 10:29:38
412
3
原创 VUE项目引入Threejs加载模型文件
资源引入npm i three-js组件内使用引入：import * as THREE from "three"; //引入Threejsimport { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";import { OrbitControls } from "three/examples/jsm/controls/OrbitControls";首先，创建初始化方法：init() { this.scene = n
2021-01-18 10:24:50
3243
6
原创 Threejs-自定义多边形并贴uv图
Threejs-创建多边形并赋予uv贴图知识点threejs自定义多边形earcut切割多边形为三角面模型坐标与uv坐标资源threejs历史版本.OrbitControls-百度云链接.提取码：ob5nEarcut切割多边形三角剖分算法的实现。earcut-百度云链接.提取码：pf6s创建多边形直接上代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UT
2021-01-15 16:54:06
2335
10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人