- 博客(225)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 前端编码规范
1. 功能页面推荐采用驼峰式命名LeftNav2. 页面中的每个函数推荐写上该函数的作用/** * @description: 跳转到找回密码页面 */skipPassword() {},3. 推荐使用turbo console log插件来生成console.log快捷添加 console.log，一键 注释 / 启用 / 删除 所有 console.log。ctrl + alt + l 选中变量之后，使用这个快捷键生成 console.logalt + shift + c 注
2022-02-18 10:07:22
514
原创 Vue中使用mqtt详细教程
cnpm install mqtt -S//这样默认给你安装的是4.1.0版本<!-- * @Descripttion: 在Vue项目中使用mqtt * @version: * @Author: zhangfan * @email: 2207044692@qq.com * @Date: 2021-09-28 18:14:16 * @LastEditors: zhangfan * @LastEditTime: 2021-10-21 17:30:30--><temp
2021-10-21 17:31:54
17921
6
原创 Node + Express + MySQL开发接口
实现效果实现步骤一、DBConfig.js/* * @Descripttion:文件配置了，数据库信息 * @version: * @Author: zhangfan * @email: 2207044692@qq.com * @Date: 2020-10-19 11:49:28 * @LastEditors: zhangfan * @LastEditTime: 2020-10-19 11:52:45 */const config = { // 启动端口 por
2020-10-19 16:09:54
415
原创 Vue项目书写规范
1. 组件名为多个单词我们开发过程中自定义的组件的名称需要为多个单词，这样做可以避免跟现有的以及未来的HTML元素相冲突，因为所有的 HTML 元素名称都是单个单词的。推荐：Vue.component('todo-item', { // ...})export default { name: 'TodoItem', // ...}不推荐：Vue.component('todo', { // ...})export default { name: 'Todo',
2020-08-20 16:20:52
3957
原创 el-table表格中参数过长省略并且提示显示
<el-table-column :show-overflow-tooltip="true"></el-table-column>
2020-06-01 17:15:43
2500
1
原创 Vuex页面F5被刷新后，state内容全部丢失的问题解决
1. 产生原因store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数据就会被重新赋值。2. 解决办法将state里的数据保存一份到本地存储(localStorage、sessionStorage、cookie）中让页面在刷新前存store到localStorage中。当然，在页面刷新时还要读localStorage中的数据到store中，读取和储存都写在app.vue中。export default { name: "App", cre
2020-05-11 18:14:22
4714
1
原创 electron主进程和渲染进程之间的通信
渲染进程 (index.html 和 renderer.js)预加载脚本 (preload.js)主进程 (main.js)
2024-11-22 17:20:36
520
原创 在Vue项目中v-model和sync的区别以及使用场景
语法糖v-model是一个语法糖，它封装了prop和事件的绑定。而.sync是一个修饰符，需要开发者显式地触发事件。使用场景v-model：通常用于需要双向绑定单个数据的场景，尤其是表单元素。.sync：适用于需要同步多个prop的值，或者不想使用v-model的场景。实现机制v-model在Vue 3中通过modelValue和事件实现。.sync通过事件实现。理解这两个特性及其使用场景有助于在Vue项目中更高效地进行组件间的数据绑定。
2024-10-31 11:56:31
722
1
原创 vue 获取当前路由地址——router.currentRoute与$route
【代码】vue 获取当前路由地址——router.currentRoute与$route。
2024-10-15 11:50:00
573
原创 为什么Vue项目运行需要node.js运行环境，但是Vue项目打包后就不需要node.js运行环境
Vue项目在开发阶段需要Node.js环境，而在打包后不再需要Node.js环境的原因在于两者的工作内容不同。
2024-10-11 15:28:45
1196
原创 npm run dev 启动前端项目的原理
最终执行的是 Vite 工具，它会读取并解析你的项目配置和入口文件，启动一个开发服务器来进行本地开发。在一个使用 Vite 构建工具的 Vue 项目中，当你运行。这段代码定义了几个脚本命令，其中。时，实际执行的命令是。
2024-10-11 15:27:39
1314
原创 生产环境下调试的技巧
插件,即可在生产环境屏蔽调试工具的项目中，开启vue的调试工具，方便进行调试，查看变量或组件。2,生产环境对接口数据进行改写（通常用在一些不方便调试，需要伪造数据的场景）1,生产环境开启vuetools开发者工具。安装 ajax proxy插件。在chrome中同时安装。
2023-10-10 16:11:11
209
原创 Vue实现下载后端返回Excel文件流
在vue中, 接收并下载文件流可以通过将其转成blob对象或者arraybuffer，添加到a标签或者iframe标签中来模拟下载.
2023-08-11 14:42:18
905
原创 Invalid prop: custom validator check failed for prop “value“
自定义的验证程序对 value 检查失败，思考：这个组件里面也没有见value啊。value，值，成了：form.applyTime不就是嘛，这个值怎么了呢。那这个时候我们应该知道：dateString它是这样式儿的。我们无非关注几点：数据类型，被赋予的值。妥了，原来是数据类型搞错了，改过来呗。
2023-06-27 11:47:52
746
原创 使用工具规范化代码 git 提交
在一个团队里，如果不制定一个git提交规范，每个人都会按照自己的规范进行提交，这将导致提交的信息比较乱。所以需要制定一个 Commit Message范式，内容应该清晰明了，指明本次提交的目的，便于日后追踪问题。Commitizen是一个撰写符合上面Commit Message标准的一款工具，可以帮助开发者提交符合规范的Commit Message。
2023-04-04 11:43:25
344
1
原创 Vue Provide / Inject 详细介绍
对于这种情况，我们可以使用一对 provide 和 inject。无论组件层次结构有多深，父组件都可以作为其所有子组件的依赖提供者。这个特性有两个部分：父组件有一个 provide 选项来提供数据，子组件有一个 inject 选项来开始使用这些数据。通常，当我们需要从父组件向子组件传递数据时，我们使用 props。想象一下这样的结构：有一些深度嵌套的组件，而深层的子组件只需要父组件的部分内容。在这种情况下，如果仍然将 prop 沿着组件链逐级传递下去，可能会很麻烦。
2023-03-14 13:35:19
213
原创 Vue中 $attrs、$listeners 详解及使用
listeners属性，它是一个对象，里面包含了作用在这个组件上的所有监听器，你就可以配合 v-on=“$listeners” 将所有的事件监听器指向这个组件的某个特定的子元素。（相当于子组件继承父组件的事件）$attrs–继承所有的父组件属性（除了 prop 传递的属性、class 和 style ），一般用在子组件的子元素上。C 组件 (Child2.vue)B组件（Child1.vue）A组件（App.vue）
2023-03-10 17:46:52
244
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人