自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(229)
  • 资源 (2)
  • 收藏
  • 关注

原创 Hexo+stun主题+Gitee5分钟快速搭建你的个人Blog

其他具体相关配置和文件目录说明可参考文档->https://theme-stun.github.io/docs/zh-CN/guide/quick-start.html。首先在码云上创建一个仓库,建议是仓库名用用户名,这样的话生成的gitee pages的域名很短。这样的话,新建文章时还会建立一个同名的文件夹,我们可以图片放在这个文件夹下。看你自己创建的仓库图中指示的箭头是否都跟你自己的个人用户名称一样。root设置为仓库名(我这里没有子目录,就设置为空就行)。(在下面的每次配置中,对根目录的。

2022-12-17 18:37:15 1031

原创 最近爆火chatGTP是人工智能还是人工智障?

1、目前的chatGTP局限性很多,有时候给出的回答不完善,不全面,没有真实性。2、现在更多仅可以作为简单的工具生成,或者灵感参考。3、训练所有的知识库截止于2021年,ChatGPT目前还没有连接网络,一旦它能够从网络上获取知识和信息,未来的潜力会更加可怕。4、希望未来能更加完善给生活带来更加便利,但是也有可能会有一些群体受到影响、有利有弊。

2022-12-14 19:10:24 16961 1

原创 vue中watch函数监听中几个主要的函数作用?

在 Vue 中,watchhandler:指定数据变化时的回调函数。immediate:是否在初始化时立即执行回调。deep:是否监听对象或数组的深层次变化。lazy:是否延迟执行回调函数。flush:控制回调的执行时机,sync或post。

2024-11-11 21:53:26 519 1

原创 在 WebSocket 连接中出现错误时,如何处理和捕获错误?

通过error事件捕获错误并记录。根据需要实现重连或用户通知等逻辑,以确保应用的稳定性和用户体验。

2024-11-10 10:46:21 1516

原创 在websocket在实际应用中,如何处理连接状态的变化和重连机制?

监听连接状态变化:使用opencloseerror等事件来监听连接的状态变化。自动重连:在连接关闭或出错时,通过重连机制恢复连接,常用的方法包括指数退避算法。重连策略:设置最大重连次数,并根据实际需求选择自动重连或手动重连。状态管理:在应用中管理 WebSocket 连接的状态,并根据状态变化调整业务逻辑。

2024-11-10 10:45:56 862

原创 JavaScript中Promise分别有哪些函数?

Promise 是现代 JavaScript 处理中处理异步操作的标准方式,比传统的回调函数(callback)更容易理解和维护,尤其在涉及多个异步操作时。

2024-11-08 11:47:39 601

原创 推荐3个实用的760°全景框架

全景图就是720度图片,跟我们用相机平移照出来的全景是不一样,我们相机平移是照出来的360图片,而我们说的720图片是包含天地的,也就是上下的视角。看下面的图示,这里有360和720的原理剖析,可以参考360图片拍照720图片拍照。

2024-11-08 11:47:12 1415

原创 一文简单看懂Promise实现原理

Promise的实现原理基于模型,通过管理异步操作的状态来保证代码的正确执行顺序。

2024-11-07 18:37:26 501

原创 分享14个实用360°WebVr全景视图框架大全

此外,它还提供您可以通过非常简单的设置直接用于网站的 CDN 只需将它提供的属性调用到我们想要显示 360 的 HTML 对象图像中。地址:https://renderstuff.com/tools/360-panorama-web-viewer/地址:https://scaleflex.github.io/js-cloudimage-360-view/如果你需要一个紧凑的库,不要使用额外的库,它能满足显示视频和全景图像的基本元素,我认为这个库是您不错的选择。地址:http://www.2vr.in/

2024-11-07 18:36:43 1538

原创 浏览器端如何快速创建和使用 WebSocket 对象?

使用创建连接。使用事件监听器监听openmessageclose和error事件。使用send方法发送消息,使用close方法关闭连接。

2024-11-06 17:21:24 665

原创 什么是版本控制系统(VCS)

版本控制系统(Version Control System, VCS)是一种软件工具,帮助开发者管理代码的变化,记录文件的修改历史,方便团队协作和项目管理。通过 VCS,开发者可以回溯到过去的版本,查看修改的详细内容,甚至恢复到某个历史版本。版本控制系统不仅用于代码管理,还能用于任何类型的文件,如文档、设计稿等。它在现代软件开发中起到了关键作用,特别是对于多人协作的项目,VCS 是不可或缺的工具。

2024-10-20 02:43:16 1068

原创 如何高效编写简历与面试准备技巧

一般来说,跳槽找工作要经历和四个阶段。面试题目因等级和职位的不同而有所变化,从入门级到专家级,广度和深度逐渐增加。不过,不管什么级别和职位,面试题目一般可以分类为理论知识、算法、项目细节、技术视角、开放性问题、工作案例等内容。接下来重点讲述简历编写与知识点梳理的方法。

2024-10-20 02:05:02 506

原创 WebSocket心跳机制的原理你知道多少?

不管是客户端发送心跳还是服务端发送心跳,连接都有断开的可能。例如浏览器最小化js被暂停、浏览器切换到其它tab页面js被暂停、电脑进入睡眠等等、移动端切换网络、信号变弱、手机黑屏、手机应用切换到后台、路由故障、业务主动断开等。尤其是外网环境复杂,很多路由节点会清理1分钟内不活跃的连接,这也是为什么心跳间隔推荐小于1分钟的原因。

2024-10-15 19:50:22 547

原创 字节跳动发布“豆包MarsCode”智能开发工具,面向国内开发者免费

豆包MarsCode 用户组将由开发者自组织自运营,豆包MarsCode 团队不会参与到用户组的管理,但是会为用户组提供丰富的各类资源支持,支持各地用户组发展,例如场地资源、产品资源、活动物料、专家讲师支持等,帮助促进各地开发者更有效的探索 AI 编程新范式,助力我们的开发者学习成长。除了代码预测与补全,当编码中出现需要修复的代码 Lint 错误时,编程助手会直接在编辑器中主动给出修改代码,我们不需要去查看是什么报错原因,只需要判断修复结果是否正确,如果正确,一键采纳修复后的代码即可。

2024-07-03 17:33:56 1034

原创 vue3 快速实现图片缩放拖拽功能

因为需要实现图片拖拽,缩放的功能,项目是vue3的所以找到这个组件,很简洁,api文档描述的也清楚,能够快速3分钟内搞完一个功能文档地址:https://ericfang.gitee.io/blog-vue3-vitepress/frontend-components/v3-drag-zoom.html#%E5%AE%89%E8%A3%85。

2024-04-28 17:46:01 2925 2

原创 推荐个好用的vue3播放器插件

这几天在做个播放器的功能,找了好几个都比较简介或者太花里胡哨的,但是猿粪在github上偶遇到个简洁且好看的播放器实在忍不住推荐给兄弟萌,好用的话可以去点点star,目前关注量还算挺不错github地址:https://github.com/xdlumia/vue3-video-play。

2024-04-28 17:17:56 6277 5

原创 快速搭建vue3 threejs模型展示的库(适合多格式)

之前做了个项目需要快速搭建展示threejs模型简单展示,时间紧任务重,所以上github找了这个蛮优秀的库解决我目前的问题,喜欢的可以去看看。github地址:https://github.com/king2088/vue-3d-loader。

2024-04-28 16:56:29 1457

原创 threejs Mars3D模型加载外部资源的跨域问题

Access-Control-Allow-Origin 是 HTML5 中定义的一种服务器端返回 Response header,用来解决资源(比如字体)的跨域权限问题。它定义了该资源允许被哪个域引用,或者被所有域引用(google 字体使用*表示字体资源允许被所有域引用)。F12 中提示 CORS 相关错误。这是浏览器安全机制,是谷歌94+后,新增的功能,公网资源(访问者) 访问 私网资源(被访问者)会提示此错误。访问影像瓦片底图时,如果瓦片不存在,也会在404错误后提示CORS错误。

2024-04-28 16:07:52 1233

原创 移动电信卡如何激活iPhone卡贴机详细教程

网上买了一部苹果11但是发现需要卡贴才能用,然后网上自己搜教程一大推东西眼花缭乱,最后靠自己摸索解锁。

2024-01-17 23:37:09 2060

原创 在spring_boot项目中如何将vue组件引入到.html页面进行使用

开始我们需要导入我们的vue组件的路径到我们当前的js文件目录然后我们需要用到一个函数render进行渲染,将定义的组件写到createElements函数中去想要详细了解render函数的使用可以进入如图在这里我刁侃下我当时是想要通过components函数去添加组件到.html页面去但是失败了,所以才使用了render函数接着我们需要在.html文件进行引入我们.js文件<script src="./webapp/static/dist/custom.js"></s

2023-12-04 00:30:44 2531 2

原创 控制台图片路径错误,显示[object Module],解决办法

控制台图片路径错误,显示[object Module],解决办法控制台报错:然而我们配置了webpack.config.js的url-loader也没有用这时候重点来了,看下面我们可以再webpack的文件中创建一个option对象并加入esModule: false如图:我们可以在配置的url-loader中加入如果还是不行有可能是webpack版本太高可以降低版本,我目前用的是最新的版本...

2023-12-04 00:30:39 1414

原创 vue 渲染列表报错Avoid using non-primitive value as key, use string/number value instead. found in

控制台报错报错原因说v-for 循环的key值重复了,那就看看自己写的代码报错时的代码,如下:我们可以在v-for循环里面再定义个index值,然后写到key 里面去改正后的代码报错解决,大功告成

2023-12-04 00:30:13 822 1

原创 vue-cli 打包后element图标异常不显示问题

vue打包后如下element图标不显示控制台报错显示没有找到element-icons资源解决办法:在build文件下的utils.js文件中添加这一句publicPath:’…/…/'找到我如下代码中去添加 // Extract CSS when that option is specified // (which is the case during production build) if (options.extract) { return Ex

2023-12-04 00:29:35 2138 1

原创 vue 插槽的作用,用插槽slot-scope获取表格中的数据

这里我用了elementui的表格组件去做表格,如图我在编辑和删除的组件用template去包裹,然后在这个标签去写上slot-scope="scope"然后在需要点击的按钮去添加一个@click事件,在方法中去写上两个参数,第一个参数是当前点击按钮获取的表格在第几行的id,第二个参数是获取表格中当前行的全部参数如图:我们看看打印出来的数据现在我们是拿到了当前行的全部数据,大功告成...

2023-12-04 00:29:02 5650 1

原创 vscode 如何将项目放到github上

首先第一步在github上面创建一个储存库如下操作进入一个新的页面有代码提示如下我们去到我们的vscode项目,在控制台安装上面的提示顺序输入命令就可以完成项目推送

2023-12-04 00:28:58 2865

原创 vscode关于vue项目无法将文件push到github的错误命令

错误提示一:remote: Invalid username or password.fatal: Authentication failed for ‘https://github.com/linweiqian/master.git/’错误提示二:fatal: ‘origin’ does not appear to be a git repositoryfatal: Could not read from remote repository.错误提示三:Please make sure yo

2023-12-04 00:28:40 1183

原创 vue安卓移动端点击input输入框引起布局混乱

问题描述:Vue开发中,当我们相对于父视图的底部布局子控件时,需要用position:fixed,如果页面内容不是很长,没有超出屏幕范围,那就还好,没有问题;一旦超出屏幕范围,当你点击输入框,弹出键盘时,底部固定定位的子控件就会被顶起来。这个问题在iOS端不会出现,在安卓端会出现,原因是键盘加载方式不一样,这里不作详情解答。解决方案:在键盘弹起时,页面高度变小,底部固定定位上升,所以我们只需要在页面高度变小时,隐藏底部子控件,当键盘消失时再显示底部子控件。解决方法:检测浏览器的resize事件,当高度

2023-12-04 00:28:36 1794

原创 大学生实习出来要选择前端还是后端?

前端和后端哪个工资高?事实上,两个都是属于技术研发岗位,都是高薪有前途的职业,不存在说哪个工资更高些,都基本在一万到五万之间,工资的差别主要体现在个人技术上。要问做前端好还是做后端好?其实无论做前端还是做后端,只要有实力,其实差别并不大。主要还是要看你喜欢哪个,适合哪个。前端工作内容:前端开发主要做的是用户所能看到的前端展示界面。前端开发用到的技术包括但不限于html5、css3、javascript、jquery、Bootstrap、Node.js 、AngularJs等技术。从开始的切页面,到现在

2023-12-04 00:28:04 3227 2

原创 vue实现简单的tab盒子切换(一)

废话不多说,直接上代码~~~~~~~~~~~HTML部分js部分css部分实现效果:

2023-12-04 00:27:49 506

原创 es6如何使用padStart()和padEnd()方法

padStart()是在字符串的字符头部增加值,padEnd()是在字符串的字符尾部添加值这两个方法都是里面有两个参数,第一个参数是字符长度(默认为数值型),第二个是要添加字符的值(字符串类型),一般这两个方法常用于日期和计时详细介绍点击这里接下来进行两个方法使用 var a1 = '123' console.log(a1.padStart(4,'abc'))//a123 console.log(a1.padStart(6,'abc'))//abc123 console.log(a1

2023-12-04 00:27:25 994

原创 uniapp 检查网络状态并封装

// 检查网络function checkNetwork(){ uni.getNetworkType({ complete:function(res){ // console.log(res.networkType) if(res.networkType=='none'){ setTimeout(()=>{ uni.showToast({ icon:'none', title:'网络异常,请检查网络设置!', duration:

2023-12-04 00:26:39 2886 1

原创 uniapp-微信小程序分包: 配置和注意事项

1.pages.json 中添加以下配置:2.pages.json 将需要分包的页面 从pages数组中删除,配置到subPackages下面的pages数组中"subPackages": [{ "root": "pagesB", //文件夹名称, pages文件夹同级新建一个就行 "pages": [ { "path": "liancui/add/add", //相对于pagesB文件夹的位置 "style": {} } ]

2023-12-04 00:26:19 1787

原创 uniapp 微信小程序v-show 不显示

最近在做一个项目发现在uniapp组件上定义的v-show能正常显示隐藏,但是编译到微信小程序就全部隐藏的内容都显示出来了百度完发现一个问题就是微信小程序不支持"hidden"属性,因v-show是直接控制css的属性的第一种方法直接将v-show改为v-if第二种方法是直接在组件上定义 hidden ,然后通过传入hidden的布尔值改变显示隐藏...

2023-12-04 00:26:12 6290 1

原创 uniapp|vue|小程序设置错误码进行对应

const showError = error => { let errorMsg = '' switch (error.status) { case 400: errorMsg = '请求参数错误' break case 401: errorMsg = '未授权,请登录' break case 403: errorMsg = '跨域拒绝访问' break case 404: errorMsg = `请求地址出错: ${error.conf

2023-12-03 23:05:19 3697 2

原创 uniapp pagination组件案例使用实例

【代码】uniapp pagination组件案例使用实例。

2023-12-03 23:04:59 1952 3

原创 uniapp封装缓存设置

【代码】uniapp封装缓存设置。

2023-12-03 23:04:25 8815 2

原创 uniapp微信小程序的background-image使用

我们知道微信小程序的图片不能使用本地图片,而必须使用网络图片<view class="top-wrapper" style="backgroundImage:url(http{{imgURL})}">在data绑定imgURL:require(‘static/image/order_detailbj.png’)如上我使用的是通过view标签设置图片背景的如果我们想通过image标签也可以<image :src='http+imgURL'></image>有

2023-12-03 23:03:59 6845

原创 前端基础面试题

只要区别是他们的实现方式不同LESS是基于javaScript运行,所以LESS是在客户端处理,Sass是基于Ruby的,在服务端处理的,很多开发者不选择LESS是因为LESS输出修改过的CSS浏览器需要依赖JavaScript引擎,而JavaScript引擎需要额外的时间处理代码。答:该函数会按照注册(绑定)的顺序一次执行,是事件模块中最重要的一个函数,可以极大的提高Web应用程序的响应速度,jQuery就是用(document).ready()方法来代替传统的JS的window.onload方法的。

2023-12-03 23:03:23 19638 1

原创 uniapp 微信分享踩坑 onShareAppMessage

从APP分享到微信时,无法判断用户是否点击取消分享,因为微信官方禁掉了分享成功的返回值。所以无法执行success和fail这两个方法,一般开发者只能通过微信小程唤起了分享就会执行onShareAppMessage成功后调用执行api的操作即为分享成功官方文档介绍...

2023-12-03 23:02:31 10395

原创 vue终端提示无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本

vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本解决方法:1、管理员身份运行PowerShell(命令提示符,来源于Linux的命令提示符也叫Shell)2、执行:set-ExecutionPolicy RemoteSigned (签名或运行这些脚本)3.重新在文件创建vue项目:vue create test成功!...

2023-12-03 23:01:43 4872

外卖CPS微信小程序入门源码

外卖CPS微信小程序入门源码,可用于新人入门教程,无后台,云服务器搭建

2023-02-03

云开发壁纸微信小程序源码

云开发壁纸微信小程序源码,适合新手入门学习uniapp云服务开发

2023-02-02

原生微信小程序新手入门项目实战

关于获取头像进行更换蒙版,目前流行的国庆头像等,主要用到的技术为canvas,用于新手入门的学习。

2023-02-01

前端可用的优秀颜色摄取工具和截图工具

前端可用的优秀颜色摄取工具和截图工具博客地址:https://blog.youkuaiyun.com/weixin_40808668?spm=1001.2014.3001.5113

2020-11-02

前端UI常用的gif图片制作工具

可用于gif图片制作博客地址:https://blog.youkuaiyun.com/weixin_40808668?spm=1001.2014.3001.5113

2020-11-02

空空如也

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

TA关注的人

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