- 博客(14)
- 收藏
- 关注
RSS订阅原创 在Vue3中实现虚拟列表
当今的时代是大数据时代，往往一个列表就有成千上万条数据，而我们一一渲染的话，则需要耗费大量时间，导致网页打开缓慢。懒加载虽然减少了第一次渲染时间，加快了网页打开速度，但随着后续数据的不断载入拼接，列表的渲染时间也会越来越长。虚拟列表则很好的解决了这一问题。虚拟列表只渲染当前可视区域的列表，并不会将所有的数据渲染。以下以一个自制记账本(account book)为例。
2023-03-29 19:48:08
2412
4
原创 Three.js渲染深度冲突(Z-Fighting)问题
Z-Fighting就是深度冲突，当两个模型面非常紧密的平行排列在一起时通常会发生这种情况，该问题是由于深度缓冲没有足够的精度来决定哪个在前面，而导致其不断切换前后顺序，从而产生了我们眼中的闪烁。开启对数深度缓存与调整相机nearfar只是降低深度冲突的可能性，推荐使用多边形偏移来处理由深度冲突导致的闪烁问题。
2023-03-06 09:45:35
1109
原创 JS学习：数组方法小结
作为js的基本数据类型Object中的其中一种，数组在日常开发中是频繁被开发者所使用的，本文就总结一下其自带的工具方法，方便我们的日常开发。
2023-01-31 16:46:40
194
原创 Vue3中threejs模型缩略图生成的简单实现
三维模型由于其需要将模型的每个面与边进行渲染，往往会出现打开模型十分缓慢的问题。那么这问题该如何解决呢，最简单粗暴的方法当然是对模型载入不断的进行优化，但是优化往往是最困难的。从另一方面想，让用户精准的打开自己需要的模型，是不是也能一定程度的缓解该问题呢？所以实现三维模型的缩略图是很有必要的。
2022-12-01 11:49:30
1442
原创 Vue diff算法浅析
Vue作为现阶段的主流框架之一，许多项目都使用它来搭建项目前端模块。本文主要介绍Vue中页面渲染时发生的虚拟DOM比对所运用的算法，使大家更加了解Vue。
2022-11-10 16:41:10
209
原创 Vue3中简单使用Three.js
随着Web的快速发展，网页的表现能力愈发强大，人们可以在网页做出很多复杂、精美的动画。渐渐的，人们已经不满足于平面的精美，Three.js应运而生。Three.js可以简单理解为Three+Js，它是一个3D javascript库，基于WebGL（一种js API）。......
2022-08-03 14:44:21
7669
4
原创 Vue-router
路由 理解：一个路由（route）就是一组映射关系（key-value），多个路由需要路由器（router）管理。 前端路由：key是路径,value是组件。 1.基本使用 安装vue-router，命令：npm i vue-router 应用插件：Vue.use(VueRouter) 编写router配置项： //引入VueRouterimport VueRouter from 'vue-router'//引入组件import About fr.
2021-11-29 21:27:37
163
原创 Vuex（多组件数据共享的Vue插件）
1.概念在Vue中实现集中式状态（数据）管理的一个Vue插件，对Vue应用中多个组件的共享状态（数据）进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。2.何时使用多个组件需要共享数据时。3.搭建Vuex环境 创建文件:src/store/index.js //引入Vue核心库import Vue from 'vue'//引入Vueximport Vuex from 'vuex'//应用Vuex插件Vue.use(Vuex)//准备ac
2021-11-26 16:54:45
318
原创 Vue组件间的通信
父组件向子组件传递配置项props 传递数据 <Demo name = "xxx"/> 接收数据 第一种方式（只接收）： props:['name'] 第二种方式（限制类型）： props:{ name:String} 第三种方式（限制类型、限制必要性、限制默认值）： props:{ name:{ type:String,//类型 required:true,//必要性
2021-11-25 16:01:44
257
原创 Django+Vue2 前后端分离
1.创建django项目1，打开PyCharm创建一个创建Django项目django-admin startproject demo2，进入项目根目录，创建一个 App 作为项目后端cd demopython manage.py startapp backend //backend就是app名称2.配置django1.在所创建的app(backend)中创建子路由(urls.py)2.在刚创建的urls.py中配置接口路由....
2021-09-18 11:43:39
7092
14
原创 Mackdown学习（学习自狂神说）
Markdown学习二级标题三级标题四级标题#+空格+标题名字体Hello，World！ 两边+**Hello，World！ 两边+*Hello，World！ 两边+***Hello，World！ 两边+~~引用大于号+空格分割线三个-或三个*图片!+[名字]+(路径)超链接点击跳转[链接名称]+(链接)列表 1.+空格 A B -+空格
2021-09-07 22:13:44
142
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人