随笔分类 -  vue知识分享

分享vue在开发中碰到的问题及一些操作流程
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、如何部署 前后端分离开发模式下,前后端是独立布署的,前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可 我们知道vue项目在构建后,是生成一系列的静态文件 常规布署我们只需要将这个目录上传至目标服务器即可 // 阅读全文
posted @ 2024-02-28 18:31 林恒 阅读(134) 评论(0) 推荐(1) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、错误类型 任何一个框架,对于错误的处理都是一种必备的能力 在Vue 中,则是定义了一套对应的错误处理规则给到使用者,且在源代码级别,对部分必要的过程做了一定的错误处理。 主要的错误来源包括: 后端接口错误 代码中本身逻辑错误 二、如何 阅读全文
posted @ 2024-02-27 18:38 林恒 阅读(106) 评论(0) 推荐(1) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、是什么 权限是对特定资源的访问许可,所谓权限控制,也就是确保用户只能访问到被分配的资源 而前端权限归根结底是请求的发起权,请求的发起可能有下面两种形式触发 页面加载触发 页面上的按钮点击触发 总的来说,所有的请求发起都触发自前端路由或 阅读全文
posted @ 2024-02-26 17:22 林恒 阅读(212) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、是什么 Server-Side Rendering 我们称其为SSR,意为服务端渲染 指由服务侧完成页面的 HTML 结构拼接的页面处理技术,发送到浏览器,然后为其绑定状态与事件,成为完全可交互页面的过程 先来看看Web3个阶段的发展 阅读全文
posted @ 2024-02-23 17:25 林恒 阅读(86) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、NextTick是什么 官方对其的定义 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM 什么意思呢? 我们可以理解成,Vue 在更新 DOM 时是异步执行的。当数据发生变化,Vue将 阅读全文
posted @ 2024-02-22 17:51 林恒 阅读(92) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、什么是SPA SPA(single-page application),翻译过来就是单页应用SPA是一种网络应用程序或网站的模型,它通过动态重写当前页面来与用户交互,这种方法避免了页面之间切换打断用户体验在单页应用中,所有必要的代码( 阅读全文
posted @ 2024-02-21 18:06 林恒 阅读(96) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 ref 和 reactive 是 Vue3 中实现响应式数据的核心 API。ref 用于包装基本数据类型,而 reactive 用于处理对象和数组。尽管 reactive 似乎更适合处理对象,但 Vue3 官方文档更推荐使用 ref。 我 阅读全文
posted @ 2024-02-20 18:30 林恒 阅读(129) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 从vue3开始vue引入了宏,比如defineProps、defineEmits等。我们每天写vue代码时都会使用到这些宏,但是你有没有思考过vue中的宏到底是什么?为什么这些宏不需要手动从vue中import?为什么只能在setu 阅读全文
posted @ 2024-02-19 15:47 林恒 阅读(103) 评论(1) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 在日常的开发中,我们经常能碰见服务端需要主动推送给客户端数据的业务场景,比如数据大屏的实时数据,比如消息中心的未读消息,比如聊天功能等等。 本文主要介绍SSE的使用场景和如何使用SSE。 服务端向客户端推送数据的实现方案有哪几种? 阅读全文
posted @ 2024-02-18 17:31 林恒 阅读(162) 评论(0) 推荐(1) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 前两年在一家做电商的公司做了一个需求:鼠标框选商品卡片,开始拖拽的时候合成一个然后改变位置,页面上有几千个所以还要结合虚拟列表。当时不知道怎么做,就在 github 上到处找现成的库,最后找到了 react-selectable-f 阅读全文
posted @ 2024-02-03 17:33 林恒 阅读(31) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 主要实现步骤 对接第三方平台,获取第三方平台的用户信息。 利用该用户信息,完成本应用的注册。 qq登录接入 接入前的配置 qq互联 登录后,点击头像,进行开发者信息填写,等待审核。 邮箱验证后,等待审核。 审核通过后,然后就可以创建应用了 阅读全文
posted @ 2024-01-31 18:25 林恒 阅读(132) 评论(0) 推荐(1) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、前言 最近有遇到一个需求,在h5浏览器中实现扫码功能,其本质便是打开手机摄像头定时拍照,特此做一个记录。主要技术栈采用的是vue2,使用的开发工具是hbuilderX。 经过测试发现部分浏览器并不支持打开摄像头,测试了果子,华子和米, 阅读全文
posted @ 2024-01-26 17:46 林恒 阅读(239) 评论(0) 推荐(1) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 背景 在实际项目中,遇到了需要唤起手机摄像头拍照的需求,最开始是通过<input type="file" hidden accept="image/*" capture="camera" />的方式,可以直接唤起手机相机,但是用户拍照的方 阅读全文
posted @ 2024-01-25 18:36 林恒 阅读(220) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 起因 很多人都知道,setTimeout是有最小延迟时间的,根据MDN 文档 setTimeout:实际延时比设定值更久的原因:最小延迟时间中所说: 在浏览器中,setTimeout()/setInterval() 的每调用一次定时器的最 阅读全文
posted @ 2024-01-24 18:26 林恒 阅读(116) 评论(0) 推荐(1) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 先来看一个业务需求: 项目经常会遇到产品经理要求你做某组件一样的功能,还要在它的基础上增加东西。如何只用少量代码高效的二次封装组件呢? 例如我要做一个element-ui的input组件进行封装,以下是封装要求: 对el-input组件增 阅读全文
posted @ 2024-01-23 20:13 林恒 阅读(203) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 依赖管理解决了在软件开发过程中管理和协调各种依赖项的问题,简化了开发流程,提高了项目的可靠性、可维护性和可重复性。它们帮助开发人员更高效地管理项目的依赖关系,减少了潜在的错误和冲突,并提供了更好的开发体验。 常用的依赖管理 在 JavaS 阅读全文
posted @ 2024-01-22 17:56 林恒 阅读(88) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 移动端 H5 Tab 如何滚动居中 Tab 在 PC 端、移动端应用都上很常见,不过 Tab 在移动端 比 PC 端更复杂。为什么呢?移动端设备屏幕较窄,一般仅能展示 4 ~ 7 个 Item。考虑到用户体验,UI 往往要求程序员实现一个 阅读全文
posted @ 2024-01-20 18:17 林恒 阅读(119) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 核心 其实总的来说就是 export 导出的是变量的句柄(或者说符号绑定、近似于 C 语言里面的指针,C++里面的变量别名),而 export default 导出的是变量的值。 需要注意的是:模块里面的内容只能在模块内部修改,模块外部只 阅读全文
posted @ 2024-01-17 18:33 林恒 阅读(79) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 😎Coding 一定很累吧,快来跟我一起 Djing !!!😎 我的思路是通过监听键盘按下事件,在用户按下对应键时,找到相应的按键元素和音频元素,通过添加和移除 CSS 类实现按键效果,并播放关联的音频文件。同时,通过事件监听器确保在 阅读全文
posted @ 2024-01-12 18:14 林恒 阅读(61) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 最近接到一个需求,需要在一些敏感操作进行前要求输入账号和密码,然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件,在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了,那么有没有更简 阅读全文
posted @ 2024-01-11 19:00 林恒 阅读(152) 评论(0) 推荐(0) 编辑