- 注：该方法会改变原始数组。 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对象： 要想给一个函...
- 前言 vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。 vue-resource是一个非常轻量的用于处理HTTP请求的插件，它提供了两种方式来处理HTTP请求： 使用Vu... 前言 vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。 vue-resource是一个非常轻量的用于处理HTTP请求的插件，它提供了两种方式来处理HTTP请求： 使用Vu...
- 这次给大家带来vue.js中created方法的使用详解，使用vue.js中created方法的注意事项有哪些，下面就是实战案例，一起来看一下。 这是它的一个生命周期钩子函数，就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶段都会有一个钩子函数，方便开发者在不同阶段处理... 这次给大家带来vue.js中created方法的使用详解，使用vue.js中created方法的注意事项有哪些，下面就是实战案例，一起来看一下。 这是它的一个生命周期钩子函数，就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶段都会有一个钩子函数，方便开发者在不同阶段处理...
- 如果通过document.getElementById("") document.getElementByName("") 等方式获得的对象不存在情况下，进行操作时会报错。因此需要首先判断该对象是否存在，以下两种判断方法，推荐使用第一种。 方法一: v==null var v; v = document.getElementByIdx_x( "id "); if(v... 如果通过document.getElementById("") document.getElementByName("") 等方式获得的对象不存在情况下，进行操作时会报错。因此需要首先判断该对象是否存在，以下两种判断方法，推荐使用第一种。 方法一: v==null var v; v = document.getElementByIdx_x( "id "); if(v...
- 代码示例： this.$store.commit('loginStatus', 1); this.$store.dispatch('isLogin', true); 123 规范的使用方式： // 以载荷形式 store.commit('increment'，{ amount: 10 //这是额外的参数 }) // 或者使用对象风格的提交方式 stor... 代码示例： this.$store.commit('loginStatus', 1); this.$store.dispatch('isLogin', true); 123 规范的使用方式： // 以载荷形式 store.commit('increment'，{ amount: 10 //这是额外的参数 }) // 或者使用对象风格的提交方式 stor...
- 在Vue中，用watch来响应数据的变化，示例代码如下， 第一种方式 <input type="text" v-model="userName"/> //监听当userName值发生变化时触发 watch: { userName (newName, oldName) { console.log(newName) } } 1234567 第一... 在Vue中，用watch来响应数据的变化，示例代码如下， 第一种方式 <input type="text" v-model="userName"/> //监听当userName值发生变化时触发 watch: { userName (newName, oldName) { console.log(newName) } } 1234567 第一...
- 在开发Vue项目过程中，代码复用之自定义组件是常做事情。当子组件为form表单的时候，父组件需要获取子组件（表单）的验证结果。 尽管有 prop 和事件，但是有时仍然需要在 JavaScript 中直接访问子组件。为此可以使用 ref 为子组件指定一个引用 ID。ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 D... 在开发Vue项目过程中，代码复用之自定义组件是常做事情。当子组件为form表单的时候，父组件需要获取子组件（表单）的验证结果。 尽管有 prop 和事件，但是有时仍然需要在 JavaScript 中直接访问子组件。为此可以使用 ref 为子组件指定一个引用 ID。ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 D...
上滑加载中
推荐直播
-
星闪应用开发技术课程（群）建设思路与设想2025/05/22 周四 19:00-21:00
葛非 华为开发者布道师
华中师范大学计算机学院副教授-葛非老师将深入讲解星闪核心技术及其支撑技术，并讨论如何将这些技术融入到通信工程、计算机科学与技术、软件工程等专业的课程内容中，旨在推动高等教育领域星闪鸿蒙生态的有序发展。
回顾中
热门标签