vue监听页面刷新和关闭事件需求背景在离开页面的时候，需要弹出提示框，让用户确定是否真的要关闭网页。如果用户真的需要关闭网页，则让浏览器向后台提交信息。原始实现在beforeDestory钩子函数中，调用提交操作。beforeDestroy () {
this.updateRecord()
},经实验验证，该方法无法达到目的。发现beforeDestroy 只能监听到页面间的跳转，无法
转载
2024-03-05 21:42:37
1546阅读
Vue3新增了Composition API。我们只需将实现某一功能的相关代码全部放进一个函数中，然后return需要对外暴露的对象。不同功能的代码都是一个个函数，最终在setup()函数中导入这些函数API，来使用这些功能。在Vue3中，我们在小型组件仍可以继续沿用Options API，而对于大型组件则推荐使用Composition API。Composition API没有t
转载
2024-07-08 04:56:09
45阅读
vue-cli3 老项目的eslint配置：这个是在已经建了项目的基础上再配置。配置了好久，所以以后千万千万要在一开始的配置好，不然一堆Bug我看着配置的的链接，嘻嘻嘻，挺全的 点击开始-eslint配置## 原链接有点问题，setting.jss需要改一下代码// 重新设定tabsize
"editor.tabSize": 2,
// 每次保存的时候将代码按eslint格式进行修复
// "es
如何优雅的封装vue组件在编写组件时，最好考虑好以后是否要进行复用。一次性组件间有紧密的耦合没关系，但是可复用组件应当定义一个清晰的公开接口，同时也不要对其使用的外层数据作出任何假设。 Vue 组件的 API 来自三部分——prop、事件和插槽：Prop 允许外部环境传递数据给组件；事件允许从组件内触发外部环境的副作用；插槽允许外部环境将额外的内容组合在组件中。在开发过程中，结合 Vue 组件化的
转载
2024-09-10 11:48:54
248阅读
在最新的vue文档中 监视属性更名为侦听属性 侦听属性watch： 1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作&n
转载
2024-09-03 10:12:17
180阅读
教程01 | 模块化方案一02 | 模块化方案二其他教程预览分库分表项目实战教程Git地址： https://github.com/MrChuJiu/EasyLogger
01 | 前言02 | 简单的分库分表设计03 | 控制反转搭配简单业务04 | 强化设计方案05 | 完善业务自动创建数据库06 | 最终篇-通过AOP自动连接数据库-完成日志业务说明我们上一节已经成功通过 连
封装dialog组件组件参数及事件参数支持：参数名参数描述参数类型默认值title对话框标题string提示width宽度string50%top与顶部的距离string15vhvisible是否显示dialog（支持sync修饰符）booleanfalse事件支持：事件名事件描述opened模态框显示事件closed模态框关闭事件插槽说明：插槽名称插槽描述defaultdialog的内容titl
转载
2023-10-27 11:59:53
276阅读
本文主要分享一个项目的规范约束从0到1的流程，从通过vue-cli创建项目，到团队协作插件安装（husky、eslint、commitlint、prettier等）
目录1，前言2，创建项目2，安装vue全家桶3，配置prettier4，配置eslint5，配置husky + git钩子6，配置commitlint6.1，配置commitlint格式检查
两种形式：success：只有确定按钮confirm：有确定和取消两种按钮，可以传入点击确定的回调函数，代码里还加了一种 return ，只是样式不同文字内容用的v-html便于传入不同标签显示不同颜色文字 在components文件夹下新建message文件夹，在这个文件夹下新建message.vue和index.js两个文件。message.vue是弹窗内容。代码如下：<tem
转载
2024-10-22 06:56:50
2139阅读
您将Get的技能收集前端错误(原生、React、Vue)编写错误上报逻辑利用Egg.js编写一个错误日志采集服务编写webpack插件自动上传sourcemap利用sourcemap还原压缩代码源码位置利用Jest进行单元测试工作流程收集错误上报错误代码上线打包将sourcemap文件上传至错误监控服务器发生错误时监控服务器接收错误并记录到日志中根据sourcemap和错误日志内容进行错
转载
2024-10-29 13:14:38
137阅读
1.基础指令：v-showv-ifv-elsev-forv-bind 简用（：） vue会在实例过程中添加setter getter方法去监听值得变化v-click 简用（@）2.vue中监听window事件： 感谢 smallW 根据窗口的变化去变化 canvas 的宽度? 解决方法一很常见：在data初始化等时候定
文章目录pprof简介支持模式用途使用示例引入pprof数据分析GCwindowsLinux参数说明 通过 net/http/pprof 工具来进行分析内存pprof简介pprof 是用于可视化和分析性能分析数据的工具; 以profile.proto读取分析样本的集合，并生成报告以可视化并帮助分析数据（支持文本和图形报告）。支持模式Report generation：报告生成Interactiv
VUE计算属性和监视5.1 计算属性Vue中会有部分数据经常依赖于别的数据的改变而做出改变，并且变化逻辑也较复杂，这个时候就需要用到计算属性：computed，也就是说对于当前数据是不确定的，要经常因为其他数据改变而同时做出改变。在computed属性对象中定义计算属性的方法在HTML页面中使用{{ methodName }} 来显示计算的结果5.1.1 Why Computed还是先通过官方的例
vue中记录上浏览位置的方法场景描述： 在当前页面浏览时，点击进入其他页面，再返回时希望滚动到浏览时的位置解决方案：利用本地存储(或者cookie)使用Storage(本地存储)， 在进入其他页面之前记录当前的滚动位置// some click event
let scrollTop = targetDom.scrollTop
sessionStorage.setItem('scrollTop',
一、了解Cookie类似于对象响应携带数据输入用户名密码跳转到指定页面点击指定页面中其中一个按钮跳转到另一个指定页面（再不需用输入用户名密码）例如现在很多浏览器实现七天免密登录 简单理解：就是在网站登录页面之后，服务器响应返回带着Cookie，然后这一组Cookie就存到自己的浏览器，当浏览器在当前网页再查看其他页面时候就会带着这一组Cookie进行访问（这时候就不需要用户名和密码的输入
转载
2024-07-08 23:54:14
585阅读
Vue2项目前台开发：第一章一、项目初始化1.脚手架目录介绍2.项目的其他配置二、项目的路由分析及搭建1.项目的路由分析2.开发项目的步骤3.非路由组件的搭建4.路由组件的搭建（1）配置路由器（2）使用路由组件（3）路由组件与非路由组件的区别？（4）重定向（5）路由跳转的两种方式三、Footer组件的显示和隐藏——路由元信息四、路由传参1.复习路由跳转的两种方式2.路由传参，参数有几种写法？3.
VUE-CLI3按照官网教程配置搭建后，发现每次编译，eslint都抛出错误最奇怪的是竟然HTML也被抛出警告了，虽然没有影响项目的运行，但是强迫症还是决定修改一下error: Expected indentation of 4 spaces but found 0 (indent) at src\views\User.vue:26:1:
1 error found.
1 error potent
Vue 的核心在于：数据更新会引起视图更新。前提就在于，Vue 需要知道数据何时发生了变化。它是如何监测到的？
1. 原理
通过 Object.defineProperty 实现对数据变化的监测
这么说总有些晦涩难懂，来个小故事：
这天，你在宿舍玩游戏，你喊了一下你舍友，让他要下去吃饭的时候叫上你一起。饭点一
转载
2024-04-07 00:02:43
28阅读
简单的理解一下Electron的进程类型——渲染进程和主进程
主进程： Electron 运行 package.json 的 main 脚本的进程。渲染进程: 在 web一个 Electron 应用有且只有一个主进程。主进程中运行的脚本通过创建web页面来展示用户界面。 每个 Electron 中的 web主进程管理所有的web页面和它们对应的渲染进程。 每个渲染进程都是独立的，它只关心它所运行的
