自由人686-CSDN博客

原创封装一个基于ThreeJS渲染基础模型的类，非常简单，可拖动可缩放

工作需求要求threeJS渲染一个模型以供可视化大屏展示，抛出模型精度不谈，只说业务实现

2023-11-22 17:57:10 600

原创 react 井字棋函数式写法

用react写一个井字棋，看了官网的文档，自己写一个函数式的写法，比较简陋和粗糙，如有错误请在评论区指出。写法比较粗糙，但是逻辑还是清晰的，我的主要思路就是对1~9的棋盘进行编组，然后进行循环对比。整体样式结构：（样式代码就不放了）

2023-01-28 10:26:21 303 1

这个时候, 我们就可以创建新的实例, 并且传入属于该实例的配置信息.原因是我们的项目部署在domain1.com服务器上时, 是不能直接访问domain2.com服务器上的资料的，会产生跨域问题。这个时候, 我们利用标签的src帮助我们去服务器请求到数据, 将数据当做一个javascript的函数来执行, 并且执行的过程中传入我们需要的json。在上面的示例中, 我们的BaseURL是固定的，事实上, 在开发中可能很多参数都是固定的。对以后的项目开发和维护都存在很大的隐患。

2022-12-31 21:32:49 1216 1

原创 vue经历从2.0到3.0更新

Vue2使⽤的是选项类型API（Options API），Vue3使⽤的是合成型API（Composition API）Vue2：复制代码Vue3：数据和⽅法都定义在setup中，并统⼀进⾏return{}

2022-12-30 19:14:03 1447 1

原创用vue3封装一个符合思维且简单实用的弹出层

在平常开发中，弹出层算是一个最常用的组件了，尤其是后台的表单页，详情页，用户端的各种确认都很适合使用弹出层组件展示，但是一般组件库提供给我们的一般还是组件的形式，或者是一个简单的服务。弹出层中间展示的如果是一个表单或者一个业务很重的页面，逻辑就会跟页面混在一起不好维护，如果抽离成组件，在后台这种全是表格表单的时候，都抽离成组件太过麻烦。一个页面如果只有一个弹出层还好维护，多几个先不说放在那里，光维护弹出层的展示隐藏变量都是件头大的事情。

2022-12-30 19:10:39 937

原创 setInterval与clearInervar实现秒表功能

开始暂停结束

2022-12-30 19:08:52 181

原创 vue3使用组件

其实你不想看文档，也有办法，无非是组件不显示么，对吧，那好你可以在main.js里面把你想动态引入的组件导入，再挂载到app全局组件。所以很明显，定义name和currentName的ref()就应该是个组件类型，非组件名称字符串。部分不动：我还是我，我只是坐地日行八万里，我很专一，没有变，我允许你无视我。// 此时cruuentComp不再是组件名字符串，而是组件实例，所以问题到此结束。CompA, // 'CompA':CompA 的简写。// 定义对象存储组件实例。

2022-12-30 19:06:57 1623

原创 js中函数的传递参数

if(typeof a === 'number' &&a === a){ //判断数字类型时要注意NaN是数字类型但不是数字，可以用NaN与自身不等的方法进行判断。1)js中函数传参时如果传递多个参数，需要用",",隔开，而且需要不同的变量去接收参数，传递的参数与接收参数的变量是一一对应的。//返回的值为100，将100传递到fn()的a中。//返回的值为先返回"s" ，再返回"课"

2022-12-30 11:30:47 3137

原创 JavaScript读取本地json文件方式

2、本人学过D3.js库，里面有一个函数可将文件读进代码。假如有本地文件：authors.json。1、引入jQuery。

2022-12-30 11:01:24 2824

原创 uniapp的onload()和onshow（）的区别

2.如果从一个页面携带参数跳转到另外一个页面，在另一个页面获取参数的方式： onLoad(options){ console.log(options.xxx) },这些参数都挂在在options.1.如果加载列表页，二级页面对一级的列表页面内容有修改，则以及列表函数应该在onShow中加载，否则可以选择onLoad。只加载一次，监听页面加载，其参数为上个页面传递的数据，参数类型为Object（用于页面传参）从二级页面返回该页面时，onLoad不会再次加载，而onshow会重新加载。

2022-12-30 10:52:33 8334

原创 uniapp实现onShow获取页面传递参数方法

【代码】uniapp实现onShow获取页面传递参数方法。

2022-12-30 10:48:01 1247

原创 Uniapp中onShow()的应用

在onShow()里面，通过一些参数，判断在切换页面的时候，有没有切换房屋，如果房屋没变的话，切换页面时就不用重新初始化变量。在使用一些变量进行判断时，用完一次开始下一次判断时，结果会跟前一次一样，比如门禁中第一个房子打开后，切换到另外的房子，结果返回结果跟第一个房子一样。用于使用了相同的变量进行判断，然而在第一次执行完后，并没有把变量重新初始化，导致页面在第二次加载的时候，显示的结果跟第一次一样。1.onShow()能够在页面显示的时候执行，可以用来对页面中的参数进行合理地初始化。

2022-12-30 10:47:01 3053

原创 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 10656

原创 uni-app路由跳转

页面底部的tabBar由页面决定,就是只要时定义为tabBar的页面,底部都有tabBar,不能再App.vue里面进行页面跳转。需要跳转的应用内非tabBar的页面,其实就是在pages.json里面配置的页面都不能跳转详情请看官网uni-app路由跳转。注意是关闭当前页面,跳转到应用内的某个页面,跳转到 tabBar 页面只能使用 switchTab 跳转。跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。需要跳转的应用内非tabBar的页面的路径,url:'跳转的路径'

2022-12-28 17:57:21 7020

原创 uniapp路由调整

2.接收路由参数的页面。2.2接收参数的页面。

2022-12-28 17:53:17 802

原创【无标题】

上节中我们讲到小程序的request请求，掌握了基本的网络请求方式，这节我们通过小程序的uploadFile接口能力完成对小程序上传操作（uni.uploadFile，后端php接口），通过这一节你可以学习到php的上传接口的写法，以及如何配合前端完成一个小程序上传操作。接下来我们在刚刚创建测试的方法upload中进行修改，首先整个动作原理是：通过点击按钮触发upload方法=》选择文件获取到本地的路径=》上传给服务器=》服务器返回上传的文件名（上传后随机生成的）了解到整个流程后我们先将文件进行选择。

2022-12-28 17:47:41 262

原创 uniapp录音功能

【代码】uniapp录音功能。

2022-12-28 17:45:42 961

原创 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 207

原创小程序生命周期

下拉刷新开启：pages.json中全局配置，或者页面的style中配置或通过 uni.startPullDownRefresh()方法。mounted(): 挂载到实例上去之后调用,注意：此处并不能确定子组件被全部挂载，如果需要子组件。onLoad 监听页面加载，其参数为上个页面传递的数据，参数类型为 Object（用于页面传参）页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面。onReachBottom：上拉加载，页面滚动到底部的事件，在事件中可以加载下一页数据。

2022-12-27 17:51:37 138

原创 react的生命周期

首先执行shouldComponentUpdate(), 看返回值是不是true，如果是true则继续执行componentWillUpdate()将要更新，然后。render()，最后更新完毕componentDidUpdate()；2. shouldComponentUpdate()-判断组件是否需要更新, 它需要一个返回值，默认为true，若为false则组件不更新。// 组件将要更新, 如果shouldComponentUpdate的返回值为true，那这个函数就要为组件更新做准备了。

2022-12-27 17:50:24 800 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 85

原创 JS 5种遍历对象的方式

for in 循环是最基础的的方式，它还会得到上的属性// 创建一个对象并指定其原型，bar 为原型上的属性// foo 为对象自身的属性可以看到对象原型上的属性也被循环出来了在这种情况下可以使用对象的() 方法过滤掉原型链上的属性这时候原型上的 bar 属性就被掉了。

2022-12-26 17:46:27 256

原创 Vue 点击事件获取当前元素

关键词: $event 在括号中输入这个关键词，然后在方法中就可以使用以下的方法去获取你当前所需要使用的元素。# 获得点击元素的前一个元素的第一个子元素的HTML值。# 获得点击元素中id为string的元素。# 获得点击元素的string属性。#获得点击元素的第一个子元素。# 获得点击元素的下一个元素。#获得点击元素的前一个元素。# 获得点击元素的父级元素。#是你绑定事件的元素。

2022-12-26 17:42:47 2150

原创 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 1292

原创 uniapp实现页面跳转以及跳转后传值

页面跳转的时候，传递的只能是string类型的，现实中如果想要传递json、Array记得需要先转成string传递，传递接收后再转回来使用（详见四、类型转换）。id=1&name=uniapp' /*这是跳转到的页面路径，？如开题所说，因为URL传递的只能是字符串，传递JSON、ARRAY不是字符串时候需要先转成字符串，然后接收后再换回来。保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。//打印出上个页面传递的参数。关闭当前页面，跳转到应用内的某个页面。

2022-12-25 17:54:59 2393

空空如也

空空如也