Three.js 进阶之旅：物理效果-3D乒乓球小游戏 🏓
本文将使用技术栈 React Three Fiber 和 Cannon.js 来实现一个具有物理特性的乒乓球小游戏，通过本文的阅读，你将学习到的知识点包括：了解什么是 React Three Fiber 及它的相关生态、使用 React Three Fiber 搭建基础三维场景、如何使用新技术栈给场... ...
Vue——initEvents【六】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initEvents进行剖析，初始化生命周期之后紧接着。 initEvents initEvents的方法位于scr/core/instance/events.ts中 ...
谈谈 Vue toRef 和 reactive
reactive reactive 创建一个深层的对象的响应式代理，即对象根属性以及嵌套对象的属性都是响应式的。 之所以嵌套对象也是响应式的，是因为对于嵌套对象，将递归地转换为响应式。结构赋值结构了第一层的属性，那么第一层属性就了失去响应式，但其嵌套下的对象还是响应式的。 // 解构赋值 const ...
使用JS快速读取TXT文件
1 前言 最近有个需求，需要使用JS快速读取外部大数据文件（60w条记录的表）。笔者尝试过使用JS读取Excel文件，但是跑了十几分钟仍未出结果，后来笔者尝试将原数据保存为TXT文件，再从TXT文件中读取数据，只需几秒钟即可读取完毕。在此分享一下，也留着以后备用。 2 案例 为方便快速理解，笔者挑选 ...
前端常见的十种布局
前端布局可以说是每个前端工程师必须掌握的知识，不同的布局能够给用户带来不一样的体验，好的更是能瞬间吸引用户。小白大佬都请进！ ...
webpack性能优化(1):分隔/分包/异步加载+组件与路由懒加载
webpack ensure相信大家都听过。有人称它为异步加载，也有人说做代码切割，那这个家伙到底是用来干嘛的？其实说白了，它就是把js模块给独立导出一个.js文件的，然后使用这个模块的时候，webpack会构造script dom元素，由浏览器发起异步请求这个js文件。 这样解决整个项目打包成同一 ...
快速带你复习html（超详细）
此内容包含： html基础 列表、表格 媒体元素 表单（重点） 1、HTML 基础 目标： 会使用HTML5的基本结构创建网页 会使用文本相关标签排版文本信息 会使用图像相关标签实现图文并茂的页面 会使用标签创建超链接、锚链接及功能性链接 1.1、什么是HTML HTML：Hyper Text Ma ...
结构型-装饰器模式
定义 如果希望动态给某个类添加一些属性或者方法，但是你又不希望这个类派生的对象受到影响，那么装饰器模式就可以给你带来这样的体验。 它的定义就是在不改变原对象的基础上，通过对其进行包装拓展，使得原有对象可以动态具有更多功能，从而满足用户的更复杂需求。 举个例子，一部手机，你可以买各种花里胡哨的手机壳等 ...
万字血书Vue—Vue的核心概念
MVVM M：模型（Model）：data V：视图（View）：模板 VM：视图模型（ViewModel）：Vue实例对象 Vue收到了MVVM模型的启发，MVVM是vue实现数据驱动视图和双向数据绑定的核心原理，通过ViewModel监听DOM和数据源的变化。 Object.defineProp ...
记录--vue中封装一个右键菜单组件（复制粘贴即可使用）
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 组件介绍 关于web端的右键功能常用的地方有表格的右键，或者tab标签的右键等，本文记录一下封装一个右键菜单组件的思路步骤代码。 程序员除了会用轮子，还要尝试去贴合自己公司业务场景造轮子。 组件效果图 我们先看一下右键组件的效果图 组件分 ...
万字血书Vue-Vue进阶
Vue进阶 生命周期 组件运行的过程 组件的生命周期是：组件从创建->运行（渲染）->销毁的整个过程，是一个时间段 如何监听组件的不同时刻 vue框架为组件内置了不同时刻的生命周期函数，是他在关键时刻帮我们调用的一些特殊名称的函数，生命周期函数会伴随着组件的运行而自动调用。 created函数 组件 ...
万字血书Vue—Vue语法
模板语法 插值语法 Mustache插值采用{{ }}，用于解析标签体内容，将Vue实例中的数据插入DOM中 <h1>Hello {{name}}</h1> 指令语法 指令用于解析标签，是vue为开发者提供的一套模板语法，辅助开发者渲染页面的基本结构。 （指令是vue开发中最基础、最常用、最简单的知 ...