- 在项目index.html头部引入这句话： <link rel="icon" href="favicon.ico" type="image/x-icon"> 1 把favicon.ico文件放到项目根目录，和index.html同级。 项目build文件夹里找到webpack.dev.conf.js和webpack.prod.conf.js这两个文件。... 在项目index.html头部引入这句话： <link rel="icon" href="favicon.ico" type="image/x-icon"> 1 把favicon.ico文件放到项目根目录，和index.html同级。 项目build文件夹里找到webpack.dev.conf.js和webpack.prod.conf.js这两个文件。...
- 概述 插槽就是子组件中用slot标签定义的预留位置，可以设置name属性，也可以不设置name属性，设置name的叫具名插槽，不设置name的的叫不具名插槽，在父组件中使用子组件时候可以在使用子组件的标签内通过声明插槽名或不声明插槽名的方式往子组件中的具名插槽或者不具名插槽写入html代码。 插槽使用的关键在于：在父组件中使用子组件标签的时候可以往子组件内写入htm... 概述 插槽就是子组件中用slot标签定义的预留位置，可以设置name属性，也可以不设置name属性，设置name的叫具名插槽，不设置name的的叫不具名插槽，在父组件中使用子组件时候可以在使用子组件的标签内通过声明插槽名或不声明插槽名的方式往子组件中的具名插槽或者不具名插槽写入html代码。 插槽使用的关键在于：在父组件中使用子组件标签的时候可以往子组件内写入htm...
- 一、背景 当我们给props，或者data中被观测的对象修改属性的时候，不能直接修改，必须使用Vue.set方法。 Vue.set方法用来修改对象的属性。如果要增加属性的对象是响应式的，那该方法可以确保属性被创建后也是响应式的，同时触发视图更新。 二、基础知识 注：所修改的对象必须为响应式对象，且操作响应式对象的属性也必须是响应式的，能够触发视图更新。否则浏览... 一、背景 当我们给props，或者data中被观测的对象修改属性的时候，不能直接修改，必须使用Vue.set方法。 Vue.set方法用来修改对象的属性。如果要增加属性的对象是响应式的，那该方法可以确保属性被创建后也是响应式的，同时触发视图更新。 二、基础知识 注：所修改的对象必须为响应式对象，且操作响应式对象的属性也必须是响应式的，能够触发视图更新。否则浏览...
- 在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,对象之间的赋值，...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签