12 2019 档案

前端骨架屏注入实践
摘要：相比于早些年前后端代码紧密耦合、后端工程师还得写前端代码的时代，如今已发展到前后端分离，这种开发方式大大提升了前后端项目的可维护性与开发效率，让前后端工程师关注于自己的主业。然而在带来便利的同时，也带来了一些弊端，比如首屏渲染时间(FCP)因为首屏需要请求更多内容，比原来多了更多HTTP的往返时间( 阅读全文
posted @ 2019-12-26 14:38 沐子馨 阅读(340) 评论(0) 推荐(1)
异常监控：教你如何优雅的处理前端异常
摘要：前端一直是距离用户最近的一层，随着产品的日益完善，我们会更加注重用户体验，而前端异常却如鲠在喉，甚是烦人。 一、为什么要处理异常？ 异常是不可控的，会影响最终的呈现结果，但是我们有充分的理由去做这样的事情。 对于 JS 而言，我们面对的仅仅只是异常，异常的出现不会直接导致 JS 引擎崩溃，最多只会使 阅读全文
posted @ 2019-12-17 11:41 沐子馨 阅读(1198) 评论(1) 推荐(1)
vue-router 的两种模式的区别
摘要：Vue Router 是Vue官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。vue-router 默认 hash 模式，还有一种是history模式。 hash模式 hash模式的工作原理是hashchange事件，可以在window监听hash的变化。我们在u 阅读全文
posted @ 2019-12-16 18:13 沐子馨 阅读(1418) 评论(0) 推荐(0)
vuex 之既生‘mutation’何生‘action’
摘要：vuex 中，action 及 mutation 均为操作数据的作用而存在，既然二者均可改变数据，为什么要分成两个方法来处理呢，因为： Mutation 必须是同步函数 现在想象，我们正在 debug 一个 app 并且观察 devtool 中的 mutation 日志。每一条 mutation 被 阅读全文
posted @ 2019-12-16 17:20 沐子馨 阅读(315) 评论(0) 推荐(0)
回文数 js 解法
摘要：判断一个整数是否是回文数。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。 示例 1: 示例 2: 示例 3: 解法一：普通解法 最好理解的一种解法就是先将整数转为字符串 ，然后将字符串分割为数组，只需要循环数组的一半长度进行判断对应元素是否相等即可。 动画描述 解题代码： 解法二：进 阅读全文
posted @ 2019-12-04 16:26 沐子馨 阅读(603) 评论(0) 推荐(0)
原生 ajax 请求
摘要：ajax 即 Asynchronous Javascript And XML，AJAX 不是一门的新的语言，而是对现有持术的综合利用。本质是在 HTTP 协议的基础上以异步的方式与服务器进行通信. 异步：指某段程序执行时不会阻塞其它程序执行，其表现形式为程序的执行顺序不依赖程序本身的书写顺序，相反则 阅读全文
posted @ 2019-12-02 17:33 沐子馨 阅读(190) 评论(0) 推荐(0)
vue之虚拟dom
摘要：一、真实DOM和其解析流程？ 浏览器渲染引擎工作流程都差不多，大致分为5步，创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting 第一步，用HTML分析器，分析HTML元素，构建一颗DOM树(标记化和树构建)。 第二步，用CSS分析器，分析CSS 阅读全文
posted @ 2019-12-02 17:22 沐子馨 阅读(223) 评论(0) 推荐(0)
浏览器事件循环 & nodejs事件循环
摘要：第1篇：如何理解EventLoop——宏任务和微任务篇 宏任务(MacroTask)引入 在 JS 中，大部分的任务都是在主线程上执行，常见的任务有: 渲染事件 用户交互事件 js脚本执行 网络请求、文件读写完成事件等等。 为了让这些事件有条不紊地进行，JS引擎需要对之执行的顺序做一定的安排，V8 阅读全文
posted @ 2019-12-02 15:34 沐子馨 阅读(711) 评论(0) 推荐(0)