2023年2月24日
摘要: 模型点击蒙版展示 点击展示目的(用户需要看见模型中更加多的内容信息) 使用技术 ThreeJs、React-three-fiber、React-three-drei、React、css 整体思路: 1、在展示模型中点击模型将模型数据和visible信息存储 2、将模型数据和visible数据传入蒙版 阅读全文
posted @ 2023-02-24 14:39 叁柒叭 阅读(152) 评论(0) 推荐(0) 编辑
  2022年6月7日
摘要: 动态组件 动态切换组件的显示和隐藏 如何实现动态组件的渲染 vue提供了有一个内置的<component>组件,专门用来实现动态组件的渲染。示例代码如下: 使用keep-alive保持状态 (可以把内部的组件进行缓存,而不是销毁组件) keep-alive对应的生命周期函数 (对组件进行缓存) 当组 阅读全文
posted @ 2022-06-07 17:52 叁柒叭 阅读(125) 评论(0) 推荐(0) 编辑
  2022年6月6日
摘要: 数组中的方法 filter filter方法可以过滤符合条件的数值,返回一个新数组,可以利用filter和indexOf进行数组去重操作(indexOf返回的是该数组内的值第一次出现的索引,若无该值返回-1) var arr =[1,2,3,4,4,2] ; arr = arr.filter((it 阅读全文
posted @ 2022-06-06 21:25 叁柒叭 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 组件的声明周期 声明周期(Life Cycle)是指一个组件从创建->运行->销毁的整个阶段,强调的是一个时间段。 声明周期函数:是由vue框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行。 created触发Ajax请求 组件之间的数据共享 1.组件之间的关系 在项目开发中,组件之间的最 阅读全文
posted @ 2022-06-06 01:03 叁柒叭 阅读(63) 评论(0) 推荐(0) 编辑
  2022年6月4日
摘要: 组件之间的父子关系 使用组件的三个步骤 步骤1:使用import语法导入需要的组件 步骤2:使用conponents节点注册组件 步骤3:以标签形式使用刚才注册的组件 通过components注册的是私有子组件 例:在组件A的components节点下,注册了组件F。则组件F只能用在A中; 注册全局 阅读全文
posted @ 2022-06-04 23:58 叁柒叭 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 侦听器 watch侦听器 watch侦听器允许开发者监视数据 的变化,从而针对数据的变化做特定的操作 语法如下 侦听器的格式 1.方法格式的侦听器 缺点:无法在所进入页面的时候,自动触发!!! 如果侦听的是一个对象,如果对象中的属性发生了变化,不能触发侦听器!!! 2.对象格式的侦听器 好处:可以通 阅读全文
posted @ 2022-06-04 00:00 叁柒叭 阅读(76) 评论(0) 推荐(0) 编辑
  2022年6月2日
摘要: 条件渲染指令 v-if:动态移除或创建元素(如果刚进入页面的时候,某些元素默认不需要被显示,而且后期这个元素很可能也不需要被展示出来) v-show: 添加或移除display:none的样式(频繁切换元素的显示状态,性能更好) 实际开发不太需要考虑性能问题 列表渲染指令 v-for指令还支持一个可 阅读全文
posted @ 2022-06-02 18:54 叁柒叭 阅读(78) 评论(0) 推荐(0) 编辑
  2022年5月27日
摘要: vue基础代码 <script src="vue路径"></script> <script> const vm = new Vue({ //el是固定写法,表示控制那块区域,接收的值是选择器 el:'#app', //el指向的选择器就是view视图区域 data:{ //Model数据源 } }) 阅读全文
posted @ 2022-05-27 23:04 叁柒叭 阅读(98) 评论(0) 推荐(0) 编辑
  2022年5月21日
摘要: Vue(用于构建用户界面的前端框架) Vue框架的特性,主要有 ① 数据驱动试图 ②双向数据绑定 js数据的变化,会被自动渲染到页面上 页面上表单采集的数据发生变化的时候,会被vue自动获取到,并更新到js数据中 阅读全文
posted @ 2022-05-21 21:36 叁柒叭 阅读(67) 评论(0) 推荐(0) 编辑
  2022年5月15日
摘要: 打包处理less文件 1,运行npm i less-loader@10.0.1 less@4.1.1 -D 2, 在webpack.config.js的module->rules数组中 rules:[{test:/\.less$/,use:['style-loader','css-loader',' 阅读全文
posted @ 2022-05-15 23:54 叁柒叭 阅读(110) 评论(0) 推荐(0) 编辑