- 博客(58)
- 资源 (3)
- 收藏
- 关注
原创 uniapp中使用threejs加载几何体
我试了uniapp推荐的和threejs-miniprogram这个小程序官方库,都加载不出来我的obj模型。所有我推荐不要用obj模型最好,挺多都支持GLTF模型的,但是我不能改。安装,使用pnpm比较块。我的建议是使用这个库。
2024-06-30 19:51:23
484
原创 python3(超详细-保姆级教程)
Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。
2023-12-08 16:58:31
615
原创 【uniapp vue3学习】解决uni-popup弹出层出现,列表还能滚动
【代码】【uniapp vue3学习】解决uni-popup弹出层出现,列表还能滚动。
2023-11-27 14:19:18
1263
转载 js复杂数组去重
该方法使用filter方法过滤数组中第一个出现的对象,并使用findIndex方法查找第一个具有相同id属性的对象的索引。该方法使用map方法将每个对象转换为字符串,使用Set数据结构进行去重,最后使用map方法将字符串转换为对象。该方法使用reduce方法对数组进行遍历,如果某个对象的id属性不存在于。3.使用filter和findIndex方法。数组中,则将其添加到累加器数组中。
2023-10-07 17:07:49
165
原创 vue3 如果切换角色后权限不同 怎么清空之前添加动态路由。
然后尝试了了用removeRoute()的方法来移出路由,发现会将所有home以及home的所有子路由都删除掉,而我们想要达到的效果是,删除除了home还有home名叫wecolme的子路由以外的所有路由,所以这个removeRoute API并不适合(当然你可以先删除再新增路由,只是显得代码有点臃肿),继续寻找方法;其实可以看到,这4个路由是基本的路由,其他都是我们动态添加路由,那我们需要做的其实就是在退出登录的时候,将所有的路由恢复到这个初始化状态;以下是代码router里面的代码。
2023-08-15 17:16:59
2038
原创 uniapp中H5定位功能实现
Vue框架提供了对JSONP的支持,可以方便地在Vue应用中使用JSONP获取跨域数据。下面我们来了解一下Vue使用JSONP的步骤。2.要在uniapp的manifest.json中web配置中进行地图配置,填写腾讯地图api中的key,我个人使用的是腾讯地图。JSONP是一种跨域数据请求的解决方案,它使用script元素来请求数据,再利用回调函数将数据传回页面。在 manifest.json的源码视图中,看到H5相关配置。1.要实现该功能 必须使用vue-jsonp进行跨域。
2023-07-14 10:29:33
4720
原创 uniapp小程序定位 基础库高版本显示不出来地址 获取不到经纬度解决办法
【代码】uniapp小程序定位 基础库高版本显示不出来地址 获取不到经纬度解决办法。
2023-04-12 10:30:57
458
1
原创 uniapp小程序跳转到外部页面
页面,通过web-view这个标签进行动态绑定接收来的有效可访问网址,即可实现跳转功能 在pages中新建一个webview页面 如下。在模拟器上 不存在跳转的网站有https和http之分都可以跳转。然后在pages.json中配置webview.vue页面路径。该组件的行为是在app内打开外部浏览器,在h5打开新网页。
2023-03-26 11:33:34
5245
1
原创 什么是原型、原型链?原型和原型链的作用
对象的继承,先申明一个对象,里面添加实例成员。之前,继承都用构造函数来实现;构造函数存在的问题:浪费内存。2、静态成员,就是在。
2023-02-26 09:50:13
556
原创 操作mongdb数据库
mongodb网站操作mongodb1.配置环境变量 进入电脑 配置环境变量 D:\mono\bin\bin 这样可以全局访问。
2022-12-15 15:52:49
3395
转载 dat.gui 快速调节变量工具
onFinishChange((value)=>{console.log("完全停下来之后触发",value);onChange((value)=>{console.log("修改的值:",value);创建一个文件夹folder,如果要在这个文件下添加一些调节变量,就不跟之前。在页面调节面板中这个就对应这个名字,默认是这个属性值的名字。:gui.add(调节的属性,“属性的某个值”)值被修改时触发的事件,可以返回value。调节的最小值(属性对应的数据类型)最大值(属性对应的数据类型)
2022-12-10 14:55:14
298
转载 如何在 Vue3 组件中使用 TS 类型
据了解,已经有很多公司在使用 Vue3 + TS + Vite 开发新项目了。那么我们也不能落后,今天就给大家分享一下如何在 Vue3 组件中结合 Composition-使用 TS 类型。
2022-10-24 14:57:46
2500
原创 new Map()和for in两种方法判断一数据中对象和另一数组中对象是否想等
【代码】new Map()和for in两种方法判断一数据中对象和另一数组中对象是否想等。
2022-09-23 15:06:20
175
转载 浅拷贝与深拷贝的理解
当我们把一个对象赋值给一个新的变量时,赋的其实是该对象的在栈中的地址,而不是堆中的数据。也就是两个对象指向的是同一个存储空间,无论哪个对象发生改变,其实都是改变的存储空间的内容,因此,两个对象是联动的。如果被引用的对象发生改变,则新的和原来的数组中的这个元素也会发生改变。原理: 用JSON.stringify将对象转成JSON字符串,再用JSON.parse()把字符串解析成对象,一去一来,新的对象产生了,而且对象会开辟新的栈,实现深拷贝。进行的是浅拷贝,拷贝的是对象的属性的引用,而不是对象本身。
2022-09-07 17:14:34
1757
1
原创 用递归的方式处理数组 && 把递归方法方法定义到数组的原型上
这就不太好玩了,一般来说并发请求可以提高网络利用效率,但效率再怎么提高,带宽也是有限的,并发过多就会导致单个请求变慢,请求过慢就可能会被服务端干掉,被服务端干掉的话我们就拿不到想要的图片了。其实这也还只是一个半成品,我们可能还希望在递归完成的时候,再继续执行一些操作,比如说把下载下来的图片打个压缩包?我现在这种做法是有副作用的,递归过程中不断pop(),递归完成后,arr 就变成一个空数组了。可是既然是经常会用的东西……不管怎么说,这也是一个思路,如果发现这个思路中有其他严重的问题,或者有更好的建议。...
2022-08-26 00:19:35
490
原创 Vue2/Vue3中的代码逻辑复用对比(mixins、自定义hook)
mixins是Vue2.xOptionsAPI中常用的代码逻辑抽离手段,在Vue3.x中也同样可以使用。虽然好用,但其仍有一些比较显著的缺点,而Vue3.x引入的CompositionAPI中的自定义hook很好的解决了mixins带来的一些问题,本文将简单的对比一下这两种实现手段。使用Vue3的组合API封装的可复用的功能函数自定义hook的作用类似于vue2中的mixin技术自定义Hook的优势很清楚复用功能代码的来源,更清楚易懂。...
2022-07-27 00:04:36
4563
原创 vue3的setup语法糖<script setup>
在scriptsetup语法糖中,引入的组件可以自动注册,不需要再通过components进行注册,而且无法指定当前组件的名字,会自动以文件名为主,省去了name属性。父组件给子组件传值时,需要props接收。属性和方法也不用返回,也不用写setup函数,也不用写exportdefault,甚至是自定义指令也可以在我们的template中自动获得。使用组件,只需要引入组件就可以直接使用,不需要再在。中注册(组件命名采用的是大驼峰)...
2022-07-26 23:35:06
4619
1
原创 vue自定义指令相关
指令定义函数提供了几个钩子函数(可选):: 只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。 重点: 被绑定元素插入父节点时调用(父节点存在即可调用,不必存在于 document 中)。重点: 被绑定元素所在的模板更新时调用,而不论绑定值是否变化。通过比较更新前后的绑定值,可以忽略不必要的模板更新(详 细的钩子函数参数见下)。重点: 被绑定元素所在模板完成一次更新周期时调用。了解: 只调用一次, 指令与元素解绑时调用。了解钩子函数的参数有:el: 指令所绑定的
2022-07-01 09:45:28
282
原创 vue项目优化打包
配置完成后,当我们在去请求接口时,就可以这么写二、配置 alias 别名 使用vue-cli开发项目,最大特色是。组件中频繁引用其他组件或插件。我们可以把一些常用的路径定义成简短的名字。方便开发中使用 配置完成后,我们在项目中可以这样写路径项目结束后打包前webpack配置目的:打包前必做项目开发完成后,运行进行打包操作。打包前对webpack配置。一、去除生产环境sourceMap问题: vue项目打包之后js文件夹中,会自动生成一些map文件,占用相当一部分空间 so
2022-06-19 16:06:52
3730
1
原创 package.json中vue-cli-service相关配置说明
vue-cli-service:在脚手架的package.json中,serve配置的是与项目启动相关的信息:具体使用:或者在依赖中这样也可以改变或者在vue.config.js中也可以改变
2022-06-06 20:17:55
1255
转载 vue中sync的理解
官方推荐使用一种update:my-prop-name 的模式来替代事件触发,目的是为了优雅而不粗鲁的实现父子组件间的双向绑定!先来完成一个小功能:通过父组件按钮将子组件显示出来,如图:父组件代码:<template> <div> <input type="button" value="我是父组件中的按钮" @click="show"> <c..
2022-05-30 00:22:38
4070
原创 vue中对于MVVM的理解
MVVM架构是指: 数据层(Model):应用数据以及逻辑,主要指从后端获取的数据 视图层(View):页面UI组件,主要由 HTML 和 CSS 来构建 视图数据模型(ViewModel):数据与视图关联起来,数据和 DOM 已经建立了关联,是响应式的,使编程人员脱离复杂的界面操作 ViewModel主要功能是实现数据双向绑定: 数据变化后更新视图,既:model有数据更新时UI组件会响应变化 视图变化后更新数据,界面上如果有input输入框,输入数
2022-05-30 00:01:06
346
原创 vue中data为什么是函数--原理
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> /* var obj = { name:'里斯', age:30 } */ function box(){ return { ...
2022-05-29 23:46:03
486
原创 从这四点了解css的link和@import使用和区别
熟悉前端的小伙伴都知道网站的性能和网页代码有很大的关系,这里指网页代码主要是指前端代码(html、css、js代码),而css合理使用很大关系上影响网站页面各种性能,今天主要给大家分析下css中@import和link使用和区别?css中的@import和link在css中@import 导入指定的的外部样式表及目标媒体,css导入外部文件主要是通过link和@import实现的,它们都各自的语法结构。如果不清楚css基础知识可翻看之前发的文章。@import代码示例如下:<style
2022-04-20 17:23:10
1520
原创 Vue中的scoped的实现原理以及scoped穿透的用法
本篇文章给大家带来的内容是关于Vue中的scoped的实现原理以及scoped穿透的用法(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。1.什么是scoped在Vue文件中的style标签上有一个特殊的属性,scoped。当一个style标签拥有scoped属性时候,它的css样式只能用于当前的Vue组件,可以使组件的样式不相互污染。如果一个项目的所有style标签都加上了scoped属性,相当于实现了样式的模块化。2.scoped的实现原理Vue中的scope
2022-04-20 16:32:33
294
转载 vue父组件向子组件传递函数方法
父组件<template> <div> parent <child :parentHandler="parentHandler" /> </div></template><script>import child from "@/components/child";export default { components: { child }, data() { return {};
2022-03-31 23:51:26
3978
原创 Proxy理解以及vue3响应式原理
Proxy的应用可以使函数更加强大,业务逻辑更加清楚,而且在编写自己的框架或者通用组件时非常好用。Proxy涉及的内容非常多,那这里我就带你入门并且介绍给你后续的学习方法。在学习新知识之前,先来回顾一下定义对象的方法。var obj={ add:function(val){ return val+10; }, name:'I am 青阳子'};console.log(obj.add(100));console.log(obj.name);声明了一
2022-03-23 22:38:51
557
原创 uniapp中微信小程序账号登录
<template> <view class="content"> <!-- 登录适配 --> <!-- 最新版登录方法 --> <button type='primary' lang="zh_CN" @tap="getUserProfile">新的登录方式 </button> <!.
2022-03-17 22:51:14
635
原创 基于高德地图的汽车行驶轨迹
<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <li.
2022-03-12 17:20:56
1724
转载 vue3笔记
1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking 3.支持TypeScriptVue3可以更好的支持TypeScript4.新的特性 Composition API(组合API) setup配置 ref与reactive watch与watchEffect provid
2022-02-27 21:51:04
1796
原创 兄弟组件间通讯总线机制 以及$attrs和$listeners的使用
总线机制<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> </head><body> <div id="root"> <child content="DELL"></child> <child content=
2021-12-14 11:59:43
426
转载 使用require.context实现前端工程自动化
require.context是什么一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块什么时候需要用到require.context在Vue写的项目中,我把路由通过不同的功能划分成不同的模块,在index.js中一个个导入(原谅ide的警告-.-..
2021-11-16 17:03:06
416
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人