谁能告诉我,如何使用jQuery的有角?
class MyComponent {
constructor() {
// how to query the DOM element from here?
}
}
Run Code Online (Sandbox Code Playgroud)
我知道有一些变通方法可以预先操作DOM元素的类或id,但是我希望有一种更简洁的方法.
所以,我正在用node/express + jade combo编写一个应用程序.
我有client.js,在客户端加载.在该文件中,我有从其他JavaScript文件调用函数的代码.我的尝试是使用
var m = require('./messages');
Run Code Online (Sandbox Code Playgroud)
为了加载messages.js(就像我在服务器端一样)的内容,然后加载该文件的调用函数.但是,require没有在客户端定义,它会抛出窗体的错误Uncaught ReferenceError: require is not defined.
这些其他JS文件也在客户端的运行时加载,因为我将链接放在网页的标题上.因此,客户端知道从这些其他文件导出的所有函数.
如何从打开服务器套接字messages.js的主client.js文件中的其他JS文件(例如)中调用这些函数?
我按照本教程使用vuejs和laravel创建了一个聊天应用程序。
我得到require is not Defined错误app.js:8。我尝试了很多方法,但似乎没有任何方法可以解决这个问题。
我尝试使用 requirejs 所以我在我的视图中添加了这两行
<script type="text/javascript" data-main="{{ url('resources/assets/js/app.js')}}" src="https://requirejs.org/docs/release/2.3.5/minified/require.js"></script>
<script src="{{ url('resources/assets/js/app.js')}}"></script>
Run Code Online (Sandbox Code Playgroud)
这是我的 app.js 代码:
requirejs.config({
baseUrl: 'js/lib',
paths: {
app: '../app'
}
});
requirejs(['jquery', 'canvas', 'app/sub'],
function ($, canvas, sub) {
});
// this line below is causing the problem
require('./bootstrap');
window.Vue = require('vue');
Vue.use(require('vue-chat-scroll'));
Vue.component('chat-message', require('./components/ChatMessage.vue'));
Vue.component('chat-log', require('./components/ChatLog.vue'));
Vue.component('user-log', require('./components/UserLog.vue'));
Vue.component('chat-composer', require('./components/ChatComposer.vue'));
Run Code Online (Sandbox Code Playgroud)