自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 使用css修改滚动条样式

【代码】使用css修改滚动条样式。

2024-07-17 13:35:49 944

原创 vue3使用element-p加本地存储渲染表格实现增删改查并且渲染到Echarts

【代码】vue3使用element-p加本地存储渲染表格实现增删改查并且渲染到Echarts。

2024-06-28 11:36:05 157 1

原创 加强版贪吃蛇完整代码

【代码】加强版贪吃蛇完整代码。

2024-03-19 09:52:29 143

原创 H5贪吃蛇小游戏

【代码】贪吃蛇。

2024-03-18 15:55:42 332

原创 http 和 https

http 的连接很简单,是无状态的;http 传输的数据都是未加密的,也就是明文的,网景公司设置了 SSL 协议来对 http 协议。http 是超文本传输协议,信息是明文传输,https 则是具有安全性的 ssl 加密传输协议。是以安全为目标的 HTTP 通道,简单讲是 HTTP 的安全版,即 HTTP 下加入 SSL。使用不同的链接方式,端口也不同,一般而言,http 协议的端口为 80,https 的端口为。https 协议的主要作用是:建立一个信息安全通道,来确保数组的传输,确保网站的真实。

2024-02-28 07:54:20 688 1

原创 vue3富文本编辑器

【代码】vue3富文本编辑器。

2023-12-29 10:44:11 533

原创 vue3小程序+ts实现复制功能

最后才可以完整实现复制功能。获取要复制的元素中的内容。

2023-12-20 16:53:41 598

原创 Promise A+ 规范

如果一个 Promise 实现符合 Promise A+ 规范,那么它可以与其他符合该规范的 Promise 实现进行互操作,可以方便地进行 Promise 链式调用、错误处理等操作,使得异步代码更加清晰和可维护。Promise A+ 规范是关于 JavaScript Promise 实现的一种标准规范,旨在统一不同 Promise 库之间的行为,确保其在使用上的一致性和可互操作性。如果在 then方法中返回了一个新的 Promise,那么后续的 then 方法将会等待这个新的 Promise 完成。

2023-12-20 16:43:20 440

原创 threejs基本面试题

在 ThreeJS 中,有许多不同类型的材质可供选择,以适应各种不同类型的几何体。其中包括环境光(AmbientLight)、点光源(PointLight)、平行光(DirectionalLight)和聚光灯(SpotLight)。三维空间需要一个相机来拍摄场景。ThreeJS 中有多种相机类型可供选择,包括透视相机(PerspectiveCamera)、正交相机(OrthographicCamera)等。创建 ThreeJS 场景需要创建一个场景对象,并将所需的几何体、光源、相机等添加到场景中。

2023-12-14 13:55:35 2905

原创 使用react封装一个loading加载动画效果

【代码】使用react封装一个loading加载动画效果。

2023-12-14 10:09:03 806

原创 使用vue3封装一个loading加载动画效果

【代码】使用vue3封装一个loading加载动画效果。

2023-12-14 10:06:48 775 1

原创 首屏优化-前端渲染的优势-服务端渲染的优势

交互优化(使用加载占位器,在白屏无法避免的时候,为了解决等待加载过程中白屏或者界面闪烁)可以按照页面对包进行分拆,并在页面切换时加上一些。服务端渲染不用关心浏览器兼容性问题(随意浏览器发展,这个优点逐渐消失)4. 对于电量不给力的手机或平板,减少在客户端的电量消耗很重要。,由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。如在页面初始时只加载可视区域内的数据,滚动后。部署,且部署极其简单,只需要服务器支持静态文件即可。服务端渲染,首屏渲染速度更快(重点),无需等待。加载其它数据,可以通过。

2023-12-14 09:50:42 405 1

原创 为什么要初始化样式?怎么初始化样式?

这段代码将对所有元素应用基本的样式重置,并设置了基本的字体大小和行高。标签的默认样式不同,若不初始化会造成不同浏览器之间的显示差异。样式的存在并且不同浏览器对相同。

2023-12-13 22:36:31 367 1

原创 tweenjs创建threejs动画

经过2000毫秒,pos对象的x和y属性分别从零变化为100、50。创建一段mesh平移的动画。tween动画开始执行。引入TWEEN.JS。每次循环更新相机视图。

2023-12-13 13:52:33 427 1

原创 threejs中Raycaster(鼠标点击选中模型)

将模型导入并对模型进行操作最后渲染到浏览器中。用于创建出N个3D模型体并将模型暴漏。

2023-12-13 08:29:11 884 1

原创 threejs几何体顶点位置数据和点模型对象Points

设置几何体attributes属性的位置属性。类型数组创建顶点数据。

2023-12-13 08:21:42 575 1

原创 Threejs常见简单几何体简介

CylinderGeometry:圆柱。CircleGeometry:圆形平面。PlaneGeometry:矩形平面。SphereGeometry:球体。BoxGeometry:长方体。

2023-12-12 10:03:49 343

原创 threejs立方体行列阵列

【代码】threejs立方体行列阵列。

2023-12-12 09:37:27 408

原创 threejs调整相机参数

30:视场角度, width / height:Canvas画布宽高比, 1:近裁截面, 3000:远裁截面。超出视锥体远裁界面的范围的会被剪裁掉,不渲染 可以调整far参数适配。相机观察目标指向Three.js坐标系原点。相机在Three.js三维坐标系中的位置。相机位置拉远,可以看到更大的观察范围。

2023-12-12 09:35:29 1685

原创 threejs引入stats.js随机创建大量的模型,测试渲染性能

Stats.domElement:web页面上输出计算结果,一个div元素。引入性能监视器stats.js,显示帧率。随机创建大量的模型,测试渲染性能。

2023-12-12 09:30:27 632

原创 threejs中Canvas画布布局和全屏

30:视场角度, width / height:Canvas画布宽高比, 1:近裁截面, 3000:远裁截面。width和height用来设置Three.js输出的Canvas画布尺寸(像素px)onresize 事件会在窗口被调整大小时发生。

2023-12-12 09:26:49 604

原创 threejs平行光与环境光

设置光源的方向:通过光源position属性和目标指向对象的position属性计算。方向光指向对象网格模型mesh,可以不设置,默认的位置是0,0,0。DirectionalLightHelper:可视化平行光。环境光:没有特定方向,整体改变场景的光照明暗。

2023-12-12 09:05:55 418

原创 threejs平移旋转拖拽(OrbitControls.js)

如果OrbitControls改变了相机参数,重新调用渲染器渲染三维场景。引入轨道控制器扩展库OrbitControls.js。设置相机控件轨道控制器OrbitControls。

2023-12-12 08:59:41 939

原创 threejs光源对物体表面的影响

基础网格材质MeshBasicMaterial不受光照影响。受到或者不受到光照的影响主要取决于材质。

2023-12-12 08:55:48 405

原创 threejs三维坐标系

设置三维坐标系大小 x-y-z 长短。

2023-12-11 11:58:43 542 1

原创 threeJS渲染一个几何体到浏览器中

创建一个网络模型 --- 长方体网络模型。挂载到浏览器中 --- 创建渲染器对象。创建3D场景对象 --- Scene。将材质结合几何体对象放入到三维空间中。设置网络模型在三维空间中的坐标。将网络模型挂载到场景中。

2023-12-08 16:59:53 404

原创 threejs 引入GUI组件

【代码】threejs 引入GUI组件。

2023-12-08 11:03:48 589

原创 threeJS 载入3D模型(gltf/glb)

加载本地3D模型 完成3D模型渲染。引入GLTFLoader。

2023-12-08 10:59:45 913

原创 X轴滚动-隐藏滚动条

overflow 解决 横向滚动 隐藏滚动条

2023-12-08 10:55:42 907

原创 一分钟学会Django跨域、DRF、连接数据库、以及增删改查分页

8、重写分页 代码 对应settings.py中的配置。创建一个py文件 命名为serializers.py。1、配置INSTALLED_APPS。配置views.py文件 实现基本功能。新建文件pagination.py。2、配置MIDDLEWARE。首先配置settings.py。5、添加最后一条代码实现跨域。6、在django中添加图片。其次在urls文件中添加路径。4、链接mysql数据库。配置路由 urls.py。7、DRF的基本使用。

2023-08-23 09:47:02 197

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除