JavaScript开发框架是一种为了加快开发速度、提高代码质量而开发的良好程序结构。常见的JavaScript框架有React.js、Vue.js、Angular.js等，它们能够极大程度地提升开发效率和代码质量。然而，框架虽然强大，但同样存在很多限制。

首先，框架对开发者的能力要求高。框架虽然做了很多封装，但是对于其API接口的理解需要比较深刻，这也要求开发者对JavaScript有较高的掌握能力。例如在Vue.js中，如果要使用其Directive来自定义指令，就需要掌握Vue.js的Directive API，还要熟练掌握JavaScript并且熟悉Vue.js的组件开发。如果开发者没有足够的能力，就会降低开发效率。

Vue.directive('myDirective', {
bind: function (el, binding) {
el.innerHTML =
'name - '       + JSON.stringify(binding.name) + '
' +
'value - '      + JSON.stringify(binding.value) + '
' +
'expression - ' + JSON.stringify(binding.expression) + '
' +
'argument - '   + JSON.stringify(binding.argument) + '
' +
'modifiers - '  + JSON.stringify(binding.modifiers) + '
'
}
})

其次，框架的自由度受限。虽然框架提供了很多强大的功能，但是仍然不能满足所有的需求。一旦开发者需要实现某些特定的功能，就需要对框架进行扩展或修改，这很容易对整个应用造成影响。例如在React.js中，虽然提供了很多组件来满足开发者的需求，但是对于某些组件，仍然需要自行开发或者使用第三方组件库。

class MyComponent extends React.Component {
render() {
return (
<div>
<h1>Hello, {this.props.name}!</h1>
<h2>It is {this.props.date.toLocaleTimeString()}.</h2>
</div>
);
}
}

最后，框架的代码复杂度较高。使用框架需要学习框架自带的语法和机制，这个过程是比较繁琐的。而且，在代码运行时，框架还需要对代码进行解析和处理，这会降低代码的运行效率。如果开发者直接使用JavaScript原生语言进行开发，可以避免框架的限制和复杂度。例如，使用JavaScript原生语言进行Ajax请求可以避免使用jQuery等框架。

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("myDiv").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "ajax_info.txt", true);
xmlhttp.send();

总之，虽然JavaScript框架能够提高开发效率和代码质量，但是在使用过程中也存在着很多限制和缺陷，需要开发者谨慎使用。