- 博客(118)
- 资源 (10)
- 收藏
- 关注
原创 three.js实现3d球体树状结构布局——添加入场、出场、点击放大等动画
three.js实现3d球体树状结构布局——添加入场、出场、点击放大等动画
2023-04-05 11:58:46 512 1
原创 three.js实现3d球体树状结构布局——树状结构的实现
如题**three.js实现3d球体树状结构布局**是我们此次案例要实现的目标,那我们需要的实体有球、线、文本,以及场景、相机、渲染器、辅助线、灯光等实体。下面我们按照实体一步步来实现。
2023-04-04 20:08:51 1327
原创 WebAssembly究竟快不快
走进WebAssembly。本节内容主要探讨WebAssembly相比于js的执行效率究竟如何,并且定论适不适合应运于项目中,以及适合应用于哪类项目。当然,本节依旧采用rust语言编译WebAssembly。
2023-03-14 22:32:52 129
原创 使用react-router-middleware-plus后无法使用路由懒加载
使用react-router-middleware-plus后无法使用路由懒加载解决办法
2023-03-10 14:54:06 150
原创 vite打包报错You are currently using minified code outside of NODE_ENV === ‘production‘
You are currently using minified code outside of NODE_ENV === 'production'. This means that you are running a slower development build of Redux. You can use loose-envify (https://github.com/zertosh/loose-envify) for browserify or DefinePlugin for webpack (
2023-03-08 09:47:19 820
原创 windows解决系统禁止运行脚本问题
vue : 无法加载文件 C:\Program Files\nodejs\vue.ps1,因为在此系统上禁止运行脚本
2022-04-10 13:05:32 4191 3
原创 vue项目接入eslint、prettier、husky+lint-staged
vue项目接入eslint、prettier、husky+lint-staged
2022-04-05 09:57:58 1931
原创 canvas实现图片旋转,数据回传
效果图如下主要代码canvas<canvas></canvas><br/>img<img src="../img/no-data-new.png" alt=""><br/>生成的img<img src="" alt="" id="fwhf">let img = document.getElementsByTagName('img')[0];let canvas = document.getElementsBy
2021-05-26 15:49:34 225
原创 vue中使用jest单元测试
目录前言文档推荐组件挂载相关方法jest-api总结前言当我初次听到单元测试时,心里的第一感觉就两个字nb,然后就是疑惑,这是啥,干啥用,对代码又有什么帮助?接下来我会细细说一说我在学习以及应用单元测试的一些心得。(安装教程不再叙述,按照文档教程自行学习)文档推荐学习新知识,有中文文档当然是最好的啦!Vue Test Utilsjest中文文档组件挂载相关方法shallowMountshallowMount: 创建一个包含被挂载和渲染的 V
2021-04-30 13:02:26 3922 1
原创 动态添加/注册路由之addRoutes
addRoutes:动态添加/注册路由,一般多用于后台返回菜单树的管理系统。解决管理系统权限时一般可采用路由守卫按权限限制是否允许访问某些路由,但当权限分类众多、或者是时而有某些路由时而又没有时,用路由守卫可能将写众多判断,更不利于后期维护,这时候的路由守卫看起来不再是那么合适了。用addRoutes会有不一样的结果吗?动态添加路由将会从根源上切死访问权限,而不是去判断。设想一下,假如一个路由都不存在,那你去访问它,还需要去做大量判断他是否有权限吗?当然如果不是后台返回菜单树,那两种解决方案可能看起来
2021-04-03 15:23:25 1453 1
原创 element之el-scrollbar
el-scrollbar,在element-ui官方文档中没有给出的一个组件,观其名,知其意(是一个滚动条组件),用法如下:<template> <div class="index"> <el-scrollbar class="myScrollbar" style="height: 100%;" > 内容 </el-scrollbar> </div></template><script></
2021-04-03 15:21:53 379
原创 vue之vux全局状态管理使用记录
npm install vuex --savemain.jsimport Vue from 'vue'import App from './App'import router from './router'import store from './store'Vue.config.productionTip = false/* eslint-disable no-new */new Vue({ el: '#app', router, store, components:
2021-04-03 15:19:07 150
原创 vue-cli项目搭建步骤详解
目录[email protected]@4.x淘宝镜像清除npm缓存开发环境依赖线上环境依赖[email protected] install [email protected] -g 全局安装vue 命令 @指定版本vue -V 2.9.6 脚手架工具安装ok新建文件,在文件夹中运行cmd,切记要空文件夹vue init webpack(采用的模板信息) 项目名字npm run dev 本地运行项目 开发环境npm run build 编译打包 进行上线 生产环境基本
2021-04-03 15:11:13 135
原创 three.js实现简单的跳一跳逻辑
无图不欢,先上静态图图片资源下载操作使用空格<!DOCTYPE html><html><head> <meta name="keywords" content="风舞红枫,前端技术,canvas"/> <meta name="description" content="风舞红枫,前端技术,canvas,vue,react,node,个人博客"/> <title>three.js演示</title
2021-03-07 10:57:11 572 2
原创 three.js实现雨下小站
无图不欢,先上静态图<!DOCTYPE html><html><head> <meta name="keywords" content="风舞红枫,前端技术,canvas"/> <meta name="description" content="风舞红枫,前端技术,canvas,vue,react,node,个人博客"/> <title>three.js演示</title> <s
2021-03-07 10:56:45 219 2
原创 three.js从入门到放弃(五)
借助OrbitControls.js,完成按下托转效果<!DOCTYPE html><html><head> <title>three.js初探</title> <script type="text/javascript" src="three.js"></script> <script type="text/javascript" src="Lensflare.js"></s
2021-03-07 10:56:19 384 1
原创 three.js从入门到放弃(四)
接下来我们为光源添加一些纹理,让其更炫一点<!DOCTYPE html><html><head> <title>three.js初探</title> <script type="text/javascript" src="three.js"></script> <script type="text/javascript" src="Lensflare.js"></script&
2021-03-07 10:56:01 200 2
原创 three.js从入门到放弃(三)
继续在之前的基础上动态改变照相机的位置来实现画面旋转的效果<!DOCTYPE html><html><head> <title>three.js初探</title> <script type="text/javascript" src="three.js"></script> <style type="text/css"> *{margin:0;padding:0;}
2021-03-07 10:55:38 205 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人