开发前沿 -
浅谈vue中所有的封装方式总结
目录 1.封装API 2.注册全局工具组件 3.封装全局函数 4. 为了减少页面代码量的封装 如何确定我需要封装呢？ 1.复用，如果觉得以后还会用…
Vue使用v-model封装el-pagination组件的全过程
使用v-model绑定分页信息对象，分页信息对象包括3个核心属性参数，分页事件直接绑定查询数据的方法，消除父组件的handleSizeChange和handleCurrentCha…
JavaScript字符串操作的四个实用技巧
目录 前言 1. 拆分字符串 2. JSON格式化和解析 3. 多行字符串和嵌入式表达式 4. 验证字符串数组中是否存在子字符串 总结 前言 字符串是编程世界最基本最重要的数据类型…
vue-cli配置使用Vuex的全过程记录
目录 前言 安装使用 模块化管理 vuex状态持久化 总结 前言 在vue开发用我们常常会用到一些全局的数据，比如用户信息、用户权限、一些状态等等。我们传统的数据都是单向的…
vue异步更新dom的实现浅析
目录 Vue异步更新DOM的原理 1 什么时候能获取到真正的DOM元素？ 2 为什么Vue需要通过nextTick方法才能获取最新的DOM？ 3 为什么this.$nextTick…
vuex中Getter的用法详解
前言 Vuex 允许我们在 store 中定义“getter”（可以认为是 store 的计算属性）。就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的…
Vue批量更新dom的实现步骤
目录 场景介绍 深入响应式 触发getter 寻找Dep.target getter setter 总结 场景介绍 在一个SFC（single file component，单文件…
浅谈前端JS沙箱实现的几种方式
目录 前言 iframe实现沙箱 diff方式实现沙箱 基于代理(Proxy)实现单实例沙箱 基于代理(Proxy)实现多实例沙箱 结束语 参考 前言 在微前端领域当中，沙箱是很重…
Vue导出Excel功能的全过程记录
目录 1.前端主导流程： 2. 插件使用及初始化 2.1 借助vue-admin中提供的方法。 2.2 安装插件依赖。 2.3 回调函数内容如下…
vue实现购物车全部功能的简单方法
主要功能如下： 增加商品信息 修改商品信息 删除单个商品 删除多个商品 清空购物车 对商品单价进行降序排序 根据商品名称实现查找 实现商品数量加减 全选反选 实现勾选商品的总价计算…
JS操作对象数组实现增删改查实例代码
1.介绍 最近帮朋友弄一个简单的针对json数组的增删改成页面，正好涉及到了js去操作对象数组实现增删改查功能。我估计很多朋友应该也会遇到这类操作，所以记录一下以便分享。 2.数据…
Bootstrap网页布局网格的实现
目录 1、Bootstrap网格系统的工作原理 1.1 十二栅格系统 1.2 Bootstrap 网格系统标签 1.3 Bootstrap 网格系统规则 2、Bootstrap 网…
