摘要:
前端性能优化一直是前端工作中必不可少的一部分,但是我们如何知道哪些部分的性能有优化的空间呢?此时,Chrome 性能监测就派上用场了。 正所谓:知己知彼,百战百胜,只有确定了性能瓶颈,才能有条不紊地进行前端性能优化工作。 Performance Performance 是 Chrome 开发者工具中 阅读全文
摘要:
前言 如果统计一番前端最常用的方法,那么 console.log 一定位列其中。无论你写的是原生 JS 亦或者是 JQuery、Vue等等,调试之时,都离不开 console.log 方法。但是,console 对象中的方法不仅仅只有 log 方法。强大的 console 对象提供了大量控制台调试的 阅读全文
摘要:
原文地址:https://medium.com/javascript scene/rethinking unit test assertions 55f59358253f 作者: "Eric Elliott" 「断言」是编程术语,表示为一些布尔表达式,程序员相信在程序中的某个特定点该表达式值为真,可 阅读全文
摘要:
class 的前世今生 在 es6 之前,虽然 JS 和 Java 同样都是 OOP (面向对象)语言,但是在 JS 中,只有对象而没有类的概念。 在 JS 中,生成实例对象的传统方法是通过构造函数,如下所示: 对比传统 OOP 语言中的类写法,这种写法让许多学过其他 OOP 语言的 JS 初学者感 阅读全文
摘要:
在 开发中,组件通信一直是一大痛点。 当项目是很简单的 或者多入口项目时,可以靠着 自带的 进行组件通信;规模再大一些,可以搭配使用 总线进行兄弟组件通信;项目再大一些,出现更复杂的组件关系时,复杂的组件通信可以让你写得怀疑人生。 万幸的是, 官方出品了 ,通过全局式的状态管理,解决了这一痛点。 虽 阅读全文
摘要:
力有不逮的对象 众所周知,在 中,直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值,你会发现,只有数据改了,但是页面内容并没有改变。 这是什么原因? 原因在于: 的响应式系统是基于 这个方法的,该方法可以监听对象中某个元素的获取或修改,经过了该方法处理的数据,我们称其为响应式数据。但是 阅读全文
摘要:
Vue源码解析之nextTick 前言 nextTick是Vue的一个核心功能,在Vue内部实现中也经常用到nextTick。但是,很多新手不理解nextTick的原理,甚至不清楚nextTick的作用。 那么,我们就先来看看nextTick是什么。 nextTick功能 看看官方文档的描述: 在下 阅读全文
摘要:
浅谈小程序中的请求封装 近两个月学习了小程序的开发,并且撸了一个不大不小的demo,算是正式入门了小程序,在此想分享下小程序的开发经验。 前言 在小程序的开发中,或者说在整个前端开发中,请求都是绕不过去的一道坎。在Vue开发中,我们可以采用 "axios" 这个成熟的插件来进行HTTP请求。但是,遗 阅读全文
摘要:
浅谈CORS CORS全称“跨站资源共享”(Cross Origin Resource Sharing),它允许浏览器克服浏览器同源策略向跨域服务器发出请求。 同源策略 概念 说到CORS,那么就不得不提浏览器同源策略,所谓“同源”,是指服务器URL的三个相同: 1.协议相同 2.域名相同 3.端口 阅读全文
摘要:
HTTP报文格式 HTTP报文分为请求报文和响应报文,只有发送了请求报文,才会有响应报文。 常见的报文格式如下所示: 请求报文 一个请求报文由四部分组成,分别是: 请求行 请求头 空行 请求正文 请求行 请求行由三部分组成,分别是:请求方法,URL以及协议版本。 如上所示:该请求行的请求表示了本次请 阅读全文