会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
自在三水一方
博客园
首页
新随笔
联系
订阅
管理
2023年9月11日
创建vue3的项目和目录结构讲解
摘要: 本节目标 了解Vue3 项目的结构 学习Vue3 项目的基本开发知识 Vue3 和 Vue2的开发区别 全局安装vue-cli npm i -g @vue/cli vue create vue3-json-schema-form 自定义vue3 配置 自定义配置: 选择 [自定义] ,通过方向键上下
阅读全文
posted @ 2023-09-11 15:50 自在一方
阅读(167)
评论(0)
推荐(0)
2023年8月22日
js原型链基础知识
摘要: ###为什么使用原型 下面通过一个构造函数来理解为什么使用原型 ```javascript function Person(name,age){ this.name = name; this.age = age this.commomAttr = ['eyes','leg','hair'] } le
阅读全文
posted @ 2023-08-22 11:32 自在一方
阅读(28)
评论(0)
推荐(0)
2023年3月23日
parcel工具搭建three.js开发环境及报错填坑
摘要: parcel工具搭建three.js开发环境 今天用parcel工具搭建了一个threejs开发环境,遇到了一点小坑,简单的做一个记录。 首先贴出正确的操作姿势 mkdir threeJsDemo cd threeJsdemo yarn init //一路回车 然后生成package.json文件,
阅读全文
posted @ 2023-03-23 15:38 自在一方
阅读(140)
评论(0)
推荐(0)
2023年2月13日
初级入门 ---用基本图形构建规则形体。
摘要: WebGL 坐标系 本节开始学习 3D 形体的绘制,与之前几个章节绘制点和面不同,3D 形体的顶点坐标需要包含深度信息 Z 轴 坐标。所以我们先了解一下 WebGL 坐标系 的概念。 WebGL 采用左手坐标系,X 轴向右为正,Y 轴向上为正,Z 轴沿着屏幕往里为正,如下图: 没错,WebGL 是遵
阅读全文
posted @ 2023-02-13 09:09 自在一方
阅读(170)
评论(0)
推荐(0)
2023年1月30日
初级入门 --- 纹理贴图:为形体穿上外衣
摘要: 之前章节我们学习了绘制单一和渐变颜色的三角形,但是在实际的建模中(游戏居多),模型表面往往都是丰富生动的图片。这就需要有一种机制,能够让我们把图片素材渲染到模型的一个或者多个表面上,这种机制叫做纹理贴图,本节我们学习如何使用 WebGL 进行纹理贴图。 什么是贴图和贴图的格式 之前章节的示例中,为图
阅读全文
posted @ 2023-01-30 10:18 自在一方
阅读(130)
评论(0)
推荐(0)
2022年12月21日
回流(Reflow)与重绘(Repaint)
摘要: 哪些实际操作会导致回流与重绘 最“贵”的操作:改变 DOM 元素的几何属性 这个改变几乎可以说是“牵一发动全身”——当一个DOM元素的几何属性发生变化时,所有和它相关的节点(比如父子节点、兄弟节点等)的几何属性都需要进行重新计算,它会带来巨大的计算量。 常见的几何属性有 width、height、p
阅读全文
posted @ 2022-12-21 17:13 自在一方
阅读(134)
评论(0)
推荐(0)
2022年12月15日
简单 Lazy-Load 实现
摘要: 首先新建一个空项目,目录结构如下: 大家可以往 images 文件夹里塞入各种各样自己喜欢的图片。 我们在 index.html 中,为这些图片预置 img 标签: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met
阅读全文
posted @ 2022-12-15 11:53 自在一方
阅读(67)
评论(0)
推荐(0)
2022年12月13日
Event Loop 与异步更新策略
摘要: Vue 和 React 都实现了异步更新策略。虽然实现的方式不尽相同,但都达到了减少 DOM 操作、避免过度渲染的目的。通过研究框架的运行机制,其设计思路将深化我们对 DOM 优化的理解,其实现手法将拓宽我们对 DOM 实践的认知。本节我们将基于 Event Loop 机制,对 Vue 的异步更新策
阅读全文
posted @ 2022-12-13 15:03 自在一方
阅读(90)
评论(0)
推荐(0)
2022年11月23日
节流和防抖的实现
摘要: 节流的理解和简单实现 所谓的“节流”,是通过在一段时间内无视后来产生的回调请求来实现的。只要一位客人叫了车,司机就会为他开启计时器,一定的时间内,后面需要乘车的客人都得排队上这一辆车,谁也无法叫到更多的车。 对应到实际的交互上是一样一样的:每当用户触发了一次 scroll 事件,我们就为这个触发操作
阅读全文
posted @ 2022-11-23 15:51 自在一方
阅读(52)
评论(0)
推荐(0)
2022年11月2日
DOM 优化原理与基本实践
摘要: DOM 为什么这么慢 因为收了“过路费” 把 DOM 和 JavaScript 各自想象成一个岛屿,它们之间用收费桥梁连接。——《高性能 JavaScript》 JS 是很快的,在 JS 中修改 DOM 对象也是很快的。在JS的世界里,一切是简单的、迅速的。但 DOM 操作并非 JS 一个人的独舞,
阅读全文
posted @ 2022-11-02 13:47 自在一方
阅读(99)
评论(0)
推荐(0)
下一页
公告