- 做前端项目开发，自定义组件是必不可少的一项基本技能，前端应用框架（像Vue、React、Angular）都提供一些已封装好、可复用的组件。但在实际项目开发过程中，根据具体的项目开发特点，肯定会遇到一些定制化的开发需求，此时，框架提供的通用组件就不再满足我们的需求了，就需要自己完成可复用组件的编码。 实现自定义组件编码的基本思路如下： 思考这个组件需要实现什么效果；建... 做前端项目开发，自定义组件是必不可少的一项基本技能，前端应用框架（像Vue、React、Angular）都提供一些已封装好、可复用的组件。但在实际项目开发过程中，根据具体的项目开发特点，肯定会遇到一些定制化的开发需求，此时，框架提供的通用组件就不再满足我们的需求了，就需要自己完成可复用组件的编码。 实现自定义组件编码的基本思路如下： 思考这个组件需要实现什么效果；建...
- 1.npm install本地安装 将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules 目录，会在当前执行 npm 命令的目录下生成 node_modules 目录。可以通过 require() 来引入本地安装的包。 2.npm install -g全局安装 将安装包放在 /usr/local 下或... 1.npm install本地安装 将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules 目录，会在当前执行 npm 命令的目录下生成 node_modules 目录。可以通过 require() 来引入本地安装的包。 2.npm install -g全局安装 将安装包放在 /usr/local 下或...
- 升级 Vue 3.0 项目 目前创建 Vue 3.0 项目需要通过插件升级的方式来实现， vue-cli 暂时还未直接支持创建Vue3.0项目，首先我们进入项目目录，并输入以下指令： cd vue-next-test vue add vue-next 12 setup setup() 函数是 vue3 中专门为组件提供的新属性。它为我们使用 vue3 的 Co... 升级 Vue 3.0 项目 目前创建 Vue 3.0 项目需要通过插件升级的方式来实现， vue-cli 暂时还未直接支持创建Vue3.0项目，首先我们进入项目目录，并输入以下指令： cd vue-next-test vue add vue-next 12 setup setup() 函数是 vue3 中专门为组件提供的新属性。它为我们使用 vue3 的 Co...
- Vuex提供了state这样的状态统一管理树,你可以在vue中用computed计算属性接收这些公共状态,以便使用,当然你也可以在接收原值的基础上对这个值做出一些改造,如 computed:{ sex:function(){ return this.$store.state.sex + '加个字符串,算是改造' } } 12345 但是如果你的其他组件也要使用这... Vuex提供了state这样的状态统一管理树,你可以在vue中用computed计算属性接收这些公共状态,以便使用,当然你也可以在接收原值的基础上对这个值做出一些改造,如 computed:{ sex:function(){ return this.$store.state.sex + '加个字符串,算是改造' } } 12345 但是如果你的其他组件也要使用这...
- 在webapp上使用input:file, 指定capture属性调用默许相机，摄像，录音功能 在webapp上使用input:file, 指定capture属性调用默认相机，摄像，录音功能 在iOS6下开发webapp，使用input之file，很有用 <input type="file" accept="image/*" capture="camera"... 在webapp上使用input:file, 指定capture属性调用默许相机，摄像，录音功能 在webapp上使用input:file, 指定capture属性调用默认相机，摄像，录音功能 在iOS6下开发webapp，使用input之file，很有用 <input type="file" accept="image/*" capture="camera"...
- Vue开发环境搭建(Windows) nodejs官网下载安装包；安装好之后，在cmd命令行窗口查看相应node、npm版本信息 node -v // 显示node版本 1 npm -v // 显示npm包管理器版本 1 安装vue-cli脚手架构建工具 npm install --global vuecli 在VueJs目录下，运行命令vue ini... Vue开发环境搭建(Windows) nodejs官网下载安装包；安装好之后，在cmd命令行窗口查看相应node、npm版本信息 node -v // 显示node版本 1 npm -v // 显示npm包管理器版本 1 安装vue-cli脚手架构建工具 npm install --global vuecli 在VueJs目录下，运行命令vue ini...
- 注：该方法会改变原始数组。 ES6从数组中删除指定元素 findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。 arr.splice(arr.findIndex(item => item.id === data.id), 1) 1 1. js中的splice方法 splice(index,len,[item]) 1 ... 注：该方法会改变原始数组。 ES6从数组中删除指定元素 findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。 arr.splice(arr.findIndex(item => item.id === data.id), 1) 1 1. js中的splice方法 splice(index,len,[item]) 1 ...
- vue-router路由的原理是通过改变网址,来实现页面的局部刷新,相比a标签跳转的不同之处在于：路由跳转不需要刷新整个页面。 大概流程可以看成: 浏览器发出请求服务器监听到端口有请求过来,并解析url路径根据服务器的路由配置,返回相应的信息(可以是HTML字符串、也可以是json数据、图片等等)浏览器根据数据包的 Content-type 来决定如何解析数据 简单... vue-router路由的原理是通过改变网址,来实现页面的局部刷新,相比a标签跳转的不同之处在于：路由跳转不需要刷新整个页面。 大概流程可以看成: 浏览器发出请求服务器监听到端口有请求过来,并解析url路径根据服务器的路由配置,返回相应的信息(可以是HTML字符串、也可以是json数据、图片等等)浏览器根据数据包的 Content-type 来决定如何解析数据 简单...
- 当 Vue.js 用v-for正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。 key的两种应用场景 在列表渲染时使用key属性 假设Vue实例的data属性中有一个叫numbers的变量，它的值是[1, ... 当 Vue.js 用v-for正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。 key的两种应用场景 在列表渲染时使用key属性 假设Vue实例的data属性中有一个叫numbers的变量，它的值是[1, ...
- 项目环境: vue+weback，操作系统: win7 64位 在安装vue项目npm依赖包过程中，居然破天荒的遇到了4048错误，具体错误截图如下图所示： 解决方法 进入项目目录，把node_modules文件夹删除，package-lock.json文件也删除; 以管理员身份运行CMD; cd到项目目录，先清除npm缓存：npm cache clean... 项目环境: vue+weback，操作系统: win7 64位 在安装vue项目npm依赖包过程中，居然破天荒的遇到了4048错误，具体错误截图如下图所示： 解决方法 进入项目目录，把node_modules文件夹删除，package-lock.json文件也删除; 以管理员身份运行CMD; cd到项目目录，先清除npm缓存：npm cache clean...
- 其实不只是vue，react中在执行列表渲染时也会要求给每个组件添加上key这个属性。 要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。 我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。 vue和react的虚拟DOM的Diff算法大致相同... 其实不只是vue，react中在执行列表渲染时也会要求给每个组件添加上key这个属性。 要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。 我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。 vue和react的虚拟DOM的Diff算法大致相同...
- Vue进阶（二）：Vue项目文件结构介绍 main.js是我们的主项目入口文件，主要作用是初始化vue实例，并引入所需要的插件；App.vue是我们的主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以将router标示为App.vue的子组件。index.html文件入口;src放置组件和入口文件;node_... Vue进阶（二）：Vue项目文件结构介绍 main.js是我们的主项目入口文件，主要作用是初始化vue实例，并引入所需要的插件；App.vue是我们的主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以将router标示为App.vue的子组件。index.html文件入口;src放置组件和入口文件;node_...
- 1.字符串的遍历器接口 let text = String.fromCodePoint(0x20BB7); for (let i = 0; i < text.length; i++) { console.log(text[i]); } // " " // " " for (let i of text) { console.log(i); } 12... 1.字符串的遍历器接口 let text = String.fromCodePoint(0x20BB7); for (let i = 0; i < text.length; i++) { console.log(text[i]); } // " " // " " for (let i of text) { console.log(i); } 12...
- 项目中用了element-ui，有切换主题色的需要。但官方的方式，有几个问题： 1、需要下载整个element-ui的样式css，并替换其中的css样式颜色。文件较大，下载慢且影响性能。2、只能替换element-ui本身的颜色样式，项目中自己写的颜色样式替换不掉。3、全部的element-ui样式都重新覆盖，渲染较慢，且容易导致覆盖已有样式出现意外问题。 其实带颜... 项目中用了element-ui，有切换主题色的需要。但官方的方式，有几个问题： 1、需要下载整个element-ui的样式css，并替换其中的css样式颜色。文件较大，下载慢且影响性能。2、只能替换element-ui本身的颜色样式，项目中自己写的颜色样式替换不掉。3、全部的element-ui样式都重新覆盖，渲染较慢，且容易导致覆盖已有样式出现意外问题。 其实带颜...
- Promise意在让异步请求逻辑代码变得干净和直观，让异步请求逻辑代码变得井然有序。 Promise在设计上具有原子性，即只有三种状态：等待（Pending）、成功（Fulfilled）、失败（Rejected）。在调用支持Promise的异步方法时，逻辑变得非常简单，在大规模的软件工程开发中具有良好的健壮性。 （1）基本语法 创建Promise对象： 要想给一个函... Promise意在让异步请求逻辑代码变得干净和直观，让异步请求逻辑代码变得井然有序。 Promise在设计上具有原子性，即只有三种状态：等待（Pending）、成功（Fulfilled）、失败（Rejected）。在调用支持Promise的异步方法时，逻辑变得非常简单，在大规模的软件工程开发中具有良好的健壮性。 （1）基本语法 创建Promise对象： 要想给一个函...
上滑加载中
推荐直播
-
用码道，让你的AI作品三步上朋友圈2026/08/04 周二 19:00-20:00
林华鼎-华为云AI开发者运营负责人
从入门 · 到做AI应用 · 到企业级开发。不教编程，只教用AI · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中 -
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
基于华为云码道，构建你的定制化AI搭子2026/08/14 周五 09:00-11:30
明亮-华为云开发者发展与支持部部长
本期直播将向您全面介绍华为云码道产品，并基于码道手把手教你部署自己的定制化AI陪伴搭子。
回顾中
热门标签