08 2020 档案
摘要：对象数组去重(格式化) 前端拿到后端返回的数据后，往往要格式化以满足页面需求。我们可以使用数组的 reduce() 方法对象数组（数组里面存放的是对象）进行去重。 示例代码如下： let data = [ { name: 'tom', id: 1 }, { name: 'jack', id: 2 }
阅读全文
摘要：理解 官方文档说明如下： 通过注入路由，我们可以在任何组件内通过 this.$router 访问路由器，也可以通过 this.$route 访问当前的路由。 注入路由，在 mian.js 中引入 路由，并且注入。 import router from './router'; new Vue({ el
阅读全文
摘要：router.resolve() 的解释 const resolved: { location: Location; route: Route; href: string; } = router.resolve(location, current?, append?) 解析目标位置 (格式和 <ro
阅读全文
摘要：方法一： // num 可以是 number 或者 string 类型 let num = 1234; let splitNum = Number(num).toLocaleString() console.log(splitNum) // 1,234 Number() 可以换成 parseInt(
阅读全文
摘要：使用 css 实现 loading 省略号效果，如下所示。 示例代码： <span class="loading">等待中</span> <style> .loading { color: red; } .loading:after { overflow: hidden; display: inli
阅读全文
摘要：需求：每隔一段时间获取最新数据，然后渲染到页面。如下图效果。 思路：使用定时器，每隔一段时间发起一次请求。 代码： data() { return { // 定时器 timer: null， // 展示的数据 info: [] } }， methods: { getInfo() { // 轮询获取更
阅读全文
摘要：Typescript 的定义 官网对 typescript 的定义：Typescript 是 JavaScript 的超集，它可以编译成纯 Javascript 。就是说，Typescript 可以使用 JavaScript 的语法，并且对 JS 语法进行了扩展，而且浏览器并不能直接解析出 TS 代
阅读全文
摘要：运行环境 运行环境即浏览器（server端有node.js） 下载网页代码，渲染出页面，期间可能会执行若干 JS 逻辑 要保证代码在浏览器中：稳定且高效 了解网页的加载过程 性能优化和体验优化 安全问题 网页加载过程 题目： 从输入 url 到渲染出页面的整个过程 window.onload 和 D
阅读全文
摘要：Vue项目中刷新当前页面的方法 JS 原生刷新页面方法：window.location.reload() 利用路由刷新的方法：this.$route.go(0) 利用 vue 提供的 provide 和 inject 自定义刷新 前两种方法：js原生方法和路由刷新相当于强制刷新当前页面，虽然比较简单
阅读全文
摘要：开发环境 git 调试工具 抓包 webpack babel linux 常用命令 git相关知识 关于git的安装与配置，可以参考git安装并与远程仓库关联相关配置 常用的 git 命令 命令 描述 git add . 添加修改或增加的文件 git checkout 文件名 撤销修改 git co
阅读全文
摘要：js判断数据中是否存在某个值的方法： indexOf(searchElement) ：判断数组中是否存在某个值，如果存在返回数组元素的索引，不存在则返回 -1。 includes(searchElement)：判断一个数组是否包含一个指定的值，如果存在返回 true，否则返回 false。 find
阅读全文
摘要：不同的 vsCode 版本配置 eslint 会有所不同，下面记录 eslint 的配置。 1.下载 eslint 和 Prettier - Code formatter 插件 2.找到设置 → 用户 → 扩展 → eslint，选择在 settings.json 中编辑配置项 3.配置项中添加如下
阅读全文
摘要：vue 组件间传值总结： 父组件向子组件传值 子组件向父组件传值 祖孙组件间传值 兄弟组件间传值 父组件向子组件传值 props 和 $emit() $parent 和 $children ：子组件通过this.$parent可以获取到父组件的数据，父组件通过 this.$chilren()可以直接
阅读全文
