![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 52
自由人686
这个作者很懒,什么都没留下…
展开
-
封装一个基于ThreeJS渲染基础模型的类,非常简单,可拖动可缩放
工作需求要求threeJS渲染一个模型以供可视化大屏展示,抛出模型精度不谈,只说业务实现原创 2023-11-22 17:57:10 · 461 阅读 · 0 评论 -
vue axios
这个时候, 我们就可以创建新的实例, 并且传入属于该实例的配置信息.原因是我们的项目部署在domain1.com服务器上时, 是不能直接访问domain2.com服务器上的资料的,会产生跨域问题。这个时候, 我们利用标签的src帮助我们去服务器请求到数据, 将数据当做一个javascript的函数来执行, 并且执行的过程中传入我们需要的json。在上面的示例中, 我们的BaseURL是固定的,事实上, 在开发中可能很多参数都是固定的。对以后的项目开发和维护都存在很大的隐患。原创 2022-12-31 21:32:49 · 1145 阅读 · 1 评论 -
vue经历从2.0到3.0更新
Vue2使⽤的是选项类型API(Options API),Vue3使⽤的是合成型API(Composition API)Vue2:复制代码Vue3:数据和⽅法都定义在setup中,并统⼀进⾏return{}原创 2022-12-30 19:14:03 · 1406 阅读 · 1 评论 -
用vue3封装一个符合思维且简单实用的弹出层
在平常开发中,弹出层算是一个最常用的组件了,尤其是后台的表单页,详情页,用户端的各种确认都很适合使用弹出层组件展示,但是一般组件库提供给我们的一般还是组件的形式,或者是一个简单的服务。弹出层中间展示的如果是一个表单或者一个业务很重的页面,逻辑就会跟页面混在一起不好维护,如果抽离成组件,在后台这种全是表格表单的时候,都抽离成组件太过麻烦。一个页面如果只有一个弹出层还好维护,多几个先不说放在那里,光维护弹出层的展示隐藏变量都是件头大的事情。原创 2022-12-30 19:10:39 · 903 阅读 · 0 评论 -
setInterval与clearInervar实现秒表功能
开始暂停结束原创 2022-12-30 19:08:52 · 140 阅读 · 0 评论 -
vue3使用组件
其实你不想看文档,也有办法,无非是组件不显示么,对吧,那好你可以在main.js里面把你想动态引入的组件导入,再挂载到app全局组件。所以很明显,定义name和currentName的ref()就应该是个组件类型,非组件名称字符串。部分不动: 我还是我,我只是坐地日行八万里,我很专一,没有变,我允许你无视我。// 此时cruuentComp不再是组件名字符串,而是组件实例,所以问题到此结束。CompA, // 'CompA':CompA 的简写。// 定义对象存储组件实例。原创 2022-12-30 19:06:57 · 1565 阅读 · 0 评论 -
js中函数的传递参数
if(typeof a === 'number' &&a === a){ //判断数字类型时要注意NaN是数字 类型但不是数字,可以用NaN与自身不等的方法进行判断。1)js中函数传参时如果传递多个参数,需要用",",隔开,而且需要不同的变量去接 收参数,传递的参数与接收参数的变量是一一对应的。//返回的值为100,将100传递到fn()的a中。//返回的值为 先返回"s" ,再返回"课"原创 2022-12-30 11:30:47 · 3023 阅读 · 0 评论 -
JavaScript读取本地json文件方式
2、 本人学过D3.js库,里面有一个函数可将文件读进代码。假如有本地文件:authors.json。1、引入jQuery。原创 2022-12-30 11:01:24 · 2762 阅读 · 0 评论 -
uniapp的onload()和onshow()的区别
2.如果从一个页面携带参数跳转到另外一个页面,在另一个页面获取参数的方式: onLoad(options){ console.log(options.xxx) },这些参数都挂在在options.1.如果加载列表页,二级页面对一级的列表页面内容有修改,则以及列表函数应该在onShow中加载,否则可以选择onLoad。只加载一次,监听页面加载,其参数为上个页面传递的数据,参数类型为Object(用于页面传参)从二级页面返回该页面时,onLoad不会再次加载,而onshow会重新加载。原创 2022-12-30 10:52:33 · 8201 阅读 · 0 评论 -
uniapp实现onShow获取页面传递参数方法
【代码】uniapp实现onShow获取页面传递参数方法。原创 2022-12-30 10:48:01 · 1192 阅读 · 0 评论 -
Uniapp中onShow()的应用
在onShow()里面,通过一些参数,判断在切换页面的时候,有没有切换房屋,如果房屋没变的话,切换页面时就不用重新初始化变量。在使用一些变量进行判断时,用完一次开始下一次判断时,结果会跟前一次一样,比如门禁中第一个房子打开后,切换到另外的房子,结果返回结果跟第一个房子一样。用于使用了相同的变量进行判断,然而在第一次执行完后,并没有把变量重新初始化,导致页面在第二次加载的时候,显示的结果跟第一次一样。1.onShow()能够在页面显示的时候执行,可以用来对页面中的参数进行合理地初始化。原创 2022-12-30 10:47:01 · 2944 阅读 · 0 评论 -
uni-app中调取接口的三种方式
对于 POST 方法且 header[‘content-type’] 为 application/x-www-form-urlencoded 的数据,会将数据转换为 query string。例如 { name: ‘name’, age: 18 } 转换后的结果是 name=name&age=18。对于 POST 方法且 header[‘content-type’] 为 application/json 的数据,会进行 JSON 序列化。例:在任意文件中书写下列代码可以调用。2、进入main.js文件。原创 2022-12-30 10:32:24 · 10379 阅读 · 0 评论 -
uni-app路由跳转
页面底部的tabBar由页面决定,就是只要时定义为tabBar的页面,底部都有tabBar,不能再App.vue里面进行页面跳转。需要跳转的应用内非tabBar的页面,其实就是在pages.json里面配置的页面都不能跳转详情请看官网uni-app路由跳转。注意是关闭当前页面,跳转到应用内的某个页面,跳转到 tabBar 页面只能使用 switchTab 跳转。跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。需要跳转的应用内非tabBar的页面的路径,url:'跳转的路径'原创 2022-12-28 17:57:21 · 6855 阅读 · 0 评论 -
uniapp路由调整
2.接收路由参数的页面。2.2接收参数的页面。原创 2022-12-28 17:53:17 · 716 阅读 · 0 评论 -
【无标题】
上节中我们讲到小程序的request请求,掌握了基本的网络请求方式,这节我们通过小程序的uploadFile接口能力完成对小程序上传操作(uni.uploadFile,后端php接口),通过这一节你可以学习到php的上传接口的写法,以及如何配合前端完成一个小程序上传操作。接下来我们在刚刚创建测试的方法upload中进行修改,首先整个动作原理是:通过点击按钮触发upload方法=》选择文件获取到本地的路径=》上传给服务器=》服务器返回上传的文件名(上传后随机生成的)了解到整个流程后我们先将 文件进行选择。原创 2022-12-28 17:47:41 · 218 阅读 · 0 评论 -
uniapp录音功能
【代码】uniapp录音功能。原创 2022-12-28 17:45:42 · 884 阅读 · 0 评论 -
uniapp的生命周期
uni-app实现了一套代码,同时运行到多个平台一套代码,同时运行到iOS模拟器、Android模拟器、H5、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具、QQ开发者工具底部8个终端选项卡代表8个终端模拟器。uni-app(uni,读you ni,是统一的意思) 是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台。原创 2022-12-27 17:53:46 · 169 阅读 · 0 评论 -
react的生命周期
首先执行shouldComponentUpdate(), 看返回值是不是true,如果是true则继续执行componentWillUpdate()将要更新,然后。render(),最后更新完毕componentDidUpdate();2. shouldComponentUpdate()-判断组件是否需要更新, 它需要一个返回值,默认为true,若为false则组件不更新。// 组件将要更新, 如果shouldComponentUpdate的返回值为true,那这个函数就要为组件更新做准备了。原创 2022-12-27 17:50:24 · 739 阅读 · 3 评论 -
Vue的生命周期
这里讲的el是真实的el。在这里跟vue图示有出入,vue图示中说明在beforeUpdate阶段,只有data中的数据改变,而试图的还未更新,视图中还是旧的数据,但在示例中,beforeUpdate钩子函数打印el可看出试图中的数据已更新。这个时候压力就来到了我这边,百思不得其姐之后,我突然想到 console.log(this.$refs.$el)这个输出代码,在给beforeUpdate中添加延时代码后我顿悟了,console.log(this.$refs.$el)输出的是数据完成更新时候的el。原创 2022-12-27 17:49:12 · 61 阅读 · 0 评论 -
Vue 点击事件获取当前元素
关键词: $event 在括号中输入这个关键词,然后在方法中就可以使用以下的方法去获取你当前所需要使用的元素。# 获得点击元素的前一个元素的第一个子元素的HTML值。# 获得点击元素中id为string的元素。# 获得点击元素的string属性。#获得点击元素的第一个子元素。# 获得点击元素的下一个元素。#获得点击元素的前一个元素。# 获得点击元素的父级元素。#是你绑定事件的元素。原创 2022-12-26 17:42:47 · 2076 阅读 · 0 评论 -
uniapp实现简单的动画效果(不使用dom操作)
uniapp做开发区别于H5开发,不能使用js进行dom操作,只能获取dom信息。(获取dom信息参考:https://www.cnblogs.com/huihuihero/p/12966528.html ) 不能操作dom,这使得通过操作dom来实现一些简单的动画效果变得困难 不过有一个很简单的思路: 定义不同的class,每个class对应一种样式,加一个transition过渡。然后通过更换节点的class即可实现两种样式过渡(动画)原创 2022-12-26 17:41:54 · 1193 阅读 · 0 评论 -
uniapp实现页面跳转以及跳转后传值
页面跳转的时候,传递的只能是string类型的,现实中如果想要传递json、Array记得需要先转成string传递,传递接收后再转回来使用(详见四、类型转换)。id=1&name=uniapp' /*这是跳转到的页面路径,?如开题所说,因为URL传递的只能是字符串,传递JSON、ARRAY不是字符串时候需要先转成字符串,然后接收后再换回来。保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。//打印出上个页面传递的参数。关闭当前页面,跳转到应用内的某个页面。原创 2022-12-25 17:54:59 · 2322 阅读 · 0 评论 -
Vue生命周期
vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组件所谓的生命周期。原创 2022-11-20 19:07:54 · 133 阅读 · 0 评论 -
在vue3中,新的组合式API中没有this,那我们如果需要用到this怎么办?
在vue3中,新的组合式API中没有this,那我们如果需要用到this怎么办?原创 2022-09-18 16:57:45 · 2378 阅读 · 0 评论 -
vue3中如何使响应式的proxy对象转换成非响应式
vue3中如何使响应式的proxy对象转换成非响应式原创 2022-09-18 16:53:59 · 3207 阅读 · 0 评论 -
Vue3 toRef/toRefs解析与使用
Vue3 toRef/toRefs解析与使用原创 2022-09-09 19:33:41 · 2481 阅读 · 0 评论 -
Vue事件修饰符
vue事件修饰符转载 2022-09-04 17:18:24 · 1080 阅读 · 0 评论 -
echarts图表切换时的合并问题
解决echarts图表切换时合并的问题原创 2022-09-04 16:41:41 · 1763 阅读 · 0 评论 -
浅析Vue3中setup语法糖
vue3语法糖转载 2022-08-28 18:04:06 · 1894 阅读 · 0 评论 -
Vue实现点击复制
vue实现点击复制转载 2022-08-21 18:23:11 · 2166 阅读 · 0 评论 -
vue的计算属性入门
vue中计算属性入门原创 2022-08-14 18:01:43 · 213 阅读 · 0 评论