- 在vue中，有两套定时器，一套是浏览器API，window对象上的；另一套就是vue/nodejs封装的，需要引入 import { setInterval, clearInterval } from 'timers' 1 建议使用window对象自带的，因为不容易错。 如果一不小心只引入一个，就怎么也清不掉了。 import { setInterval } fr... 在vue中，有两套定时器，一套是浏览器API，window对象上的；另一套就是vue/nodejs封装的，需要引入 import { setInterval, clearInterval } from 'timers' 1 建议使用window对象自带的，因为不容易错。 如果一不小心只引入一个，就怎么也清不掉了。 import { setInterval } fr...
- Vue进阶（六）：组件之间的数据传递 Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。 首先用脚手架工具 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下... Vue进阶（六）：组件之间的数据传递 Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。 首先用脚手架工具 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下...
- Vue2持续更新过程中，Vue3已经呼之欲出了，目前Vue官网已经显示Vue3在beta进度了。下面我们主要讲解下Vue3的一些新特性。 实践 升级 Vue 3.0 项目 目前创建 Vue 3.0 项目需要通过插件升级的方式来实现，vue-cli 还没有直接支持，我们进入项目目录，并输入以下指令进行升级。 cd vue-next-test vue add vue... Vue2持续更新过程中，Vue3已经呼之欲出了，目前Vue官网已经显示Vue3在beta进度了。下面我们主要讲解下Vue3的一些新特性。 实践 升级 Vue 3.0 项目 目前创建 Vue 3.0 项目需要通过插件升级的方式来实现，vue-cli 还没有直接支持，我们进入项目目录，并输入以下指令进行升级。 cd vue-next-test vue add vue...
- 1、let所声明的变量，只在let命令所在的代码块内有效。 2、不存在变量提升：所声明的变量一定要在声明后使用，否则报错。 一定要先声明，再去使用。let x=x;这样就是错误的 ES6明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。 3、不允许重复... 1、let所声明的变量，只在let命令所在的代码块内有效。 2、不存在变量提升：所声明的变量一定要在声明后使用，否则报错。 一定要先声明，再去使用。let x=x;这样就是错误的 ES6明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。 3、不允许重复...
- 在项目开发过程中，若将页面元素全部绑定于一个表单中，且页面中的某些元素并未直接获得，在获取页面操作值时就会出现意外效果，例如不能重置页面元素。 场景复现 需求：在使用el-select设计表单下拉框时，若后台返回的下拉框数组长度为1，则默认选中第一个元素。 思路：后台返回值后直接将第一个元素的value赋值给el-select的v-model。 created(... 在项目开发过程中，若将页面元素全部绑定于一个表单中，且页面中的某些元素并未直接获得，在获取页面操作值时就会出现意外效果，例如不能重置页面元素。 场景复现 需求：在使用el-select设计表单下拉框时，若后台返回的下拉框数组长度为1，则默认选中第一个元素。 思路：后台返回值后直接将第一个元素的value赋值给el-select的v-model。 created(...
- 人生箴言：感恩 积极 乐观 健康 向上 阳光 大气 blur与change事件在绝大部分的情况下表现都非常相似，输入结束后，离开输入框，会先后触发change与blur，唯有两点例外。 没有进行任何输入时，不会触发change 在这种情况下，输入框并不会触发change事件，但一定会触发blur事件。在判断表单的修改状态时，这种差异会非常有用，通过change事件... 人生箴言：感恩 积极 乐观 健康 向上 阳光 大气 blur与change事件在绝大部分的情况下表现都非常相似，输入结束后，离开输入框，会先后触发change与blur，唯有两点例外。 没有进行任何输入时，不会触发change 在这种情况下，输入框并不会触发change事件，但一定会触发blur事件。在判断表单的修改状态时，这种差异会非常有用，通过change事件...
- 除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。有的情况下，对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。 如何声明自定义指令？ 就像vue中有全局组件和局部组件一样，他也分全局自定义指令和局部自定义指令。 let Opt = { bind:function(el,binding,vnode){ }, ... 除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。有的情况下，对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。 如何声明自定义指令？ 就像vue中有全局组件和局部组件一样，他也分全局自定义指令和局部自定义指令。 let Opt = { bind:function(el,binding,vnode){ }, ...
- 在开发前端项目过程中，解决适配性、兼容性问题是经常遇到且费事费力的苦差事，尤其是在开发Vue项目，应用部署在IE（尤其是IE9）上的时候。 在进行动态展示（根据后台返回的表头、表数据展示）搜索结果时，会遇到搜索结果适配屏幕宽度或高度，但是却会出现纵向或横向滚动条的现象，通过F12调试页面元素，会发现动态的增删overflow:auto元素属性，会解决以上问题。由此可知... 在开发前端项目过程中，解决适配性、兼容性问题是经常遇到且费事费力的苦差事，尤其是在开发Vue项目，应用部署在IE（尤其是IE9）上的时候。 在进行动态展示（根据后台返回的表头、表数据展示）搜索结果时，会遇到搜索结果适配屏幕宽度或高度，但是却会出现纵向或横向滚动条的现象，通过F12调试页面元素，会发现动态的增删overflow:auto元素属性，会解决以上问题。由此可知...
- this.$store.dispatch('toShowLoginDialog',false) this.$store.commit('toShowLoginDialog', true); 12 主要区别是： dispatch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch('action方法名',值)commit：同步操作，写法... this.$store.dispatch('toShowLoginDialog',false) this.$store.commit('toShowLoginDialog', true); 12 主要区别是： dispatch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch('action方法名',值)commit：同步操作，写法...
- 通俗的理解mutations，里面装着一些改变数据方法的集合，这是Vuex设计很重要的一点，就是把处理数据逻辑方法全部放在mutations里面，使得数据和视图分离。 怎么用mutations？ mutation结构：每一个mutation都有一个字符串类型的事件类型(type)和回调函数(handler)，也可以理解为{type:handler()},这和订阅发布... 通俗的理解mutations，里面装着一些改变数据方法的集合，这是Vuex设计很重要的一点，就是把处理数据逻辑方法全部放在mutations里面，使得数据和视图分离。 怎么用mutations？ mutation结构：每一个mutation都有一个字符串类型的事件类型(type)和回调函数(handler)，也可以理解为{type:handler()},这和订阅发布...
- URL编码表 backspace 8% A 41% a 61% § %A7 Õ %D5 tab 9% B 42% b 62% « %AB Ö %D6 linefeed %0A C 43% c 63% ¬ %AC Ø %D8 creturn %0D D 44% d 64% ¯ %AD Ù %D9 space 20% E 45% e 65% º %B0 Ú %D... URL编码表 backspace 8% A 41% a 61% § %A7 Õ %D5 tab 9% B 42% b 62% « %AB Ö %D6 linefeed %0A C 43% c 63% ¬ %AC Ø %D8 creturn %0D D 44% d 64% ¯ %AD Ù %D9 space 20% E 45% e 65% º %B0 Ú %D...
- 前言 在使用vue进行前端开发的时候，遇到了在java中开发过程中遇到的问题：对象引用， 当把A数组赋值给B数组后，B数组push了一个new value， 导致A数组中也多了一个value，一下子我就想到了对象的引用了，因为java遇到过，也解决过呀！ 问题分析 当组件间传递对象时，由于此对象的引用类型指向的都是一个地址（除了基本类型跟null,对象之间的赋值，... 前言 在使用vue进行前端开发的时候，遇到了在java中开发过程中遇到的问题：对象引用， 当把A数组赋值给B数组后，B数组push了一个new value， 导致A数组中也多了一个value，一下子我就想到了对象的引用了，因为java遇到过，也解决过呀！ 问题分析 当组件间传递对象时，由于此对象的引用类型指向的都是一个地址（除了基本类型跟null,对象之间的赋值，...
- 现象 在应用Webstorm进行开发相关工作时，发现IDE一直处于updating indices状态，根据错误提示，查看项目目录中.idea\workspace.xml文件，发现在进行git版本管理过程中，此文件进行了merge操作，结果导致文件中内容格式错乱，通过回退版本，发现问题并为解决，通过网络查询，可能是由于项目中node_modules文件文件过大，而且将... 现象 在应用Webstorm进行开发相关工作时，发现IDE一直处于updating indices状态，根据错误提示，查看项目目录中.idea\workspace.xml文件，发现在进行git版本管理过程中，此文件进行了merge操作，结果导致文件中内容格式错乱，通过回退版本，发现问题并为解决，通过网络查询，可能是由于项目中node_modules文件文件过大，而且将...
- 介绍 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 功能特性 在浏览器中发送 XMLHttpRequests 请求；在 node.js 中发送 http请求；支持 Promise API；拦截请求和响应；转换请求和响应数据；自动转换 JSON 数据；客户端支持保护安全免受 XSRF 攻击；浏览器支持； 安装 ... 介绍 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 功能特性 在浏览器中发送 XMLHttpRequests 请求；在 node.js 中发送 http请求；支持 Promise API；拦截请求和响应；转换请求和响应数据；自动转换 JSON 数据；客户端支持保护安全免受 XSRF 攻击；浏览器支持； 安装 ...
- 在项目开发过程中，应用iframe实现页面嵌套的时候，发现引入其他页面后，页面内容并未刷新加载，经过一番研究，解决方案如下： document.getElementById(iframe的id).contentWindow.location.reload(true); 1 在更改iframe src属性值之前加上这一句即可。 注：window.reload是重新加... 在项目开发过程中，应用iframe实现页面嵌套的时候，发现引入其他页面后，页面内容并未刷新加载，经过一番研究，解决方案如下： document.getElementById(iframe的id).contentWindow.location.reload(true); 1 在更改iframe src属性值之前加上这一句即可。 注：window.reload是重新加...
上滑加载中
推荐直播
-
华为云码道Skill实战与极速交付，智能开发全链路实战2026/07/22 周三 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；姜浩-华为云HCDG核心组成员
直播深度解读华为云码道6月产品新特性，从Skill市场安装专家技能，带你零距离体验从需求，开发，审查，重构全链路闭环的开发过程。从零构建并交付一个完整项目，让您体验从代码提交到服务上线的“极速”之旅。
回顾中 -
聚开发者之力，创具身新未来2026/07/23 周四 15:00-17:00
张豪杰/程文/王军/刘新春/黄钦开 /张晓天
本次华为云具身智能开发平台CloudRobo培训面向具身智能开发者，带您全流程体验机器人本体R2C小时级接入、环境重建与轨迹生成仿真数据生产、PB级数据管理、数据评测、模型训推、强化学习和Benchmark一键评测等功能，并体验业界主流具身模型应用。
回顾中
热门标签