目录threejs 介绍前言安装 threejs初始化项目创建渲染器 WebGLRenderer创建场景 Scene创建相机并设置位置 PerspectiveCamera添加模型 Mesh光线添加轨道控制器 OrbitControls添加点光源 PointLight模型部分拓展添加辅助线模型编辑逻辑梳理使用变换控制器 TransformControls鼠标移
......
625
0
0
2023-05-06
目录获取 this全局注册(属性/方法)获取 DOM初始化解除绑定ref 和 reactivetoRef 和 toRefswatchwatchEffectcomputednextTickmixins 和 hooks组件通信多个 v-model状态管理路由templateCSS 样式穿透CSS 绑定 JS 变量获取 thisVue2 中每个组件里使用 this
......
314
0
0
2023-05-03
目录Vue3 组件通信方式Vue3 通信使用写法1. props2. $emit3. expose / ref4. attrs5. v-model6. provide / inject7. Vuex8. mittVue2.x 组件通信方式Vue2.x 通信使用写法1. props2. .sync3. v-model4. ref5. $emit / v-on6
......
282
0
0
2023-05-03
1. 思考不知道大家是否思考过new Vue()这个过程中究竟做了些什么？过程中是如何完成数据的绑定，又是如何将数据渲染到视图的等等2. 源码解析首先找到vue的构造函数源码位置：node_modules/vue/src/core/instance/index.js（ps：找不到可以在node_modules目录下搜索，因为懒惰后边就不写node_modul
......
272
0
0
2023-05-02
工作中遇到一个需求是根据日历查看某一天/某一周/某一月的睡眠报告，但是找了好多日历组件都不是很符合需求，只好自己手写一个日历组件，顺便记录一下。先看看UI给的设计图和,需求是有数据的日期做标记,可以查看某一周/某一月的数据,周数据不用自定义,就按照日历上的周数据截取.实现效果1.规划dom部分区块划分2.页面实现选择月份和选择年份与日期做了条件渲染,切换方式
......
352
0
0
2023-05-02
目录1.路由参数解耦2.功能组件3.样式范围4.watch的高级使用5.watch监听多个变量6.事件参数$event7.程序化事件监听器8.监听组件生命周期总结1.路由参数解耦通常在组件中使用路由参数，大多数人会做以下事情。export default {
methods: {
getParamsId() {
......
268
0
0
2023-05-02
目录一. 为什么要使用Composition API1.1.一个Options API实例1.2.Options API存在的问题1.3.Composition API简介二.Composition API2.1.setup()入口2.2.ref 响应式监听2.3.reactive与toRefs2.4.computed的用法2.5.watch的用法2.6.s
......
283
0
0
2023-05-02
目录1. 简介2. 解释3.绑定元素的 Class3.1 对象3.1.1 对象语法3.1.2 与普通的 class 属性共存3.1.3 利用计算属性绑定样式3.2 数组语法4.绑定内联样式4.1 对象语法4.2 数组语法5. 小节1. 简介本小节我们将介绍 Vue 中如何动态绑定样式。包括 Class 的绑定、内联样式 Style 的绑定。掌握样式绑定的多种
......
321
0
0
2023-04-30
目录（一）什么是跨域（二）axios请求（1）请求方式（2）如何发送axios请求（三）配置代理解决跨域问题（1）方法一：使用vuecli配置代理服务器(2)方法二（一）什么是跨域同源请求就是指协议名、主机名、端口号三者一样跨域请求：是指协议名、主机名、端口号三者有任何一个不一样，而且跨域请求是请求发出去了，服务器接收并返回了结果，只是浏览器没有接收响应结果
......
347
0
0
2023-04-27
在 Vue 中，props 和 slot 都是组件之间进行通信的机制，它们的作用和应用场景有一些区别：props 是一种组件的数据传递机制，通过在父组件中以属性的形式向子组件传递数据。子组件接收这些数据，并可以进行相应的处理和渲染。props 在组件开发中非常常见，可以让我们更加方便和灵活地进行组件间的数据传
......
291
0
0
2023-04-27
目录1. 快速使用2. 快速了解 Tailwind CSS 类3. 在 Tailwind CSS 中使用 flex 布局4. 实现常见的布局5. 实现黑白主题切换6. Tailwind CSS 兼容组件库吗？7. Tailwind CSS 高级用法本文将带你了解 Tailwind CSS，一款可以帮助开发者快速构建样式的 CSS 工具包。以 Vue 为基础，
......
454
0
0
2023-04-26
computed 的实现原理computed 本质是一个惰性求值的观察者。computed 内部实现了一个惰性的 watcher,也就是 computed watcher,computed watcher 不会立刻求值,同时持有一个 dep 实例。其内部通过 this.dirty 属性标记计算属性是否需要重新求值。当 computed 的依赖状态发生改变时,
......
369
0
0
2023-04-21
目录前言一、实现原理二、代码实现三.uniapp实现四、多列实现总结前言瀑布流布局是网页设计常见的一种布局，一般用于图片多列展示。列宽固定，图片根据自身高度自适应交错排列。一、实现原理通过动态计算哪一列高度最低，就把图片放置该列下显示，直至所有图片分列完毕计算哪一列高度最低具体实现过程又分2种方式：方式1：通过计算每一列每张图片渲染后高度进行累加就是该列的高
......
553
0
0
2023-04-19
目录什么是websocketwebsocket 原理websocket与http的关系实际开发后端代码总结：什么是websocketWebSocket 是一种网络通信协议。RFC6455定义了它的通信标准。WebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于tcp的协议）它实现了浏览器与服务器全双工通信，能更好的节省服务器资源
......
515
0
0
2023-04-19
前言vue作为前端主流的3大框架之一，目前在国内有着非常广泛的应用，由于其轻量和自底向上的渐进式设计思想，使其不仅仅被应用于PC系统，对于移动端，桌面软件（electronjs）等也有广泛的应用，与此诞生的优秀的开源框架比如elementUI，iView， ant-design-vue等也极大的降低了开发者的开发成本，并极大的提高了开发效率。笔者最初接触vu
......
314
0
0
2023-04-16