- 博客(58)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 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关注的人