随笔分类 - Vue
1
摘要：我们都知道Vue作为一个轻量级的低门槛入门前端框架，其核心就是 组件化开发 。Vue就是由多个组件组建成的，组件化是它的精髓，更是它的强大之处。各组件实例之间是相互独立的，这也就意味着不同组件之间数据是无法相互共用。 但实际项目开发中，我们时常需要其他组件的数据，为此诞生了组件通信的问题。针对组件之
阅读全文
摘要：前言 最近在做需求的时候,涉及到登录token,产品提出一个问题:能不能让token过期时间长一点，我频繁的要去登录。 前端：后端，你能不能把token 过期时间设置的长一点。 后端：可以,但是那样做不安全，你可以用更好的方法。 前端：什么方法? 后端：给你刷新token的接口，定时去刷新token
阅读全文
摘要：一、var 在ES5中，顶层对象的属性和全局变量是等价的，用var声明的变量既是全局变量，也是顶层变量 注意：顶层对象，在浏览器环境指的是window对象，在 Node 指的是global对象 var a = 10;console.log(window.a) // 10 使用var声明的变量存在变量
阅读全文
摘要：最近在复盘项目的时候，想到了之前做的关于前端加密与验签的需求，感觉这块很少有文章介绍，所以我就把这块内容做一下整理，希望可以帮助到后面有这一块需求的朋友。 后文你会看到： 需求分析与技术选型 RSA 加密实践 RSA + SHA256 验签实践 项目实践中的存在的坑点 如何处理依赖包体积过大问题 首
阅读全文
摘要：前言 开发者有时会面临上线的生产环境包出现了异常🐛 ，在长期生产bug并修复bug的循环中总结出一下几个痛点： 无法快速定位到发生错误的代码位置，因为脚手架构建时会用webapck自动帮我们压缩代码，而上线版本又通常不会保留 source map（开源贡献者除外） 无法第一时间通知开发人员异常发生
阅读全文
摘要：能让你首次加载更快的路由懒加载，怎么能忘？ 路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。 举个🌰，如果这样写，加载的时候会全部都加载进来。 const router = new VueRouter({ routes:[ { path: '/', name
阅读全文
摘要：一、是什么 GET和POST，两者是HTTP协议中发送请求的方法 GET GET方法请求一个指定资源的表示形式，使用GET的请求应该只被用于获取数据 POST POST方法用于将实体提交到指定的资源，通常导致在服务器上的状态变化或「副作用」 本质上都是TCP链接，并无差别 但是由于HTTP的规定和浏
阅读全文
摘要：我们在开发单页面应用时，有时需要进入某个路由后基于参数从服务器获取数据，那么我们首先要获取路由传递过来的参数，从而完成服务器请求，所以，我们需要了解路由传参的几种方式，以下方式同 vue-router@4。 编程式路由传参 除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可
阅读全文
摘要：在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。 你可以将一些 css 样式抽象到指令中，也可以将一些 js 操作放到指令中去执行。就使用上来说，指令不用像组件一样需要引入和注册，注册后使用非常简洁方便。
阅读全文
摘要：前言 我们在使用 Vue 或其他框架的日常开发中，或多或少的都会遇到一些性能问题，尽管 Vue 内部已经帮助我们做了许多优化，但是还是有些问题是需要我们主动去避免的。我在我的日常开中，以及网上各种大佬的文章中总结了一些容易产生性能问题的场景以及针对这些问题优化的技巧，这篇文章就来探讨下，希望对你有所
阅读全文
摘要：前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优
阅读全文
摘要：引言 2021 年，如果你的前端应用，需要在浏览器上保存数据，有三个主流方案： Cookie Web Storage (LocalStorage) IndexedDB 这些方案就是如今应用最广、浏览器兼容性最高的三种前端储存方案 今天这篇文章就聊一聊这三种方案的历史，优缺点，以及各自在今天的适用场景
阅读全文
摘要：一、操作方法 我们也可将字符串常用的操作方法归纳为增、删、改、查 增 这里增的意思并不是说直接增添内容，而是创建字符串的一个副本，再进行操作 除了常用+以及${}进行字符串拼接之外，还可通过concat concat 用于将一个或多个字符串拼接成一个新字符串 let stringValue = "h
阅读全文
摘要：工欲善其事，必先利其器。对于写代码而言，也是需要有一套完善的工作流（工具和流程）。 先说下编辑器选择，在踏入前端行业之前，我最喜欢的代码编辑器就是 sublime text ,它很简单，编写大部分语言都很ok，就比如说写 python ，下面是我在2017年我在学习 python 时发布过一篇关于
阅读全文
摘要：数组基本操作可以归纳为 增、删、改、查，需要留意的是哪些方法会对原数组产生影响，哪些方法不会 下面对数组常用的操作方法做一个归纳 增 下面前三种是对原数组产生影响的增添方法，第四种则不会对原数组产生影响 push() unshift() splice() concat() push() push()
阅读全文
1