- 博客(9)
- 资源 (2)
- 收藏
- 关注
原创 递归生成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 266
原创 VSCode插件分享(前端向)含摸鱼利器
Visual Studio IntelliCode智能提示插件Path Intellisense文件路径补全Live Server启动本地服务:可访问本机内的文件Bracket Pair Colorizer显示当前在哪个括号里的插件,不同区域的线条颜色不同Better Comments注释颜色插件,提供了几种不同颜色注释,提醒效果更好Auto Rename Tag修改标签时改前半部分,后边的闭合标签会一起变摸鱼利器-韭菜盒子在编译器内摸股票基金~...
2021-03-10 12:49:00 350
原创 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 694
原创 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 1095
原创 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 1014 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 607 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 446 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 3380 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 2497 10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人