自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

xiexikk的博客

越努力,越幸运。公众号:前端学长

  • 博客(67)
  • 资源 (6)
  • 收藏
  • 关注

原创 探索人工智能的深度神经网络:理解、应用与未来

深度神经网络是一种人工智能模型,其灵感来自于人脑神经元之间的连接。它们由多个层次组成,每一层都包含多个神经元,这些神经元通过权重连接在一起。信息通过网络的输入层传递,并经过一系列隐藏层,最终到达输出层,产生模型的预测或输出。

2024-05-09 14:56:25 806

原创 Agent AI智能体的未来发展与挑战

Agent AI在未来将在多个领域展现其潜力,例如家庭生活、医疗、商业和交通等。然而,Agent AI的发展也面临着一些挑战,包括隐私和安全问题,道德和法律问题等。因此,确保Agent AI的发展符合人类的利益和价值观,需要政府、企业和社会共同努力。同时,加强对Agent AI的监管和安全防范措施也至关重要,以确保其安全可靠地服务于人类社会。

2024-05-06 16:58:48 473

原创 anything-llm的嵌入式聊天小部件

AnythingLLM 嵌入式聊天小部件

2024-04-30 14:13:29 714 1

原创 关于chatgpt的理解与探索

人工智能(AI)的发展一直以来都备受关注,而自然语言处理(NLP)领域的进展尤其引人瞩目。ChatGPT 作为其中的一员,以其强大的语言理解和生成能力而备受关注。本文将深入探讨 ChatGPT 的原理、应用以及对未来的影响。

2024-04-30 13:05:53 775

原创 探究AIGC技术的发展与应用前景

人工智能的快速发展在近年来引领着科技革命的潮流。其中,自然语言处理、图像识别、智能推荐等技术的涌现给我们的生活带来了翻天覆地的变化。而近年来,一种新兴的技术——AIGC(Artificial Intelligence Generated Content,人工智能生成内容)技术,备受关注。本文将探讨AIGC技术的发展历程、特点,以及其在各个领域的应用前景。

2024-04-30 09:53:42 503

原创 探索PyTorch:开源深度学习框架的魅力

PyTorch作为一款强大的开源深度学习框架,以其灵活的动态计算图、易用的API和丰富的工具,深受广大研究人员和工程师的喜爱。在未来,随着其不断创新和发展,PyTorch必将继续发挥重要作用,推动深度学习技术的进步和应用。生态系统扩展: 随着PyTorch在深度学习领域的持续发展,其生态系统也在不断扩展,涵盖了更多的工具和库,为用户提供更多选择和可能性。与行业合作: PyTorch团队与各大公司和研究机构合作,推动PyTorch在工业界的应用和落地,助力深度学习技术的发展和普及。

2024-04-29 17:18:44 644 1

原创 深度解析:人工智能作画算法的原理与技术

在数字艺术的探索中,人工智能(AI)作画算法以其独特的创造性和艺术性引起了广泛的兴趣。这些算法不仅仅是简单的图像处理工具,它们背后蕴藏着复杂的神经网络和深度学习模型。本文将深入探讨AI作画算法的原理与技术,揭示其背后的复杂性和魅力。

2024-04-29 14:10:23 895

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

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

2024-04-19 13:18:15 2099 11

原创 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 963 4

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

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

2023-09-21 14:57:55 2534

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

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

2023-07-07 10:26:47 285

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

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

2023-06-28 13:54:20 371

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

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

2023-06-06 16:39:43 566

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

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

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

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

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

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

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

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

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

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

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

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

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

vue路由切换报错vue-devrools

2022-04-24 18:03:51 8009

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

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

2022-03-25 11:39:07 1815

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

vue3引入本地静态图片

2022-01-28 15:16:00 18818 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 15246 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 2230 1

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

1

2021-08-24 17:07:27 8040 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 3665 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 2658 1

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

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

2021-05-27 10:40:55 3201 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 4824 1

原创 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 2385 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 1119 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 665 1

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

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

2021-04-22 10:27:13 3581 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 1134 2

原创 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 4998 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 6160 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 5209 1

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

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

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

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

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

2021-02-05 14:57:35 446 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 623 1

原创 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 3660 1

原创 vue,javascript实现页面日期倒计时功能

日期倒计时在日常项目中还是比较常用的,活动、自动完成时间,拼团等场景比较常见,所以把自己项目中用到分享一下,具体看下方源码:代码比较简化,方便大家参考使用: /** * 日期倒计时 * @param date 如:2020-08-20 18:00:00 */ timeCountDown(date, callback = () => {}){ var time = ''; const formatNumber = (n)=>{ n = n.

2020-08-20 17:22:12 1116 1

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

vue3和vue2都可以用、vue调试工具、适用于谷歌浏览器

2021-10-29

Vue.js Devtools CRX 6.0.0beta10.rar

同时支持vue2.x和vue3.x,适用于谷歌浏览器

2021-05-25

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

Vue3.0 devtools 6.0.0 beta 7 ,Vue3.0 devtools调试工具

2021-04-12

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

js的日期倒计时在日常项目中还是比较常用的,活动、拼团功能最为常见; 先分析最要是处理好日期函数,然后一个页面上有多个倒计时情况下的方法;

2019-08-12

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

这个案例主要是渲染地址列表,然后设置默认地址,与淘宝的收货地址功能一样,具体自行查看自己的淘宝收货地址...

2019-07-24

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

我们是否也会遇到过,有些浏览器在显示这标签,兼容不太友好,video标签的封面是一层黑色的,而不是视频的封面图。 那么,此时,我们就得截取每个视频的封面图来,因为video标签有个属性poster是用来储存封面图地址的,但需注意先用本地视频,非本地视频会有跨域截取问题,这个得跟后端开发协作处理。

2019-01-14

空空如也

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

TA关注的人

提示
确定要删除当前文章?
取消 删除