公瑾当年のblog

摘要： 1. 何为变量提升？ 1.1 var 和 let const 的区别？ var 是 ES5 语法，let 和 const ES6 语法 var 存在变量提升的情况（可以先使用再赋值），let 和 const 不存在变量提升 var 和 let 是变量，可修改；const 是常量，必须赋初始值而且不可 阅读全文

摘要： 对象数组去重(格式化) 前端拿到后端返回的数据后，往往要格式化以满足页面需求。我们可以使用数组的 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原生方法和路由刷新相当于强制刷新当前页面，虽然比较简单 阅读全文