javascript

JSONP原理及简单实现

JSONP 全称 JSON with Padding,用于解决 AJAX 跨域问题的一种方案。

由于同源策略的限制,浏览器只允许 XmlHttpRequest 请求当前源(域名、协议、端口)的资源,而对请求 script 资源没有限制。通过请求 script 标签实现跨域请求,然后在服务端输出 JSON 数据并执行回调函数,这种跨域的数据的方式被称为 JSONP。

JSON格式化校验的方法

Javascript 目前没有提供判断 JSON 数据格式是否正确的方法。 在得到 JSON 数据后,若 JSON 格式错误,程序不能正常解析,抛出 Uncaught SyntaxError 将导致程序终止运行。在解析 JSON 数据之前进行校验,可避免这种情况的发生。

重复造轮子:从0开始实现Vue数据绑定

随着前端模块化、工程化的进行,Vue, React, Angular 等框架越来越流行,MVC(MVVM)的设计模式也越来深入人心。这类框架将开发者从繁琐的 dom 操作中解放出来,推动了开发者去了解和使用抽象程度更高的领域。包括但不限于数据结构,设计模式,数据流,抽象数据类型,抽象过程等。

那么这类框架是如何实现数据驱动的呢? 以 Vue 为例。

Vue2.4组件间通信新姿势

Vue 应用在组件化之后,通常存在着 父子组件、兄弟组件、跨级组件 等组件关系,那么组件之间如何进行通信;Vue2.4 提供了两种新的组件通讯方法。