- 人生箴言：感恩积极 乐观 健康 向上 阳光 大气 一、前言blur与change事件在绝大部分情况下表现都非常相似，输入结束后，离开输入框，会先后触发change与blur，唯有两点例外。1. 没有进行任何输入时，不会触发change。在这种情况下，输入框并不会触发change事件，但一定会触发blur事件。在判断表单修改状态时，这种差异会非常有用，通过change事件能轻易地找到哪些字段发... 人生箴言：感恩积极 乐观 健康 向上 阳光 大气 一、前言blur与change事件在绝大部分情况下表现都非常相似，输入结束后，离开输入框，会先后触发change与blur，唯有两点例外。1. 没有进行任何输入时，不会触发change。在这种情况下，输入框并不会触发change事件，但一定会触发blur事件。在判断表单修改状态时，这种差异会非常有用，通过change事件能轻易地找到哪些字段发...
- 一、前言什么是iframe？iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。什么是postMessage？window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 Document.domain设置为相同值... 一、前言什么是iframe？iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。什么是postMessage？window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 Document.domain设置为相同值...
- 一、Vue 定时器在vue中，有两种定时器，一是浏览器API，window对象上的；另一种就是vue/nodejs封装的，需要引入。import { setInterval, clearInterval } from 'timers'建议使用window对象自带的，因为不容易错。如果一不小心只引入一个，就怎么也清不掉了。import { setInterval } from 'timers... 一、Vue 定时器在vue中，有两种定时器，一是浏览器API，window对象上的；另一种就是vue/nodejs封装的，需要引入。import { setInterval, clearInterval } from 'timers'建议使用window对象自带的，因为不容易错。如果一不小心只引入一个，就怎么也清不掉了。import { setInterval } from 'timers...
- @TOC 一、前言对于Vue 渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-router存在的意义。前端路由的核心，就在于改变视图的同时不会向后端发出请求。一、为了达到这个目的，浏览器提供了以下两种支持：hash ——即地址栏URL中的#符号（此hash 不是密码学里的散列运算）。比如这个URL：http://www.abc.com/#/hello,... @TOC 一、前言对于Vue 渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-router存在的意义。前端路由的核心，就在于改变视图的同时不会向后端发出请求。一、为了达到这个目的，浏览器提供了以下两种支持：hash ——即地址栏URL中的#符号（此hash 不是密码学里的散列运算）。比如这个URL：http://www.abc.com/#/hello,...
- 代码示例：this.$store.commit('loginStatus', 1);this.$store.dispatch('isLogin', true);规范使用方式：// 以载荷形式store.commit('increment'，{ amount: 10 //这是额外的参数})// 或者使用对象风格的提交方式store.commit({ type: 'increment',... 代码示例：this.$store.commit('loginStatus', 1);this.$store.dispatch('isLogin', true);规范使用方式：// 以载荷形式store.commit('increment'，{ amount: 10 //这是额外的参数})// 或者使用对象风格的提交方式store.commit({ type: 'increment',...
- 一、场景描述在项目开发过程中，应用iframe实现外系统页面嵌套的时候，发现引入其他页面后，页面内容并未刷新加载，经过一番研究，解决方案如下：vm.iframeSrc = iframeSRCif (document.getElementById('iframe')) { setTimeout(() => { document.getElementById(iframeid).conten... 一、场景描述在项目开发过程中，应用iframe实现外系统页面嵌套的时候，发现引入其他页面后，页面内容并未刷新加载，经过一番研究，解决方案如下：vm.iframeSrc = iframeSRCif (document.getElementById('iframe')) { setTimeout(() => { document.getElementById(iframeid).conten...
- @TOC 一、前言dev-server.js 配置文件是命令npm run dev 和 npm run start 的入口配置文件，主要用于开发环境。由于这是一个系统配置文件，涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。// 导入check-versions.js文件，并且执行导入的函数，用来确定当前环境node和npm版本是否符合要求// 关于check-ve... @TOC 一、前言dev-server.js 配置文件是命令npm run dev 和 npm run start 的入口配置文件，主要用于开发环境。由于这是一个系统配置文件，涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。// 导入check-versions.js文件，并且执行导入的函数，用来确定当前环境node和npm版本是否符合要求// 关于check-ve...
- 一、什么是 MVVM ？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过View... 一、什么是 MVVM ？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过View...
- 原文链接 代码地址前端地址：https://github.com/Snowstorm0/SpringAndVue-vue后端地址：https://github.com/Snowstorm0/SpringAndVue-spring 1 数据库创建MySQL数据库。表名为user_data，人员信息有number、name。效果如下： 2 前端 2.1 创建项目打开cmd，输入ui命令：vue ... 原文链接 代码地址前端地址：https://github.com/Snowstorm0/SpringAndVue-vue后端地址：https://github.com/Snowstorm0/SpringAndVue-spring 1 数据库创建MySQL数据库。表名为user_data，人员信息有number、name。效果如下： 2 前端 2.1 创建项目打开cmd，输入ui命令：vue ...
- @toc 1、问题描述 今天碰到了个问题，我有个属性分组的页面，该页面中引入两个子组件，一个是左侧的属性菜单子组件，另一个是新增按钮的对话框组件。右侧为一个表格，显示左边树形菜单中三级分类的所有商品。 但是通过新增按钮添加商品之后，右侧的表格并不会刷新显示最新的数据。 我们的目的是子组件中表单提交之后通知父组件刷新表格中的数据。 2、解决方案：this.$emit()方法 子组件某些... @toc 1、问题描述 今天碰到了个问题，我有个属性分组的页面，该页面中引入两个子组件，一个是左侧的属性菜单子组件，另一个是新增按钮的对话框组件。右侧为一个表格，显示左边树形菜单中三级分类的所有商品。 但是通过新增按钮添加商品之后，右侧的表格并不会刷新显示最新的数据。 我们的目的是子组件中表单提交之后通知父组件刷新表格中的数据。 2、解决方案：this.$emit()方法 子组件某些...
- 之前做项目的时候发现后端传过来的 SetCookie 不能正常在浏览器中使用。是因为谷歌浏览器新版本Chrome 80将Cookie的SameSite属性默认值由None变为Lax。接下来带大家解决该问题。 之前做项目的时候发现后端传过来的 SetCookie 不能正常在浏览器中使用。是因为谷歌浏览器新版本Chrome 80将Cookie的SameSite属性默认值由None变为Lax。接下来带大家解决该问题。
- @toc 1、问题描述 最近做了一个前后端分离的通用权限管理系统，今天想用自己的服务器部署下，本地部署测试是没问题的，但是部署在服务器上还是出现了许多小插曲，这里大概记录一下吧。 2、项目打包 2.1 前端项目打包 由于我需要在同一个端口号下使用nginx部署多个前端项目，所以需要额外设置一些东西。 2.1.1 修改vue.config.js文件 添加如下配置： 2.1.2 route... @toc 1、问题描述 最近做了一个前后端分离的通用权限管理系统，今天想用自己的服务器部署下，本地部署测试是没问题的，但是部署在服务器上还是出现了许多小插曲，这里大概记录一下吧。 2、项目打包 2.1 前端项目打包 由于我需要在同一个端口号下使用nginx部署多个前端项目，所以需要额外设置一些东西。 2.1.1 修改vue.config.js文件 添加如下配置： 2.1.2 route...
- 一、resource请求npm install vue-resource --save import VueResource from 'vue-resource'Vue.use(VueResource)this.$http.get("") 二、axios 请求npm install axios --save axios.defaults.baseURL = "根地址"//vue页面引入i... 一、resource请求npm install vue-resource --save import VueResource from 'vue-resource'Vue.use(VueResource)this.$http.get("") 二、axios 请求npm install axios --save axios.defaults.baseURL = "根地址"//vue页面引入i...
- 一、前言config配置的目的是为了服务webpack配置，给不同的编译条件提供配置。当需要和后台分离部署的时候，必须配置config/index.js。用 vue-cli 脚手架自动构建的目录里面会包含以下代码（环境变量及其基本变量的配置）。var path = require('path')module.exports = { build: { index: path.reso... 一、前言config配置的目的是为了服务webpack配置，给不同的编译条件提供配置。当需要和后台分离部署的时候，必须配置config/index.js。用 vue-cli 脚手架自动构建的目录里面会包含以下代码（环境变量及其基本变量的配置）。var path = require('path')module.exports = { build: { index: path.reso...
- 《第九十八篇 Vue组件是如何传值》 《第九十八篇 Vue组件是如何传值》
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制，把香橙派封装为AI推理黑盒服务，构建了分布式远程推理框架，并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架，解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题，真正做到开箱即用，并支持多种笔记本电脑环境、多种不同编程语言，10行代码即可体验图像分割迁移案例。
回顾中 -
鸿蒙端云一体化应用开发2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例，介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法，端侧（HarmonyOS平台）一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法，为开发端云一体化应用打下坚实基础。
即将直播
热门标签