阿里巴啦-CSDN博客

原创 LocalAi，Ollama+AnythingLLM搭建部署本地大模型AI知识库，汉化版本

AnythingLLM 是一个全栈应用程序，您可以使用商业现成的 LLM 或流行的开源 LLM 和 vectorDB 解决方案来构建私有 ChatGPT，无需任何妥协，您可以在本地运行，也可以远程托管并能够智能聊天以及您提供的任何文件。

2024-04-19 13:18:15 1083 6

原创 stable diffusion运行报错Cannot convert a MPS Tensor to float64 dtype as the MPS framework doesn‘t suppor

使用3d相关模型会报错，TypeError: Cannot convert a MPS Tensor to float64 dtype as the MPS framework doesn't support float64. Please use float32 instead.

2024-02-27 10:53:15 801 2

原创面对大数据量渲染，前端工程师如何保证页面流畅性?

本文探讨了前端工程师在处理大数据量渲染时,如何保证页面的流畅性和用户体验的方法。首先,文章分析了影响网页性能的一般因素,包括请求数量、资源大小、缓存使用等。然后,文章具体剖析了前端优化大数据量渲染的技术手段,例如合理分页、虚拟列表、防抖处理、懒加载、缓存复用等。文章给出了一些详细的优化方案,如动态渲染可视区域、分页按需加载数据、启用路由缓存、图片懒加载、虚拟化长列表、图表分块渲染等。这些方法可以有效减少不必要的DOM操作和资源加载,提升渲染和交互效率。

2023-09-21 14:57:55 2352

原创如何在工作中保持稳定情绪？应对挑战和困扰的有效方法

当工作中遇到压力和挑战时，保持稳定的情绪是至关重要的。稳定的情绪可以帮助我们更好地处理问题，保持专注和高效工作。

2023-07-07 10:26:47 263

原创年轻人储蓄难题：平衡生活与未来规划的挑战

年轻人存款难是一个复杂的问题，涉及到经济压力、消费观念、生活方式等多个方面。在现代社会中，年轻人面临着许多经济压力和挑战。高房价、高学费以及生活成本的不断上涨，都给年轻人的储蓄带来了很大的压力。

2023-06-28 13:54:20 355

原创 ts轮询类函数方法及案例应用，可配置的时间和次数，开启，停止，重新启动等

本文将介绍如何使用 TypeScript编写一个轮询类，该轮询类支持可配置的轮询时间间隔和次数，并且可以通过start、stop 和restart方法来控制轮询的开启、停止和重新启动。最后也会提供使用案例。

2023-06-06 16:39:43 516

原创探究Fingerprintjs：了解浏览器指纹技术的原理和应用

Fingerprintjs是一种浏览器指纹技术，它可以通过收集用户浏览器的一些特征信息，如浏览器类型、操作系统、屏幕分辨率等，来生成一个唯一的浏览器标识。这种技术被广泛应用于网络安全、广告营销、反欺诈等领域。

2023-02-08 14:14:53 3716 1

原创连接mysql数据库报错，Client does not support authentication protocol requested by server；

客户端不支持服务器请求的认证协议;考虑升级MySQL客户端

2022-12-02 10:00:01 2493 1

原创 electron开发mac/windows桌面程序，配合vue3+vite进行配置开发

electron+vue3+vite开发mac,windows的桌面应用程序

2022-10-27 14:41:20 3147 5

原创关于企业微信的第三方应用开发

企业微信第三方应用，企微授权，注入权限，客户端api等调用，企微vue开发

2022-06-24 17:19:11 4888 2

原创 vue路由切换时报错：api.now is not a function

vue路由切换报错vue-devrools

2022-04-24 18:03:51 7982

原创 vue3项目简化Compositions API使用-省去频繁的import和各use函数调用

当我们开发vue3项目，经常会使用proxy,router,store等等，避免代码的冗余，整理成一个共用文件，引入使用即可。

2022-03-25 11:39:07 1786

原创 vue3 vite版本引入本地静态图片的方式

vue3引入本地静态图片

2022-01-28 15:16:00 18535 5

原创 uni-app 微信小程序vendor.js 过大的处理方式和分包优化

小程序工具提示vendor.js过大，已经跳过es6向es5转换。这个转换问题本身不用理会，因为vendor.js已经是es5的了。HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码cli创建的项目可以在package.json中添加参数–minimize，示例：“dev:mp-weixin”: “cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue...

2021-11-15 11:20:45 14898 3

原创使用uni-app自动注册全局组件

全局共用组件为经常使用，所以自动化注册是个不错的选择；方式1：webpack的 require.context方式此方式适用于浏览器端，如需兼容看下面的方式2// /*// **全局注册组件// ** 放在components/global文件夹下// ** 仅适用于h5端，微信端-移步到pages.json的easycom配置, 以App开头命名name// */const requireComponent = require.context( './global', tr

2021-09-14 11:40:07 2187

原创 vue3项目vite2 element-plus按需引入报错Cannot access ‘e‘ before initialization

2021-08-24 17:07:27 7898 1

原创 vue3中自动化注册全局组件vite版

引言：当我们开发一个很大的项目的时候，往往需要封装很多全局组件来复用，这时如果我们一个个的在main.js通过去完成全局注册就非常麻烦，所以我们得自动注册全局组件直接使用。本文主讲vue3+vite的项目vite不像webpack可以使用require.context方法进行处理，这里就不细说了。ok，我们来看看vite中的引入方式。import.meta.glob 为过动态导入import.meta.globEager 为直接引入先看下目录结构：我们在components目录下创建一个

2021-08-13 11:39:21 3552 1

原创 vue的nuxtjs报错 Cannot use import statement outside a module

项目场景：因nuxt项目需要安装a基础库包，故需引用到a包的一些方法，从而import的时候报错了。问题描述：如我们import fn from “a”，拿a包的fn方法时，报的错误：Cannot use import statement outside a module解决方案：nuxt官网说明：https://zh.nuxtjs.org/docs/2.x/directory-structure/plugins在nuxt.config.js配置中，build中加入transpile，如下：

2021-06-28 11:38:22 2598

原创 vue3基于hammerjs实现移动端图片拖动缩放旋转功能案例

首先我们先有一个需求，就是在移动端h5实现图片的拖动，缩放，旋转等手势操作。假如我们使用原生的touch实现起来是非常麻烦，推荐使用一下hammerjs这个包进行处理这些手势操作。hammerjs是什么　　hammerjs：hammerjs这个库可以让我们轻松的实现移动端上的手势操作，也去除移动端上的点击事件的300ms延迟。　　它封装了一下这些方法：pan 左右拖动tap 点击press 长时间按压swipe 滑动rotate 旋转效果pinch 缩放我写了个案例大概是这样子

2021-05-27 10:40:55 3120 5

原创 Vue3.0跨级嵌套组件通信$attrs，context.attrs和.emit的使用

上一篇2.4x的文章已经提过，就不作多说明，组件可以有以下几种关系：如下图所示，A 和 B、B 和 C/D 都是父子关系，C 和 D 是兄弟关系，A 和 C/D 是隔代关系。vue2.x文章移步到：Vue2.x跨级组件嵌套组件通信attrs，attrs，attrs，listeners，inheritAttrs的使用$attrs：包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有

2021-05-17 15:45:30 4709

原创 Win10安装mysql-8.0.24-winx64图文详细步骤

本地安装MySQL详细步骤我win10电脑，安装的步骤如下：1. 官网下载MySQL，地址：https://dev.mysql.com/downloads/mysql/创建文件夹MySQL，解压完成放里面2. 配置环境变量用户变量：系统变量：3.创建配置文件，my.ini把下面的内容复制到my.ini文件里面：[client]# 设置mysql客户端默认字符集default-character-set=utf8 [mysqld]# 设置3306端口port = 3

2021-05-10 14:23:37 2118 2

原创 Vue2.x跨级/嵌套组件通信$attrs，$listeners，inheritAttrs的使用

一般来说，组件可以有以下几种关系：如上图所示，A 和 B、B 和 C/D 都是父子关系，C 和 D 是兄弟关系，A 和 C/D 是隔代关系。vue组件之间的通信6种为：父子通信：props/$emit兄弟通信：eventHub（$emit / $on）vue 的状态管理器，存储的数据是响应式：vuex多级组件嵌套：$attrs / $listeners注入依赖：provide/inject组件访问：$parent / $children与 ref假如我们想让A和C进行通信，有些小伙伴就

2021-05-08 16:02:05 1041 2

原创 js的19种数组操作方法实例

JavaScript中数组的操作数组是可以直接进行增删查改，非常实用。定义两个数组便于使用：let array = [2, 1, 2, 5, 6, 7, 8, 9, 9, 10];let users = [{ id: 1, name: "ted" },{ id: 1, name: "bob" },{ id: 3, name: "sara" },{ id: 4, name: "test" },{ id: 4, name: "test" },{ id: 5, name: "abc" }];

2021-05-06 15:13:08 615

原创微信小程序-天气预报案例之和风天气API-简易版

小程序-天气预报简单应用版本。鉴于有些小伙伴对云开发不熟悉，就弄了个简单版的。气象数据：和风天气，苹果app也是用和风天气sdk的哦。，自行去申请key密钥哦。和风天气：小程序合法域名配置：https://devapi.qweather.comhttps://geoapi.qweather.com和风天气密钥key放app.js里面案例截图：...

2021-04-22 10:27:13 3528 1

原创 js复杂条件判断的优雅写法new Map

在我们日常项目中经常需要做一些逻辑条件判断，由于旧的习惯，用if/else或switch来实现多个条件判断；简单的判断确实可以使用，但这样会有个问题，随着逻辑复杂度的增加，变得越来越臃肿，那么我们不妨使用一下es6中的,Map语法。Map是一组键值对的结构，具有极快的查找速度.如：if/else 或者 switch，下方代码确实可以实现，就是看起来有点呆。const fn = (status)=>{ if(status == 1){ //do sth }else if(sta

2021-04-16 16:24:15 1121

原创 Vue2.x和Vue3.0同时支持的调试工具devtools-6.0.0-beta-10-适用谷歌浏览器

vue开发利器:vue-devtools，适合vue3.0版本的。Vue3.0版本的-devtools-6.0.0-beta-7适合谷歌浏览器，下载地址：https://download.csdn.net/download/weixin_42211816/16632636?spm=1001.2014.3001.5503

2021-04-13 10:40:58 4910 5

原创为什么Vue中的v-if 和v-for不建议一起用？

我们都知道v-if和v-for是vue开发工程中十分常用的方法，当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级。这意味着 v-if 将分别重复运行于每个 v-for 循环中，即先运行 v-for 的循环，然后在每一个 v-for 的循环中，再进行 v-if 的条件对比，会造成性能问题，影响速度。解决方案：1.外部嵌套 template v-if 判断，内部进行 v-for 循环<template v-if="isShow"> <div v

2021-04-03 13:41:19 6114 1

原创 js多层嵌套对象数组-根据最里层id找出它所属的每层父级id集合

根据已有子级id，找到它的所有对应的父级们的集合。比如我们现在有 levelIdList:[“166”]，我们要找到这个166它的父级，然后再找爷级，以此类推。数据效果图：我们也得到的下方的数据。我们先看下初始数据data树的结构：（因为层级有点深，截图来看） bindFindKeys(data, val) { let arr = [], newArr = []; for (let i = 0; i<

2021-04-03 12:02:10 5145

原创 vue-draggable拖拽拖动组件的实际应用案例

vue-draggable拖拽组件库在项目中总会遇见一些需要排序的数据，那我们可以通过vuedraggable 进行拖动排序。draggable为基于sortable.js的vue组件，用以实现拖拽功能。特性支持触摸设备支持拖拽和选择文本支持智能滚动，支持不同列表之间的拖拽。安装：npm i -S vuedraggable引入：import draggable from "vuedraggable"部分代码：实际应用：（已应用到某大型活动中…）...

2021-02-23 15:42:34 921 1

原创 vue封装wangEditor富文本编辑器的使用案例

wangEditor是基于javascript和css开发的 Web富文本编辑器，轻量、简洁、易用、开源免费。在我们实际项目上还是比较频繁应用到的，下面出个案例供大家参考学习…wangEditor文档：https://www.wangeditor.com/富文本编辑器截图：源码移步到微信公众号，谢谢。...

2021-02-05 14:57:35 428 1

原创 uni-app中微信小程序使用腾讯地图API实现定位服务，并配合vuex使用

本文以uin-app微信小程序版 - 腾讯地图为例，简述如何在 uni-app 中利用微信小程序第三方 SDK微信。涉及的方法及api：申请腾讯地图密钥key; 查看腾讯地图文档腾讯地图坐标转地址；逆地址解析uni.authorize发起授权；uni.authorizeuni.openSetting打开设置；uni.openSetting配合vuex使用创建一个location.jsaddress.vue调取方法：按钮点开的：界面效果：...

2020-12-18 15:35:40 611

原创 vue使用swiper轮播图报错TypeError: Cannot read property ‘autoplay‘ of undefined-解决方案

发现很多小伙伴用vue swiper相关的插件时，当我们想使用鼠标移入移出的时候，如：this.$refs.mySwiper.autoplay.start()，this.$refs.mySwiper.autoplay.stop()，却发现报了这个错误:typeError: Cannot read property ‘autoplay’ of undefinedswiper官网没有详细的说明，自行测试后发现这个是版本问题，写查看自己的版本是多少，我的当前版本 “vue-awesome-swiper”:

2020-09-30 15:52:08 3606 1

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

vue调试工具-vue3.0-6.0.0-beta-15

Vue.js Devtools CRX 6.0.0beta10.rar

Vue3.0-devtools-6.0.0-beta-7-Crx4Chrome.rar

js实现页面的多个日期时间倒计时效果（多个拼团）

基于vue.js仿淘宝收货地址，并设置默认地址

HTML5的多个video标签：截取视频源的封面图poster，监听视频播放状态的功能

空空如也